@fundamental-ngx/core 0.52.2-rc.2 → 0.52.2-rc.21

package/fesm2022/fundamental-ngx-core-shared.mjs

@@ -35,6 +35,24 @@ const GetDefaultPosition = (position) => {
     }
     return resultPosition.concat(DefaultPositions);
 };
+var PopoverPlacement;
+(function (PopoverPlacement) {
+    PopoverPlacement["AUTO_START"] = "auto-start";
+    PopoverPlacement["AUTO"] = "auto";
+    PopoverPlacement["AUTO_END"] = "auto-end";
+    PopoverPlacement["TOP_START"] = "top-start";
+    PopoverPlacement["TOP"] = "top";
+    PopoverPlacement["TOP_END"] = "top-end";
+    PopoverPlacement["RIGHT_START"] = "right-start";
+    PopoverPlacement["RIGHT"] = "right";
+    PopoverPlacement["RIGHT_END"] = "right-end";
+    PopoverPlacement["BOTTOM_END"] = "bottom-end";
+    PopoverPlacement["BOTTOM"] = "bottom";
+    PopoverPlacement["BOTTOM_START"] = "bottom-start";
+    PopoverPlacement["LEFT_END"] = "left-end";
+    PopoverPlacement["LEFT"] = "left";
+    PopoverPlacement["LEFT_START"] = "left-start";
+})(PopoverPlacement || (PopoverPlacement = {}));
 const PopoverFlippedYDirection = {
     bottom: 'top',
     top: 'bottom',
@@ -108,5 +126,5 @@ const FD_TABLIST = new InjectionToken('FdTabList');
  * Generated bundle index. Do not edit.
  */
 
-export { DYNAMIC_PAGE_HEADER_TOKEN, DefaultPositions, FD_TABLIST, GetDefaultPosition, PopoverFlippedRtlPlacement, PopoverFlippedYDirection, PopoverPosition, ValueStateAriaMessageService };
+export { DYNAMIC_PAGE_HEADER_TOKEN, DefaultPositions, FD_TABLIST, GetDefaultPosition, PopoverFlippedRtlPlacement, PopoverFlippedYDirection, PopoverPlacement, PopoverPosition, ValueStateAriaMessageService };
 //# sourceMappingURL=fundamental-ngx-core-shared.mjs.map

package/fesm2022/fundamental-ngx-core-shared.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-shared.mjs","sources":["../../../../libs/core/shared/interfaces/popover-position.ts","../../../../libs/core/shared/services/value-state-message.service.ts","../../../../libs/core/shared/tokens/dynamic-page-header.token.ts","../../../../libs/core/shared/tokens/tabs.token.ts","../../../../libs/core/shared/index.ts","../../../../libs/core/shared/fundamental-ngx-core-shared.ts"],"sourcesContent":["import { ConnectedPosition } from '@angular/cdk/overlay';\nimport { isDevMode } from '@angular/core';\n\nconst popoverPlacementMap: { [key: string]: ConnectedPosition } = {\n    'top-start': { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },\n    top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },\n    'top-end': { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' },\n    'bottom-start': { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n    bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },\n    'bottom-end': { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },\n    'left-start': { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top' },\n    left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },\n    'left-end': { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom' },\n    'right-start': { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top' },\n    right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },\n    'right-end': { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom' }\n};\n\nexport const DefaultPositions: ConnectedPosition[] = [\n    { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n    { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },\n    { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },\n    { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },\n    { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },\n    { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' }\n];\n\nexport const GetDefaultPosition = (position: ConnectedPosition[]): ConnectedPosition[] => {\n    const resultPosition: ConnectedPosition[] = [];\n    if (position && position[0]) {\n        const firstPosition: ConnectedPosition = position[0];\n        resultPosition.push({\n            ...firstPosition,\n            originY: PopoverFlippedYDirection[firstPosition.originY],\n            overlayY: PopoverFlippedYDirection[firstPosition.overlayY]\n        });\n    }\n\n    return resultPosition.concat(DefaultPositions);\n};\n\n/**\n * Preset options for the popover body width.\n * * `at-least` will apply a minimum width to the body equivalent to the width of the control.\n * * `equal` will apply a width to the body equivalent to the width of the control.\n * * 'fit-content' will apply width needed to properly display items inside, independent of control.\n */\nexport type PopoverFillMode = 'at-least' | 'equal' | 'fit-content';\n\nexport type Placement =\n    | 'auto-start'\n    | 'auto'\n    | 'auto-end'\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n\nexport type RtlPlacement = 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';\n\nexport type XPositions = 'start' | 'center' | 'end';\nexport type YPositions = 'top' | 'center' | 'bottom';\nexport type ArrowPosition = 'top' | 'bottom' | 'start' | 'end' | 'center';\n\nexport const PopoverFlippedYDirection: { [key: string]: YPositions } = {\n    bottom: 'top',\n    top: 'bottom',\n    center: 'center'\n};\n\nexport const PopoverFlippedRtlPlacement: { [key in RtlPlacement]: RtlPlacement } = {\n    'left-start': 'right-start',\n    left: 'right',\n    'left-end': 'right-end',\n    'right-start': 'left-start',\n    right: 'left',\n    'right-end': 'left-end'\n};\n\nexport class PopoverPosition {\n    /** Get the cdk placement of the popover */\n    static getCdkPlacement(placement: Placement, direction?: 'rtl' | 'ltr'): ConnectedPosition {\n        const resultCdkPlacement = popoverPlacementMap[placement];\n\n        if (!resultCdkPlacement && isDevMode()) {\n            throw new Error('Invalid function argument. Check if \"placement\" is type of Placement Union');\n        }\n\n        if (direction === 'rtl') {\n            const startPlaceStr = placement.split('-')[0];\n\n            if (startPlaceStr === 'left' || startPlaceStr === 'right') {\n                return popoverPlacementMap[PopoverFlippedRtlPlacement[placement]];\n            }\n        }\n\n        return resultCdkPlacement;\n    }\n}\n","import { Injectable } from '@angular/core';\n\n/**\n *\n * This service holds default\n * value state aria messages\n * that are needed for accessibility purposes.\n *\n * It's intendant to be used with form controls\n * which supports different value states\n *\n */\n@Injectable({\n    providedIn: 'root'\n})\nexport class ValueStateAriaMessageService {\n    /** Value state \"success\" message */\n    readonly success = 'Value State Success';\n\n    /** Value state \"information\" message */\n    readonly information = 'Value State Information';\n\n    /** Value state \"warning\" message */\n    readonly warning = 'Value State Warning';\n\n    /** Value state \"error\" message */\n    readonly error = 'Value State Error';\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const DYNAMIC_PAGE_HEADER_TOKEN = new InjectionToken('DynamicPageHeader');\n\nexport interface DynamicPageHeader {\n    /**\n     * Page Title\n     */\n    title: string;\n}\n","import { InjectionToken } from '@angular/core';\nimport { TabList } from '../interfaces/tablist.interface';\n\nexport const FD_TABLIST = new InjectionToken<TabList>('FdTabList');\n","/*\n * Public API Surface of shared\n */\n\nexport * from './interfaces/popover-position';\nexport * from './interfaces/search-component.interface';\nexport * from './interfaces/special-day-rule';\nexport * from './interfaces/tablist.interface';\nexport * from './services/value-state-message.service';\nexport * from './tokens/dynamic-page-header.token';\nexport * from './tokens/tabs.token';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-shared.mjs","sources":["../../../../libs/core/shared/interfaces/popover-position.ts","../../../../libs/core/shared/services/value-state-message.service.ts","../../../../libs/core/shared/tokens/dynamic-page-header.token.ts","../../../../libs/core/shared/tokens/tabs.token.ts","../../../../libs/core/shared/index.ts","../../../../libs/core/shared/fundamental-ngx-core-shared.ts"],"sourcesContent":["import { ConnectedPosition } from '@angular/cdk/overlay';\nimport { isDevMode } from '@angular/core';\n\nconst popoverPlacementMap: { [key: string]: ConnectedPosition } = {\n    'top-start': { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },\n    top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },\n    'top-end': { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' },\n    'bottom-start': { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n    bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },\n    'bottom-end': { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },\n    'left-start': { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top' },\n    left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },\n    'left-end': { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom' },\n    'right-start': { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top' },\n    right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' },\n    'right-end': { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom' }\n};\n\nexport const DefaultPositions: ConnectedPosition[] = [\n    { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n    { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },\n    { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },\n    { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },\n    { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },\n    { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' }\n];\n\nexport const GetDefaultPosition = (position: ConnectedPosition[]): ConnectedPosition[] => {\n    const resultPosition: ConnectedPosition[] = [];\n    if (position && position[0]) {\n        const firstPosition: ConnectedPosition = position[0];\n        resultPosition.push({\n            ...firstPosition,\n            originY: PopoverFlippedYDirection[firstPosition.originY],\n            overlayY: PopoverFlippedYDirection[firstPosition.overlayY]\n        });\n    }\n\n    return resultPosition.concat(DefaultPositions);\n};\n\n/**\n * Preset options for the popover body width.\n * * `at-least` will apply a minimum width to the body equivalent to the width of the control.\n * * `equal` will apply a width to the body equivalent to the width of the control.\n * * 'fit-content' will apply width needed to properly display items inside, independent of control.\n */\nexport type PopoverFillMode = 'at-least' | 'equal' | 'fit-content';\n\nexport enum PopoverPlacement {\n    AUTO_START = 'auto-start',\n    AUTO = 'auto',\n    AUTO_END = 'auto-end',\n    TOP_START = 'top-start',\n    TOP = 'top',\n    TOP_END = 'top-end',\n    RIGHT_START = 'right-start',\n    RIGHT = 'right',\n    RIGHT_END = 'right-end',\n    BOTTOM_END = 'bottom-end',\n    BOTTOM = 'bottom',\n    BOTTOM_START = 'bottom-start',\n    LEFT_END = 'left-end',\n    LEFT = 'left',\n    LEFT_START = 'left-start'\n}\n\nexport type Placement =\n    | 'auto-start'\n    | 'auto'\n    | 'auto-end'\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n\nexport type RtlPlacement = 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';\n\nexport type XPositions = 'start' | 'center' | 'end';\nexport type YPositions = 'top' | 'center' | 'bottom';\nexport type ArrowPosition = 'top' | 'bottom' | 'start' | 'end' | 'center';\n\nexport const PopoverFlippedYDirection: { [key: string]: YPositions } = {\n    bottom: 'top',\n    top: 'bottom',\n    center: 'center'\n};\n\nexport const PopoverFlippedRtlPlacement: { [key in RtlPlacement]: RtlPlacement } = {\n    'left-start': 'right-start',\n    left: 'right',\n    'left-end': 'right-end',\n    'right-start': 'left-start',\n    right: 'left',\n    'right-end': 'left-end'\n};\n\nexport class PopoverPosition {\n    /** Get the cdk placement of the popover */\n    static getCdkPlacement(placement: Placement, direction?: 'rtl' | 'ltr'): ConnectedPosition {\n        const resultCdkPlacement = popoverPlacementMap[placement];\n\n        if (!resultCdkPlacement && isDevMode()) {\n            throw new Error('Invalid function argument. Check if \"placement\" is type of Placement Union');\n        }\n\n        if (direction === 'rtl') {\n            const startPlaceStr = placement.split('-')[0];\n\n            if (startPlaceStr === 'left' || startPlaceStr === 'right') {\n                return popoverPlacementMap[PopoverFlippedRtlPlacement[placement]];\n            }\n        }\n\n        return resultCdkPlacement;\n    }\n}\n","import { Injectable } from '@angular/core';\n\n/**\n *\n * This service holds default\n * value state aria messages\n * that are needed for accessibility purposes.\n *\n * It's intendant to be used with form controls\n * which supports different value states\n *\n */\n@Injectable({\n    providedIn: 'root'\n})\nexport class ValueStateAriaMessageService {\n    /** Value state \"success\" message */\n    readonly success = 'Value State Success';\n\n    /** Value state \"information\" message */\n    readonly information = 'Value State Information';\n\n    /** Value state \"warning\" message */\n    readonly warning = 'Value State Warning';\n\n    /** Value state \"error\" message */\n    readonly error = 'Value State Error';\n}\n","import { InjectionToken } from '@angular/core';\n\nexport const DYNAMIC_PAGE_HEADER_TOKEN = new InjectionToken('DynamicPageHeader');\n\nexport interface DynamicPageHeader {\n    /**\n     * Page Title\n     */\n    title: string;\n}\n","import { InjectionToken } from '@angular/core';\nimport { TabList } from '../interfaces/tablist.interface';\n\nexport const FD_TABLIST = new InjectionToken<TabList>('FdTabList');\n","/*\n * Public API Surface of shared\n */\n\nexport * from './interfaces/popover-position';\nexport * from './interfaces/search-component.interface';\nexport * from './interfaces/special-day-rule';\nexport * from './interfaces/tablist.interface';\nexport * from './services/value-state-message.service';\nexport * from './tokens/dynamic-page-header.token';\nexport * from './tokens/tabs.token';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAAM,mBAAmB,GAAyC;AAC9D,IAAA,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxF,IAAA,GAAG,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAClF,IAAA,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAClF,IAAA,cAAc,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC3F,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;AACrF,IAAA,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE;AACrF,IAAA,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE;AACpF,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAClF,IAAA,UAAU,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACxF,IAAA,aAAa,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AACrF,IAAA,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACnF,IAAA,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;CAC5F,CAAC;AAEW,MAAA,gBAAgB,GAAwB;AACjD,IAAA,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC3E,IAAA,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC3E,IAAA,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC7E,IAAA,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC7E,IAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE;AACvE,IAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;EACzE;AAEW,MAAA,kBAAkB,GAAG,CAAC,QAA6B,KAAyB;IACrF,MAAM,cAAc,GAAwB,EAAE,CAAC;AAC/C,IAAA,IAAI,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;AACzB,QAAA,MAAM,aAAa,GAAsB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACrD,cAAc,CAAC,IAAI,CAAC;AAChB,YAAA,GAAG,aAAa;AAChB,YAAA,OAAO,EAAE,wBAAwB,CAAC,aAAa,CAAC,OAAO,CAAC;AACxD,YAAA,QAAQ,EAAE,wBAAwB,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC7D,SAAA,CAAC,CAAC;KACN;AAED,IAAA,OAAO,cAAc,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACnD,EAAE;IAUU,iBAgBX;AAhBD,CAAA,UAAY,gBAAgB,EAAA;AACxB,IAAA,gBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzB,IAAA,gBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,gBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvB,IAAA,gBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACX,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,gBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,gBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvB,IAAA,gBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzB,IAAA,gBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,gBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B,CAAA;AAC7B,IAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,gBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,gBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AAC7B,CAAC,EAhBW,gBAAgB,KAAhB,gBAAgB,GAgB3B,EAAA,CAAA,CAAA,CAAA;AAyBY,MAAA,wBAAwB,GAAkC;AACnE,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,MAAM,EAAE,QAAQ;EAClB;AAEW,MAAA,0BAA0B,GAA4C;AAC/E,IAAA,YAAY,EAAE,aAAa;AAC3B,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,UAAU,EAAE,WAAW;AACvB,IAAA,aAAa,EAAE,YAAY;AAC3B,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,WAAW,EAAE,UAAU;EACzB;MAEW,eAAe,CAAA;;AAExB,IAAA,OAAO,eAAe,CAAC,SAAoB,EAAE,SAAyB,EAAA;AAClE,QAAA,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;AAE1D,QAAA,IAAI,CAAC,kBAAkB,IAAI,SAAS,EAAE,EAAE;AACpC,YAAA,MAAM,IAAI,KAAK,CAAC,4EAA4E,CAAC,CAAC;SACjG;AAED,QAAA,IAAI,SAAS,KAAK,KAAK,EAAE;YACrB,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAE9C,IAAI,aAAa,KAAK,MAAM,IAAI,aAAa,KAAK,OAAO,EAAE;AACvD,gBAAA,OAAO,mBAAmB,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC,CAAC;aACrE;SACJ;AAED,QAAA,OAAO,kBAAkB,CAAC;KAC7B;AACJ;;AC1HD;;;;;;;;;AASG;MAIU,4BAA4B,CAAA;AAHzC,IAAA,WAAA,GAAA;;QAKa,IAAO,CAAA,OAAA,GAAG,qBAAqB,CAAC;;QAGhC,IAAW,CAAA,WAAA,GAAG,yBAAyB,CAAC;;QAGxC,IAAO,CAAA,OAAA,GAAG,qBAAqB,CAAC;;QAGhC,IAAK,CAAA,KAAA,GAAG,mBAAmB,CAAC;AACxC,KAAA;8GAZY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,cAFzB,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAET,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAHxC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;;;MCZY,yBAAyB,GAAG,IAAI,cAAc,CAAC,mBAAmB;;MCClE,UAAU,GAAG,IAAI,cAAc,CAAU,WAAW;;ACHjE;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/fundamental-ngx-core-slider.mjs

@@ -786,7 +786,7 @@ class SliderComponent {
                     [ContentDensityMode.COZY]: 'fd-slider--lg'
                 }
             })
-        ], viewQueries: [{ propertyName: "trackEl", first: true, predicate: ["track"], descendants: true, read: ElementRef, static: true }, { propertyName: "handle", first: true, predicate: ["handle"], descendants: true, read: ElementRef }, { propertyName: "rangeHandle1", first: true, predicate: ["rangeHandle1"], descendants: true, read: ElementRef }, { propertyName: "rangeHandle2", first: true, predicate: ["rangeHandle2"], descendants: true, read: ElementRef }, { propertyName: "_rangeGroupHandle", first: true, predicate: ["rangeGroupHandle"], descendants: true, read: ElementRef }, { propertyName: "_popovers", predicate: PopoverComponent, descendants: true }, { propertyName: "_sliderTooltipWrappers", predicate: ["sliderTooltipWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-slider__inner\">\n    <ng-template [ngTemplateOutlet]=\"_isRange ? rangeMode : singleMode\"></ng-template>\n    <div class=\"fd-slider__track\" (click)=\"onTrackClick($event)\" #track>\n        <ng-template [ngTemplateOutlet]=\"_isRange ? rangeModeTrack : singleModeTrack\"></ng-template>\n    </div>\n    <div class=\"fd-slider__tick-wrapper\">\n        <div class=\"fd-slider__ticks\" (click)=\"onTrackClick($event)\">\n            @if (showTicks) {\n                @for (tick of _tickMarks; track tick; let i = $index) {\n                    <div\n                        class=\"fd-slider__tick\"\n                        fd-slider-position\n                        [vertical]=\"vertical\"\n                        [position]=\"tick.position || 0\"\n                        [class.fd-slider__tick--in-range]=\"\n                            !hideProgressBar &&\n                            (_isRange\n                                ? tick.value >= _position[0] && tick.value <= _position[1]\n                                : tick.value <= _position)\n                        \"\n                    ></div>\n                }\n            }\n        </div>\n        @if (showTicks && showTicksLabels) {\n            <div class=\"fd-slider__labels\">\n                @for (tick of _tickMarks; track tick; let i = $index; let last = $last; let first = $first) {\n                    @if (first || last || i % tickmarksBetweenLabels === 0) {\n                        <div\n                            class=\"fd-slider__label\"\n                            fd-slider-position\n                            [vertical]=\"vertical\"\n                            [position]=\"tick.position || 0\"\n                        >\n                            {{ tick.label }}\n                        </div>\n                    }\n                }\n            </div>\n        }\n    </div>\n</div>\n<ng-template #singleModeTrack>\n    @if (!hideProgressBar) {\n        <div\n            class=\"fd-slider__track-range\"\n            [style.height.%]=\"vertical ? _progress : null\"\n            [style.width.%]=\"vertical ? null : _progress\"\n        ></div>\n    }\n</ng-template>\n<ng-template #rangeModeTrack>\n    @if (!hideProgressBar) {\n        <div\n            class=\"fd-slider__track-range\"\n            [style.height.%]=\"vertical ? _rangeProgress : null\"\n            [style.width.%]=\"vertical ? null : _rangeProgress\"\n            fd-slider-position\n            [vertical]=\"vertical\"\n            [position]=\"_handle1Position < _handle2Position ? _handle1Position : _handle2Position\"\n        >\n            <div\n                class=\"fd-slider__track-focus-range\"\n                (mousedown)=\"onHandleClick($event, true)\"\n                (keydown)=\"onKeyDown($event, _handles.Both)\"\n                tabindex=\"0\"\n                #rangeGroupHandle\n            ></div>\n        </div>\n    }\n</ng-template>\n<ng-template #singleMode>\n    <div\n        #handle\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.singleMinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? singleSliderPopover : null\"\n        [attr.aria-valuemin]=\"'coreSlider.singleValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.singleValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.singleValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER) })\n                : getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.singleValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER) })\n                : getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_progress\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (focus)=\"_handleFocused$.next(true)\"\n        (blur)=\"_handleFocused$.next(false)\"\n        (keydown)=\"onKeyDown($event)\"\n    ></div>\n    <fd-popover\n        #singleSliderPopover\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"handle\"\n        [disabled]=\"!tooltipMode\"\n        class=\"fd-popover--slider\"\n        additionalBodyClass=\"fd-slider--tooltip-popover\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.SINGLE_SLIDER, position: _position }\"\n        ></ng-template>\n    </fd-popover>\n</ng-template>\n<ng-template #rangeMode>\n    <div\n        #rangeHandle1\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.multipleHandle1MinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? rangeSliderPopover1 : null\"\n        [attr.aria-valuemin]=\"'coreSlider.multipleHandle1ValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.multipleHandle1ValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle1ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1) })\n                : getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle1ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1) })\n                : getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_handle1Position\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (keydown)=\"onKeyDown($event, _handles.First)\"\n        (focus)=\"_rangeHandle1Focused$.next(true)\"\n        (blur)=\"_rangeHandle1Focused$.next(false)\"\n    ></div>\n    <div\n        #rangeHandle2\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.multipleHandle2MinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? rangeSliderPopover2 : null\"\n        [attr.aria-valuemin]=\"'coreSlider.multipleHandle2ValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.multipleHandle2ValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle2ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2) })\n                : getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle2ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2) })\n                : getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_handle2Position\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (keydown)=\"onKeyDown($event, _handles.Second)\"\n        (focus)=\"_rangeHandle2Focused$.next(true)\"\n        (blur)=\"_rangeHandle2Focused$.next(false)\"\n    ></div>\n    <fd-popover\n        #rangeSliderPopover1\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"rangeHandle1\"\n        [disabled]=\"!tooltipMode\"\n        additionalBodyClass=\"fd-slider--tooltip-popover\"\n        class=\"fd-popover--slider\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.RANGE_SLIDER1, position: _handle1Value }\"\n        ></ng-template>\n    </fd-popover>\n    <fd-popover\n        #rangeSliderPopover2\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"rangeHandle2\"\n        [disabled]=\"!tooltipMode\"\n        additionalBodyClass=\"fd-slider--tooltip-popover\"\n        class=\"fd-popover--slider\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.RANGE_SLIDER2, position: _handle2Value }\"\n        ></ng-template>\n    </fd-popover>\n</ng-template>\n<ng-template #popoverInner let-target=\"target\" let-position=\"position\">\n    <div\n        #sliderTooltipWrapper\n        class=\"fd-slider--tooltip-wrapper\"\n        (click)=\"$event.stopPropagation()\"\n        (keydown)=\"$event.stopPropagation()\"\n        (mouseenter)=\"_popoverInputFieldHovered$.next(true)\"\n        (mouseleave)=\"_popoverInputFieldHovered$.next(false)\"\n    >\n        @if ((customValues && customValues.length > 0) || tooltipMode === 'readonly') {\n            <div class=\"fd-slider--tooltip\">\n                {{ customValues && customValues.length > 0 ? customValues[position].label : _popoverValueRef[target] }}\n            </div>\n        }\n        @if (customValues.length === 0 && tooltipMode === 'editable') {\n            <input\n                #popoverInputField\n                tabindex=\"-1\"\n                type=\"text\"\n                [disabled]=\"disabled\"\n                fdkOnlyDigits\n                [decimal]=\"true\"\n                [style.width.ch]=\"('' + _popoverValueRef[target]).length + 2\"\n                class=\"fd-input fd-slider--tooltip {{ _popoverInputFieldClass }}\"\n                [(ngModel)]=\"_popoverValueRef[target]\"\n                (blur)=\"_updateValueFromInput(popoverInputField.value, target)\"\n                (keydown.enter)=\"_updateValueFromInput(popoverInputField.value, target)\"\n                (focus)=\"_popoverInputFieldFocused$.next(true)\"\n                (blur)=\"_popoverInputFieldFocused$.next(false)\"\n            />\n        }\n    </div>\n</ng-template>\n", styles: [".fd-slider{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;min-width:4rem;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:calc(var(--fdSlider_Handle_Width) * .5 + .125rem);position:relative}.fd-slider:after,.fd-slider:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider.is-disabled,.fd-slider:disabled,.fd-slider[aria-disabled=true]{cursor:not-allowed}.fd-slider--lg{--fdSlider_Handle_Width:var(--fdSlider_Mobile_Handle_Width);--fdSlider_Handle_Height:var(--fdSlider_Mobile_Handle_Height);--fdSlider_Handle_Active_Width:var(--fdSlider_Mobile_Handle_Active_Size);--fdSlider_Handle_Active_Height:var(--fdSlider_Mobile_Handle_Active_Size);padding-inline:calc(var(--fdSlider_Mobile_Handle_Width) * .5 + .125rem)}.fd-slider__inner{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__inner:after,.fd-slider__inner:before{-webkit-box-sizing:inherit;-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);background-color:var(--fdSlider_Endpoint_Active_Background);border:0;border:var(--fdSlider_Endpoint_Active_Border);border-radius:50%;box-sizing:inherit;box-sizing:border-box;color:var(--sapTextColor);content:\"\";font-family:var(--sapFontFamily);font-size:inherit;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Endpoint_Size);left:-.7rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--fdSlider_Endpoint_Size)}.fd-slider__inner:after:after,.fd-slider__inner:after:before,.fd-slider__inner:before:after,.fd-slider__inner:before:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__inner:after{left:auto;right:-.7rem}.fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner[dir=rtl]:before,.fd-slider__inner:after,[dir=rtl] .fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner[dir=rtl]:after,[dir=rtl] .fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner:after{background-color:var(--fdSlider_Endpoint_Active_Background);border:var(--fdSlider_Endpoint_Active_Border)}.fd-slider__track{-webkit-box-sizing:border-box;-webkit-box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);background-color:var(--fdSlider_Track_Background);border:0;border-radius:var(--fdSlider_Track_BorderRadius);box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Track_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;width:100%;z-index:1}.fd-slider__track:after,.fd-slider__track:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__track-range{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSlider_Track_Active_Box_Shadow);background-color:var(--fdSlider_Track_Active_Background);border:0;border:.0625rem solid var(--fdSlider_Track_Active_Border);border-radius:.25rem;box-shadow:var(--fdSlider_Track_Active_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__track-range:after,.fd-slider__track-range:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick-wrapper{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);width:100%;z-index:2}.fd-slider__tick-wrapper:after,.fd-slider__tick-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__ticks{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-slider__ticks:after,.fd-slider__ticks:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__labels{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:space-between;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;top:.5rem}.fd-slider__labels:after,.fd-slider__labels:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick{-webkit-box-sizing:border-box;border:0;border-left:.0625rem solid var(--fdSlider_Tick_Background);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Tick_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__tick:after,.fd-slider__tick:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick--in-range{border-color:var(--fdSlider_Active_Tick_Background)}.fd-slider__label{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;width:0}.fd-slider__label:after,.fd-slider__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translate(-50%,-50%);align-items:center;background-color:var(--fdSlider_Handle_Background);border:0;border:var(--fdSlider_Handle_Border);border-radius:var(--fdSlider_Handle_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Handle_Height);justify-content:center;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Width);z-index:3}.fd-slider__handle:after,.fd-slider__handle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle:before{-webkit-transform:translate(-50%,-50%);content:\"\";height:var(--fdSlider_Handle_Active_Height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Active_Width)}.fd-slider__handle:after{color:var(--sapContent_Selected_ForegroundColor);content:\"\\e29c\";display:var(--fdSlider_Handle_Icon_Display);font-family:SAP-icons;font-size:.875rem;line-height:1}.fd-slider__handle.is-focus,.fd-slider__handle:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-focus:after,.fd-slider__handle:focus:after{display:none}.fd-slider__handle.is-hover,.fd-slider__handle:hover{background-color:var(--fdSlider_Hover_Handle_Background);border:var(--fdSlider_Hover_Handle_Border);border-color:var(--fdSlider_Handle_Border_Hover_Color)}.fd-slider__handle.is-hover.is-focus,.fd-slider__handle.is-hover:focus,.fd-slider__handle:hover.is-focus,.fd-slider__handle:hover:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-hover.is-focus:after,.fd-slider__handle.is-hover:focus:after,.fd-slider__handle:hover.is-focus:after,.fd-slider__handle:hover:focus:after{display:none}.fd-slider__handle.is-active,.fd-slider__handle:active{background-color:var(--fdSlider_Active_Handle_Background);border:var(--fdSlider_Active_Handle_Border)}.fd-slider__handle.is-active.is-focus,.fd-slider__handle.is-active:focus,.fd-slider__handle:active.is-focus,.fd-slider__handle:active:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-active.is-focus:after,.fd-slider__handle.is-active:focus:after,.fd-slider__handle:active.is-focus:after,.fd-slider__handle:active:focus:after{display:none}.fd-slider__track-focus-range{-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);border:0;border-radius:var(--fdSlider_Range_Track_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:calc(var(--fdSlider_Handle_Height) + .5rem);left:0;line-height:normal;margin-block:0;margin-inline:0;margin-inline:calc(var(--fdSlider_Handle_Height) * -1 / 1.1);padding-block:0;padding-inline:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.fd-slider__track-focus-range:after,.fd-slider__track-focus-range:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__track-focus-range.is-focus,.fd-slider__track-focus-range:focus{outline:var(--fdSlider_Focus_Range_Outline);z-index:5}.fd-slider--range .fd-slider__inner:after,.fd-slider--range .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider--range .fd-slider__inner .fd-slider__handle{background-color:var(--fdSlider_Range_Handle_Background);border:var(--fdSlider_Range_Handle_Border)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-hover,.fd-slider--range .fd-slider__inner .fd-slider__handle:hover{background-color:var(--fdSlider_Range_Hover_Handle_Background);border-color:var(--fdSlider_Range_Hover_Handle_Border_Color)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active,.fd-slider--range .fd-slider__inner .fd-slider__handle:active{background-color:var(--fdSlider_Range_Active_Handle_Background);border-color:var(--fdSlider_Range_Active_Handle_Border_Color)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:active:after{display:var(--fdSlider_Focus_Handle_Display)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus{background-color:var(--fdSlider_Range_Focus_Handle_Background);border:var(--fdSlider_Range_Focus_Handle_Border);z-index:5}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus:after{display:var(--fdSlider_Focus_Handle_Display)}.fd-slider--vertical{height:100%}.fd-slider--vertical .fd-slider__inner{height:100%;width:var(--fdSlider_Track_Height)}.fd-slider--vertical .fd-slider__inner:after,.fd-slider--vertical .fd-slider__inner:before{-webkit-transform:translateX(-50%);left:50%;right:auto;top:auto;transform:translate(-50%)}.fd-slider--vertical .fd-slider__inner:before{bottom:-.7rem}.fd-slider--vertical .fd-slider__inner:after{top:-.7rem}.fd-slider--vertical .fd-slider__track{height:100%;width:var(--fdSlider_Track_Height)}.fd-slider--vertical .fd-slider__track-range{bottom:0;position:absolute;width:100%}.fd-slider--vertical .fd-slider__handle{-webkit-transform:translate(-50%,50%);bottom:0;height:var(--fdSlider_Handle_Width);left:50%;top:auto;transform:translate(-50%,50%);width:var(--fdSlider_Handle_Height)}.fd-slider--vertical .fd-slider__handle:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fd-slider--vertical .fd-slider__tick-wrapper{height:100%;left:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);right:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);top:0}.fd-slider--vertical .fd-slider__ticks{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:100%}.fd-slider--vertical .fd-slider__tick{border-left:none;border-top-style:solid;border-top-width:.0625rem;height:0;width:var(--fdSlider_Tick_Height)}.fd-slider--vertical .fd-slider__labels{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:100%;left:calc(var(--fdSlider_Handle_Width) * .5 + .125rem);position:absolute;top:-.55rem}.fd-slider--vertical .fd-slider__labels[dir=rtl],[dir=rtl] .fd-slider--vertical .fd-slider__labels{left:auto;right:calc(var(--fdSlider_Handle_Width) * .5 + .125rem)}.fd-slider--vertical .fd-slider__label{height:.0625rem;width:auto}.fd-slider--vertical.fd-slider--range .fd-slider__track-range{left:0}.fd-slider--vertical.fd-slider--range .fd-slider__track-focus-range{-webkit-transform:translateX(-50%);height:auto;inset:0 auto 0 50%;margin-block:calc(var(--fdSlider_Handle_Height) * -1 / 1.1);margin-inline:0;transform:translate(-50%);width:calc(var(--fdSlider_Handle_Height) + .5rem)}.fd-input{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapField_Shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle, var(--sapField_BackgroundStyle));background-color:var(--sapField_Background, var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:var(--sapField_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height, var(--sapElement_Height));line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block, .25rem);margin-inline:0;min-height:var(--fdInput_Height, var(--sapElement_Height));min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline, .625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input::-webkit-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input::-moz-placeholder{text-indent:.125rem}.fd-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input:-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input::-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle, var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background, var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background, var(--sapField_Focus_Background));box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fdInput_Compact_Height, var(--sapElement_Compact_Height));margin-block:var(--fdInput_Field_Compact_Margin_Block, .1875rem);margin-inline:0;min-height:var(--fdInput_Compact_Height, var(--sapElement_Compact_Height));min-width:var(--fdInput_Field_Compact_Min_Width, 2rem);padding-block:0;padding-inline:var(--fdInput_Field_Compact_Padding, .5rem)}.fd-input--no-number-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}.fd-input.right-align{text-align:right}.fd-input.is-success{-webkit-box-shadow:var(--sapField_SuccessShadow);background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);box-shadow:var(--sapField_SuccessShadow)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-success.is-expanded,.fd-input.is-success[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-error{-webkit-box-shadow:var(--sapField_InvalidShadow);background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);box-shadow:var(--sapField_InvalidShadow)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-error.is-expanded,.fd-input.is-error[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-warning{-webkit-box-shadow:var(--sapField_WarningShadow);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);box-shadow:var(--sapField_WarningShadow)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-warning.is-expanded,.fd-input.is-warning[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-alert.is-expanded,.fd-input.is-alert[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-information{-webkit-box-shadow:var(--sapField_InformationShadow);background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);box-shadow:var(--sapField_InformationShadow)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-information.is-expanded,.fd-input.is-information[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-webkit-input-placeholder,.fd-input.is-error::-webkit-input-placeholder,.fd-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-moz-placeholder,.fd-input.is-error::-moz-placeholder,.fd-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert:-ms-input-placeholder,.fd-input.is-error:-ms-input-placeholder,.fd-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-ms-input-placeholder,.fd-input.is-error::-ms-input-placeholder,.fd-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::-webkit-input-placeholder,.fd-input:disabled::-webkit-input-placeholder,.fd-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-moz-placeholder,.fd-input:disabled::-moz-placeholder,.fd-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled:-ms-input-placeholder,.fd-input:disabled:-ms-input-placeholder,.fd-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-ms-input-placeholder,.fd-input:disabled::-ms-input-placeholder,.fd-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{--fdInput_Outline_Offset:-.25rem;-webkit-box-shadow:none;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);box-shadow:none}.fd-input.is-readonly::-webkit-input-placeholder,.fd-input[aria-readonly=true]::-webkit-input-placeholder,.fd-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-moz-placeholder,.fd-input[aria-readonly=true]::-moz-placeholder,.fd-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly:-ms-input-placeholder,.fd-input[aria-readonly=true]:-ms-input-placeholder,.fd-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-ms-input-placeholder,.fd-input[aria-readonly=true]::-ms-input-placeholder,.fd-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly.is-focus,.fd-input.is-readonly.is-hover,.fd-input.is-readonly:focus,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-focus,.fd-input[readonly].is-hover,.fd-input[readonly]:focus,.fd-input[readonly]:hover{--fdInput_Outline_Offset:-.25rem;-webkit-box-shadow:none;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:5}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-popover--slider{display:block!important}.fd-popover__body.fd-slider--tooltip-popover{top:-7px!important;overflow:hidden}.fd-popover__body.fd-slider--tooltip-popover .fd-slider--tooltip{padding:.25rem;min-width:2rem;text-align:center;height:1.375rem;line-height:1;direction:ltr;box-sizing:border-box;margin:0!important;border:0;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);font-size:.875rem;font-size:var(--sapFontSize)}.fd-slider{display:block}.fd-slider.fd-slider--with-labels{padding-bottom:2rem}.fd-slider__tick-wrapper .fd-slider__label,.fd-slider__tick-wrapper .fd-slider__tick{position:absolute}.fd-slider__ticks{height:var(--fdSlider_Tick_Height)}.fd-slider__track .fd-slider__handle:focus{z-index:2;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fd-slider__track .fd-popover-custom{display:none}.fd-slider__labels .fd-slider__label{white-space:nowrap}.fd-slider__alternative-tick-width .fd-slider__tick{width:1px}[dir=rtl] .fd-slider__handle{transform:translate(50%,-50%)}\n/*!\n * Fundamental Library Styles v0.37.7\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SliderPositionDirective, selector: "[fd-slider-position]", inputs: ["position", "vertical"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OnlyDigitsDirective, selector: "[fdkOnlyDigits]", inputs: ["decimal", "decimalSeparator"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "trackEl", first: true, predicate: ["track"], descendants: true, read: ElementRef, static: true }, { propertyName: "handle", first: true, predicate: ["handle"], descendants: true, read: ElementRef }, { propertyName: "rangeHandle1", first: true, predicate: ["rangeHandle1"], descendants: true, read: ElementRef }, { propertyName: "rangeHandle2", first: true, predicate: ["rangeHandle2"], descendants: true, read: ElementRef }, { propertyName: "_rangeGroupHandle", first: true, predicate: ["rangeGroupHandle"], descendants: true, read: ElementRef }, { propertyName: "_popovers", predicate: PopoverComponent, descendants: true }, { propertyName: "_sliderTooltipWrappers", predicate: ["sliderTooltipWrapper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-slider__inner\">\n    <ng-template [ngTemplateOutlet]=\"_isRange ? rangeMode : singleMode\"></ng-template>\n    <div class=\"fd-slider__track\" (click)=\"onTrackClick($event)\" #track>\n        <ng-template [ngTemplateOutlet]=\"_isRange ? rangeModeTrack : singleModeTrack\"></ng-template>\n    </div>\n    <div class=\"fd-slider__tick-wrapper\">\n        <div class=\"fd-slider__ticks\" (click)=\"onTrackClick($event)\">\n            @if (showTicks) {\n                @for (tick of _tickMarks; track tick; let i = $index) {\n                    <div\n                        class=\"fd-slider__tick\"\n                        fd-slider-position\n                        [vertical]=\"vertical\"\n                        [position]=\"tick.position || 0\"\n                        [class.fd-slider__tick--in-range]=\"\n                            !hideProgressBar &&\n                            (_isRange\n                                ? tick.value >= _position[0] && tick.value <= _position[1]\n                                : tick.value <= _position)\n                        \"\n                    ></div>\n                }\n            }\n        </div>\n        @if (showTicks && showTicksLabels) {\n            <div class=\"fd-slider__labels\">\n                @for (tick of _tickMarks; track tick; let i = $index; let last = $last; let first = $first) {\n                    @if (first || last || i % tickmarksBetweenLabels === 0) {\n                        <div\n                            class=\"fd-slider__label\"\n                            fd-slider-position\n                            [vertical]=\"vertical\"\n                            [position]=\"tick.position || 0\"\n                        >\n                            {{ tick.label }}\n                        </div>\n                    }\n                }\n            </div>\n        }\n    </div>\n</div>\n<ng-template #singleModeTrack>\n    @if (!hideProgressBar) {\n        <div\n            class=\"fd-slider__track-range\"\n            [style.height.%]=\"vertical ? _progress : null\"\n            [style.width.%]=\"vertical ? null : _progress\"\n        ></div>\n    }\n</ng-template>\n<ng-template #rangeModeTrack>\n    @if (!hideProgressBar) {\n        <div\n            class=\"fd-slider__track-range\"\n            [style.height.%]=\"vertical ? _rangeProgress : null\"\n            [style.width.%]=\"vertical ? null : _rangeProgress\"\n            fd-slider-position\n            [vertical]=\"vertical\"\n            [position]=\"_handle1Position < _handle2Position ? _handle1Position : _handle2Position\"\n        >\n            <div\n                class=\"fd-slider__track-focus-range\"\n                (mousedown)=\"onHandleClick($event, true)\"\n                (keydown)=\"onKeyDown($event, _handles.Both)\"\n                tabindex=\"0\"\n                #rangeGroupHandle\n            ></div>\n        </div>\n    }\n</ng-template>\n<ng-template #singleMode>\n    <div\n        #handle\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.singleMinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? singleSliderPopover : null\"\n        [attr.aria-valuemin]=\"'coreSlider.singleValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.singleValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.singleValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER) })\n                : getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.singleValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER) })\n                : getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_progress\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (focus)=\"_handleFocused$.next(true)\"\n        (blur)=\"_handleFocused$.next(false)\"\n        (keydown)=\"onKeyDown($event)\"\n    ></div>\n    <fd-popover\n        #singleSliderPopover\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"handle\"\n        [disabled]=\"!tooltipMode\"\n        class=\"fd-popover--slider\"\n        additionalBodyClass=\"fd-slider-tooltip-popover\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.SINGLE_SLIDER, position: _position }\"\n        ></ng-template>\n    </fd-popover>\n</ng-template>\n<ng-template #rangeMode>\n    <div\n        #rangeHandle1\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.multipleHandle1MinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? rangeSliderPopover1 : null\"\n        [attr.aria-valuemin]=\"'coreSlider.multipleHandle1ValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.multipleHandle1ValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle1ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1) })\n                : getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle1ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1) })\n                : getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_handle1Position\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (keydown)=\"onKeyDown($event, _handles.First)\"\n        (focus)=\"_rangeHandle1Focused$.next(true)\"\n        (blur)=\"_rangeHandle1Focused$.next(false)\"\n    ></div>\n    <div\n        #rangeHandle2\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.multipleHandle2MinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? rangeSliderPopover2 : null\"\n        [attr.aria-valuemin]=\"'coreSlider.multipleHandle2ValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.multipleHandle2ValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle2ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2) })\n                : getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle2ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2) })\n                : getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_handle2Position\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (keydown)=\"onKeyDown($event, _handles.Second)\"\n        (focus)=\"_rangeHandle2Focused$.next(true)\"\n        (blur)=\"_rangeHandle2Focused$.next(false)\"\n    ></div>\n    <fd-popover\n        #rangeSliderPopover1\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"rangeHandle1\"\n        [disabled]=\"!tooltipMode\"\n        additionalBodyClass=\"fd-slider-tooltip-popover\"\n        class=\"fd-popover--slider\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.RANGE_SLIDER1, position: _handle1Value }\"\n        ></ng-template>\n    </fd-popover>\n    <fd-popover\n        #rangeSliderPopover2\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"rangeHandle2\"\n        [disabled]=\"!tooltipMode\"\n        additionalBodyClass=\"fd-slider-tooltip-popover\"\n        class=\"fd-popover--slider\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.RANGE_SLIDER2, position: _handle2Value }\"\n        ></ng-template>\n    </fd-popover>\n</ng-template>\n<ng-template #popoverInner let-target=\"target\" let-position=\"position\">\n    <div\n        #sliderTooltipWrapper\n        class=\"fd-slider-tooltip-wrapper\"\n        (click)=\"$event.stopPropagation()\"\n        (keydown)=\"$event.stopPropagation()\"\n        (mouseenter)=\"_popoverInputFieldHovered$.next(true)\"\n        (mouseleave)=\"_popoverInputFieldHovered$.next(false)\"\n    >\n        @if ((customValues && customValues.length > 0) || tooltipMode === 'readonly') {\n            <div class=\"fd-slider-tooltip\">\n                {{ customValues && customValues.length > 0 ? customValues[position].label : _popoverValueRef[target] }}\n            </div>\n        }\n        @if (customValues.length === 0 && tooltipMode === 'editable') {\n            <input\n                #popoverInputField\n                tabindex=\"-1\"\n                type=\"text\"\n                [disabled]=\"disabled\"\n                fdkOnlyDigits\n                [decimal]=\"true\"\n                [style.width.ch]=\"('' + _popoverValueRef[target]).length + 2\"\n                class=\"fd-input fd-slider-tooltip {{ _popoverInputFieldClass }}\"\n                [(ngModel)]=\"_popoverValueRef[target]\"\n                (blur)=\"_updateValueFromInput(popoverInputField.value, target)\"\n                (keydown.enter)=\"_updateValueFromInput(popoverInputField.value, target)\"\n                (focus)=\"_popoverInputFieldFocused$.next(true)\"\n                (blur)=\"_popoverInputFieldFocused$.next(false)\"\n            />\n        }\n    </div>\n</ng-template>\n", styles: [".fd-slider{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;min-width:4rem;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:calc(var(--fdSlider_Handle_Width) * .5 + .125rem);position:relative}.fd-slider:after,.fd-slider:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider.is-disabled,.fd-slider:disabled,.fd-slider[aria-disabled=true]{cursor:not-allowed}.fd-slider--lg{--fdSlider_Handle_Width:var(--fdSlider_Mobile_Handle_Width);--fdSlider_Handle_Height:var(--fdSlider_Mobile_Handle_Height);--fdSlider_Handle_Active_Width:var(--fdSlider_Mobile_Handle_Active_Size);--fdSlider_Handle_Active_Height:var(--fdSlider_Mobile_Handle_Active_Size);padding-inline:calc(var(--fdSlider_Mobile_Handle_Width) * .5 + .125rem)}.fd-slider__inner{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__inner:after,.fd-slider__inner:before{-webkit-box-sizing:inherit;-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);background-color:var(--fdSlider_Endpoint_Active_Background);border:0;border:var(--fdSlider_Endpoint_Active_Border);border-radius:50%;box-sizing:inherit;box-sizing:border-box;color:var(--sapTextColor);content:\"\";font-family:var(--sapFontFamily);font-size:inherit;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Endpoint_Size);left:-.7rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--fdSlider_Endpoint_Size)}.fd-slider__inner:after:after,.fd-slider__inner:after:before,.fd-slider__inner:before:after,.fd-slider__inner:before:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__inner:after{left:auto;right:-.7rem}.fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner[dir=rtl]:before,.fd-slider__inner:after,[dir=rtl] .fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner[dir=rtl]:after,[dir=rtl] .fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner:after{background-color:var(--fdSlider_Endpoint_Active_Background);border:var(--fdSlider_Endpoint_Active_Border)}.fd-slider__track{-webkit-box-sizing:border-box;-webkit-box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);background-color:var(--fdSlider_Track_Background);border:0;border-radius:var(--fdSlider_Track_BorderRadius);box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Track_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;width:100%;z-index:1}.fd-slider__track:after,.fd-slider__track:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__track-range{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSlider_Track_Active_Box_Shadow);background-color:var(--fdSlider_Track_Active_Background);border:0;border:.0625rem solid var(--fdSlider_Track_Active_Border);border-radius:.25rem;box-shadow:var(--fdSlider_Track_Active_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__track-range:after,.fd-slider__track-range:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick-wrapper{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);width:100%;z-index:2}.fd-slider__tick-wrapper:after,.fd-slider__tick-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__ticks{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-slider__ticks:after,.fd-slider__ticks:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__labels{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:space-between;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;top:.5rem}.fd-slider__labels:after,.fd-slider__labels:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick{-webkit-box-sizing:border-box;border:0;border-left:.0625rem solid var(--fdSlider_Tick_Background);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Tick_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__tick:after,.fd-slider__tick:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick--in-range{border-color:var(--fdSlider_Active_Tick_Background)}.fd-slider__label{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;width:0}.fd-slider__label:after,.fd-slider__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translate(-50%,-50%);align-items:center;background-color:var(--fdSlider_Handle_Background);border:0;border:var(--fdSlider_Handle_Border);border-radius:var(--fdSlider_Handle_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Handle_Height);justify-content:center;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Width);z-index:3}.fd-slider__handle:after,.fd-slider__handle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle:before{-webkit-transform:translate(-50%,-50%);content:\"\";height:var(--fdSlider_Handle_Active_Height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Active_Width)}.fd-slider__handle:after{color:var(--sapContent_Selected_ForegroundColor);content:\"\\e29c\";display:var(--fdSlider_Handle_Icon_Display);font-family:SAP-icons;font-size:.875rem;line-height:1}.fd-slider__handle.is-focus,.fd-slider__handle:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-focus:after,.fd-slider__handle:focus:after{display:none}.fd-slider__handle.is-hover,.fd-slider__handle:hover{background-color:var(--fdSlider_Hover_Handle_Background);border:var(--fdSlider_Hover_Handle_Border);border-color:var(--fdSlider_Handle_Border_Hover_Color)}.fd-slider__handle.is-hover.is-focus,.fd-slider__handle.is-hover:focus,.fd-slider__handle:hover.is-focus,.fd-slider__handle:hover:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-hover.is-focus:after,.fd-slider__handle.is-hover:focus:after,.fd-slider__handle:hover.is-focus:after,.fd-slider__handle:hover:focus:after{display:none}.fd-slider__handle.is-active,.fd-slider__handle:active{background-color:var(--fdSlider_Active_Handle_Background);border:var(--fdSlider_Active_Handle_Border)}.fd-slider__handle.is-active.is-focus,.fd-slider__handle.is-active:focus,.fd-slider__handle:active.is-focus,.fd-slider__handle:active:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-active.is-focus:after,.fd-slider__handle.is-active:focus:after,.fd-slider__handle:active.is-focus:after,.fd-slider__handle:active:focus:after{display:none}.fd-slider__track-focus-range{-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);border:0;border-radius:var(--fdSlider_Range_Track_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:calc(var(--fdSlider_Handle_Height) + .5rem);left:0;line-height:normal;margin-block:0;margin-inline:0;margin-inline:calc(var(--fdSlider_Handle_Height) * -1 / 1.1);padding-block:0;padding-inline:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.fd-slider__track-focus-range:after,.fd-slider__track-focus-range:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__track-focus-range.is-focus,.fd-slider__track-focus-range:focus{outline:var(--fdSlider_Focus_Range_Outline);z-index:5}.fd-slider--range .fd-slider__inner:after,.fd-slider--range .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider--range .fd-slider__inner .fd-slider__handle{background-color:var(--fdSlider_Range_Handle_Background);border:var(--fdSlider_Range_Handle_Border)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-hover,.fd-slider--range .fd-slider__inner .fd-slider__handle:hover{background-color:var(--fdSlider_Range_Hover_Handle_Background);border-color:var(--fdSlider_Range_Hover_Handle_Border_Color)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active,.fd-slider--range .fd-slider__inner .fd-slider__handle:active{background-color:var(--fdSlider_Range_Active_Handle_Background);border-color:var(--fdSlider_Range_Active_Handle_Border_Color)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:active:after{display:var(--fdSlider_Focus_Handle_Display)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus{background-color:var(--fdSlider_Range_Focus_Handle_Background);border:var(--fdSlider_Range_Focus_Handle_Border);z-index:5}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus:after{display:var(--fdSlider_Focus_Handle_Display)}.fd-slider--vertical{height:100%}.fd-slider--vertical .fd-slider__inner{height:100%;width:var(--fdSlider_Track_Height)}.fd-slider--vertical .fd-slider__inner:after,.fd-slider--vertical .fd-slider__inner:before{-webkit-transform:translateX(-50%);left:50%;right:auto;top:auto;transform:translate(-50%)}.fd-slider--vertical .fd-slider__inner:before{bottom:-.7rem}.fd-slider--vertical .fd-slider__inner:after{top:-.7rem}.fd-slider--vertical .fd-slider__track{height:100%;width:var(--fdSlider_Track_Height)}.fd-slider--vertical .fd-slider__track-range{bottom:0;position:absolute;width:100%}.fd-slider--vertical .fd-slider__handle{-webkit-transform:translate(-50%,50%);bottom:0;height:var(--fdSlider_Handle_Width);left:50%;top:auto;transform:translate(-50%,50%);width:var(--fdSlider_Handle_Height)}.fd-slider--vertical .fd-slider__handle:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fd-slider--vertical .fd-slider__tick-wrapper{height:100%;left:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);right:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);top:0}.fd-slider--vertical .fd-slider__ticks{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:100%}.fd-slider--vertical .fd-slider__tick{border-left:none;border-top-style:solid;border-top-width:.0625rem;height:0;width:var(--fdSlider_Tick_Height)}.fd-slider--vertical .fd-slider__labels{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:100%;left:calc(var(--fdSlider_Handle_Width) * .5 + .125rem);position:absolute;top:-.55rem}.fd-slider--vertical .fd-slider__labels[dir=rtl],[dir=rtl] .fd-slider--vertical .fd-slider__labels{left:auto;right:calc(var(--fdSlider_Handle_Width) * .5 + .125rem)}.fd-slider--vertical .fd-slider__label{height:.0625rem;width:auto}.fd-slider--vertical.fd-slider--range .fd-slider__track-range{left:0}.fd-slider--vertical.fd-slider--range .fd-slider__track-focus-range{-webkit-transform:translateX(-50%);height:auto;inset:0 auto 0 50%;margin-block:calc(var(--fdSlider_Handle_Height) * -1 / 1.1);margin-inline:0;transform:translate(-50%);width:calc(var(--fdSlider_Handle_Height) + .5rem)}.fd-input{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapField_Shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle, var(--sapField_BackgroundStyle));background-color:var(--sapField_Background, var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:var(--sapField_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height, var(--sapElement_Height));line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block, .25rem);margin-inline:0;min-height:var(--fdInput_Height, var(--sapElement_Height));min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline, .625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input::-webkit-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input::-moz-placeholder{text-indent:.125rem}.fd-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input:-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input::-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle, var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background, var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background, var(--sapField_Focus_Background));box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fdInput_Compact_Height, var(--sapElement_Compact_Height));margin-block:var(--fdInput_Field_Compact_Margin_Block, .1875rem);margin-inline:0;min-height:var(--fdInput_Compact_Height, var(--sapElement_Compact_Height));min-width:var(--fdInput_Field_Compact_Min_Width, 2rem);padding-block:0;padding-inline:var(--fdInput_Field_Compact_Padding, .5rem)}.fd-input--no-number-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}.fd-input.right-align{text-align:right}.fd-input.is-success{-webkit-box-shadow:var(--sapField_SuccessShadow);background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);box-shadow:var(--sapField_SuccessShadow)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-success.is-expanded,.fd-input.is-success[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-error{-webkit-box-shadow:var(--sapField_InvalidShadow);background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);box-shadow:var(--sapField_InvalidShadow)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-error.is-expanded,.fd-input.is-error[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-warning{-webkit-box-shadow:var(--sapField_WarningShadow);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);box-shadow:var(--sapField_WarningShadow)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-warning.is-expanded,.fd-input.is-warning[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-alert.is-expanded,.fd-input.is-alert[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-information{-webkit-box-shadow:var(--sapField_InformationShadow);background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);box-shadow:var(--sapField_InformationShadow)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-information.is-expanded,.fd-input.is-information[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-webkit-input-placeholder,.fd-input.is-error::-webkit-input-placeholder,.fd-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-moz-placeholder,.fd-input.is-error::-moz-placeholder,.fd-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert:-ms-input-placeholder,.fd-input.is-error:-ms-input-placeholder,.fd-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-ms-input-placeholder,.fd-input.is-error::-ms-input-placeholder,.fd-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::-webkit-input-placeholder,.fd-input:disabled::-webkit-input-placeholder,.fd-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-moz-placeholder,.fd-input:disabled::-moz-placeholder,.fd-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled:-ms-input-placeholder,.fd-input:disabled:-ms-input-placeholder,.fd-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-ms-input-placeholder,.fd-input:disabled::-ms-input-placeholder,.fd-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{--fdInput_Outline_Offset:-.25rem;-webkit-box-shadow:none;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);box-shadow:none}.fd-input.is-readonly::-webkit-input-placeholder,.fd-input[aria-readonly=true]::-webkit-input-placeholder,.fd-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-moz-placeholder,.fd-input[aria-readonly=true]::-moz-placeholder,.fd-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly:-ms-input-placeholder,.fd-input[aria-readonly=true]:-ms-input-placeholder,.fd-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-ms-input-placeholder,.fd-input[aria-readonly=true]::-ms-input-placeholder,.fd-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly.is-focus,.fd-input.is-readonly.is-hover,.fd-input.is-readonly:focus,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-focus,.fd-input[readonly].is-hover,.fd-input[readonly]:focus,.fd-input[readonly]:hover{--fdInput_Outline_Offset:-.25rem;-webkit-box-shadow:none;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:5}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-popover--slider{display:block!important}.fd-popover__body.fd-slider-tooltip-popover{height:1rem;border:none;padding-block:0;overflow:hidden;padding-inline:.5rem;border-radius:.0625rem;top:-.4375rem!important;background:var(--sapBackgroundColor);box-shadow:var(--sapContent_Shadow1)}.fd-popover__body.fd-slider-tooltip-popover .fd-slider-tooltip{line-height:1rem;text-align:center;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSmallSize)}.fd-popover__body.fd-slider-tooltip-popover:has(input){width:auto;height:auto;box-shadow:none;padding-inline:0}.fd-slider{display:block}.fd-slider.fd-slider--with-labels{padding-bottom:2rem}.fd-slider__tick-wrapper .fd-slider__label,.fd-slider__tick-wrapper .fd-slider__tick{position:absolute}.fd-slider__ticks{height:var(--fdSlider_Tick_Height)}.fd-slider__track .fd-slider__handle:focus{z-index:2;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fd-slider__track .fd-popover-custom{display:none}.fd-slider__labels .fd-slider__label{white-space:nowrap}[dir=rtl] .fd-slider__handle{transform:translate(50%,-50%)}\n/*!\n * Fundamental Library Styles v0.37.7\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SliderPositionDirective, selector: "[fd-slider-position]", inputs: ["position", "vertical"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: OnlyDigitsDirective, selector: "[fdkOnlyDigits]", inputs: ["decimal", "decimalSeparator"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -816,7 +816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                         FormsModule,
                         OnlyDigitsDirective,
                         FdTranslatePipe
-                    ], template: "<div class=\"fd-slider__inner\">\n    <ng-template [ngTemplateOutlet]=\"_isRange ? rangeMode : singleMode\"></ng-template>\n    <div class=\"fd-slider__track\" (click)=\"onTrackClick($event)\" #track>\n        <ng-template [ngTemplateOutlet]=\"_isRange ? rangeModeTrack : singleModeTrack\"></ng-template>\n    </div>\n    <div class=\"fd-slider__tick-wrapper\">\n        <div class=\"fd-slider__ticks\" (click)=\"onTrackClick($event)\">\n            @if (showTicks) {\n                @for (tick of _tickMarks; track tick; let i = $index) {\n                    <div\n                        class=\"fd-slider__tick\"\n                        fd-slider-position\n                        [vertical]=\"vertical\"\n                        [position]=\"tick.position || 0\"\n                        [class.fd-slider__tick--in-range]=\"\n                            !hideProgressBar &&\n                            (_isRange\n                                ? tick.value >= _position[0] && tick.value <= _position[1]\n                                : tick.value <= _position)\n                        \"\n                    ></div>\n                }\n            }\n        </div>\n        @if (showTicks && showTicksLabels) {\n            <div class=\"fd-slider__labels\">\n                @for (tick of _tickMarks; track tick; let i = $index; let last = $last; let first = $first) {\n                    @if (first || last || i % tickmarksBetweenLabels === 0) {\n                        <div\n                            class=\"fd-slider__label\"\n                            fd-slider-position\n                            [vertical]=\"vertical\"\n                            [position]=\"tick.position || 0\"\n                        >\n                            {{ tick.label }}\n                        </div>\n                    }\n                }\n            </div>\n        }\n    </div>\n</div>\n<ng-template #singleModeTrack>\n    @if (!hideProgressBar) {\n        <div\n            class=\"fd-slider__track-range\"\n            [style.height.%]=\"vertical ? _progress : null\"\n            [style.width.%]=\"vertical ? null : _progress\"\n        ></div>\n    }\n</ng-template>\n<ng-template #rangeModeTrack>\n    @if (!hideProgressBar) {\n        <div\n            class=\"fd-slider__track-range\"\n            [style.height.%]=\"vertical ? _rangeProgress : null\"\n            [style.width.%]=\"vertical ? null : _rangeProgress\"\n            fd-slider-position\n            [vertical]=\"vertical\"\n            [position]=\"_handle1Position < _handle2Position ? _handle1Position : _handle2Position\"\n        >\n            <div\n                class=\"fd-slider__track-focus-range\"\n                (mousedown)=\"onHandleClick($event, true)\"\n                (keydown)=\"onKeyDown($event, _handles.Both)\"\n                tabindex=\"0\"\n                #rangeGroupHandle\n            ></div>\n        </div>\n    }\n</ng-template>\n<ng-template #singleMode>\n    <div\n        #handle\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.singleMinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? singleSliderPopover : null\"\n        [attr.aria-valuemin]=\"'coreSlider.singleValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.singleValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.singleValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER) })\n                : getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.singleValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER) })\n                : getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_progress\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (focus)=\"_handleFocused$.next(true)\"\n        (blur)=\"_handleFocused$.next(false)\"\n        (keydown)=\"onKeyDown($event)\"\n    ></div>\n    <fd-popover\n        #singleSliderPopover\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"handle\"\n        [disabled]=\"!tooltipMode\"\n        class=\"fd-popover--slider\"\n        additionalBodyClass=\"fd-slider--tooltip-popover\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.SINGLE_SLIDER, position: _position }\"\n        ></ng-template>\n    </fd-popover>\n</ng-template>\n<ng-template #rangeMode>\n    <div\n        #rangeHandle1\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.multipleHandle1MinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? rangeSliderPopover1 : null\"\n        [attr.aria-valuemin]=\"'coreSlider.multipleHandle1ValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.multipleHandle1ValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle1ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1) })\n                : getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle1ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1) })\n                : getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_handle1Position\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (keydown)=\"onKeyDown($event, _handles.First)\"\n        (focus)=\"_rangeHandle1Focused$.next(true)\"\n        (blur)=\"_rangeHandle1Focused$.next(false)\"\n    ></div>\n    <div\n        #rangeHandle2\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.multipleHandle2MinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? rangeSliderPopover2 : null\"\n        [attr.aria-valuemin]=\"'coreSlider.multipleHandle2ValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.multipleHandle2ValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle2ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2) })\n                : getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle2ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2) })\n                : getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_handle2Position\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (keydown)=\"onKeyDown($event, _handles.Second)\"\n        (focus)=\"_rangeHandle2Focused$.next(true)\"\n        (blur)=\"_rangeHandle2Focused$.next(false)\"\n    ></div>\n    <fd-popover\n        #rangeSliderPopover1\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"rangeHandle1\"\n        [disabled]=\"!tooltipMode\"\n        additionalBodyClass=\"fd-slider--tooltip-popover\"\n        class=\"fd-popover--slider\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.RANGE_SLIDER1, position: _handle1Value }\"\n        ></ng-template>\n    </fd-popover>\n    <fd-popover\n        #rangeSliderPopover2\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"rangeHandle2\"\n        [disabled]=\"!tooltipMode\"\n        additionalBodyClass=\"fd-slider--tooltip-popover\"\n        class=\"fd-popover--slider\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.RANGE_SLIDER2, position: _handle2Value }\"\n        ></ng-template>\n    </fd-popover>\n</ng-template>\n<ng-template #popoverInner let-target=\"target\" let-position=\"position\">\n    <div\n        #sliderTooltipWrapper\n        class=\"fd-slider--tooltip-wrapper\"\n        (click)=\"$event.stopPropagation()\"\n        (keydown)=\"$event.stopPropagation()\"\n        (mouseenter)=\"_popoverInputFieldHovered$.next(true)\"\n        (mouseleave)=\"_popoverInputFieldHovered$.next(false)\"\n    >\n        @if ((customValues && customValues.length > 0) || tooltipMode === 'readonly') {\n            <div class=\"fd-slider--tooltip\">\n                {{ customValues && customValues.length > 0 ? customValues[position].label : _popoverValueRef[target] }}\n            </div>\n        }\n        @if (customValues.length === 0 && tooltipMode === 'editable') {\n            <input\n                #popoverInputField\n                tabindex=\"-1\"\n                type=\"text\"\n                [disabled]=\"disabled\"\n                fdkOnlyDigits\n                [decimal]=\"true\"\n                [style.width.ch]=\"('' + _popoverValueRef[target]).length + 2\"\n                class=\"fd-input fd-slider--tooltip {{ _popoverInputFieldClass }}\"\n                [(ngModel)]=\"_popoverValueRef[target]\"\n                (blur)=\"_updateValueFromInput(popoverInputField.value, target)\"\n                (keydown.enter)=\"_updateValueFromInput(popoverInputField.value, target)\"\n                (focus)=\"_popoverInputFieldFocused$.next(true)\"\n                (blur)=\"_popoverInputFieldFocused$.next(false)\"\n            />\n        }\n    </div>\n</ng-template>\n", styles: [".fd-slider{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;min-width:4rem;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:calc(var(--fdSlider_Handle_Width) * .5 + .125rem);position:relative}.fd-slider:after,.fd-slider:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider.is-disabled,.fd-slider:disabled,.fd-slider[aria-disabled=true]{cursor:not-allowed}.fd-slider--lg{--fdSlider_Handle_Width:var(--fdSlider_Mobile_Handle_Width);--fdSlider_Handle_Height:var(--fdSlider_Mobile_Handle_Height);--fdSlider_Handle_Active_Width:var(--fdSlider_Mobile_Handle_Active_Size);--fdSlider_Handle_Active_Height:var(--fdSlider_Mobile_Handle_Active_Size);padding-inline:calc(var(--fdSlider_Mobile_Handle_Width) * .5 + .125rem)}.fd-slider__inner{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__inner:after,.fd-slider__inner:before{-webkit-box-sizing:inherit;-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);background-color:var(--fdSlider_Endpoint_Active_Background);border:0;border:var(--fdSlider_Endpoint_Active_Border);border-radius:50%;box-sizing:inherit;box-sizing:border-box;color:var(--sapTextColor);content:\"\";font-family:var(--sapFontFamily);font-size:inherit;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Endpoint_Size);left:-.7rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--fdSlider_Endpoint_Size)}.fd-slider__inner:after:after,.fd-slider__inner:after:before,.fd-slider__inner:before:after,.fd-slider__inner:before:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__inner:after{left:auto;right:-.7rem}.fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner[dir=rtl]:before,.fd-slider__inner:after,[dir=rtl] .fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner[dir=rtl]:after,[dir=rtl] .fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner:after{background-color:var(--fdSlider_Endpoint_Active_Background);border:var(--fdSlider_Endpoint_Active_Border)}.fd-slider__track{-webkit-box-sizing:border-box;-webkit-box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);background-color:var(--fdSlider_Track_Background);border:0;border-radius:var(--fdSlider_Track_BorderRadius);box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Track_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;width:100%;z-index:1}.fd-slider__track:after,.fd-slider__track:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__track-range{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSlider_Track_Active_Box_Shadow);background-color:var(--fdSlider_Track_Active_Background);border:0;border:.0625rem solid var(--fdSlider_Track_Active_Border);border-radius:.25rem;box-shadow:var(--fdSlider_Track_Active_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__track-range:after,.fd-slider__track-range:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick-wrapper{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);width:100%;z-index:2}.fd-slider__tick-wrapper:after,.fd-slider__tick-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__ticks{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-slider__ticks:after,.fd-slider__ticks:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__labels{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:space-between;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;top:.5rem}.fd-slider__labels:after,.fd-slider__labels:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick{-webkit-box-sizing:border-box;border:0;border-left:.0625rem solid var(--fdSlider_Tick_Background);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Tick_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__tick:after,.fd-slider__tick:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick--in-range{border-color:var(--fdSlider_Active_Tick_Background)}.fd-slider__label{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;width:0}.fd-slider__label:after,.fd-slider__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translate(-50%,-50%);align-items:center;background-color:var(--fdSlider_Handle_Background);border:0;border:var(--fdSlider_Handle_Border);border-radius:var(--fdSlider_Handle_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Handle_Height);justify-content:center;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Width);z-index:3}.fd-slider__handle:after,.fd-slider__handle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle:before{-webkit-transform:translate(-50%,-50%);content:\"\";height:var(--fdSlider_Handle_Active_Height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Active_Width)}.fd-slider__handle:after{color:var(--sapContent_Selected_ForegroundColor);content:\"\\e29c\";display:var(--fdSlider_Handle_Icon_Display);font-family:SAP-icons;font-size:.875rem;line-height:1}.fd-slider__handle.is-focus,.fd-slider__handle:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-focus:after,.fd-slider__handle:focus:after{display:none}.fd-slider__handle.is-hover,.fd-slider__handle:hover{background-color:var(--fdSlider_Hover_Handle_Background);border:var(--fdSlider_Hover_Handle_Border);border-color:var(--fdSlider_Handle_Border_Hover_Color)}.fd-slider__handle.is-hover.is-focus,.fd-slider__handle.is-hover:focus,.fd-slider__handle:hover.is-focus,.fd-slider__handle:hover:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-hover.is-focus:after,.fd-slider__handle.is-hover:focus:after,.fd-slider__handle:hover.is-focus:after,.fd-slider__handle:hover:focus:after{display:none}.fd-slider__handle.is-active,.fd-slider__handle:active{background-color:var(--fdSlider_Active_Handle_Background);border:var(--fdSlider_Active_Handle_Border)}.fd-slider__handle.is-active.is-focus,.fd-slider__handle.is-active:focus,.fd-slider__handle:active.is-focus,.fd-slider__handle:active:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-active.is-focus:after,.fd-slider__handle.is-active:focus:after,.fd-slider__handle:active.is-focus:after,.fd-slider__handle:active:focus:after{display:none}.fd-slider__track-focus-range{-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);border:0;border-radius:var(--fdSlider_Range_Track_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:calc(var(--fdSlider_Handle_Height) + .5rem);left:0;line-height:normal;margin-block:0;margin-inline:0;margin-inline:calc(var(--fdSlider_Handle_Height) * -1 / 1.1);padding-block:0;padding-inline:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.fd-slider__track-focus-range:after,.fd-slider__track-focus-range:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__track-focus-range.is-focus,.fd-slider__track-focus-range:focus{outline:var(--fdSlider_Focus_Range_Outline);z-index:5}.fd-slider--range .fd-slider__inner:after,.fd-slider--range .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider--range .fd-slider__inner .fd-slider__handle{background-color:var(--fdSlider_Range_Handle_Background);border:var(--fdSlider_Range_Handle_Border)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-hover,.fd-slider--range .fd-slider__inner .fd-slider__handle:hover{background-color:var(--fdSlider_Range_Hover_Handle_Background);border-color:var(--fdSlider_Range_Hover_Handle_Border_Color)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active,.fd-slider--range .fd-slider__inner .fd-slider__handle:active{background-color:var(--fdSlider_Range_Active_Handle_Background);border-color:var(--fdSlider_Range_Active_Handle_Border_Color)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:active:after{display:var(--fdSlider_Focus_Handle_Display)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus{background-color:var(--fdSlider_Range_Focus_Handle_Background);border:var(--fdSlider_Range_Focus_Handle_Border);z-index:5}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus:after{display:var(--fdSlider_Focus_Handle_Display)}.fd-slider--vertical{height:100%}.fd-slider--vertical .fd-slider__inner{height:100%;width:var(--fdSlider_Track_Height)}.fd-slider--vertical .fd-slider__inner:after,.fd-slider--vertical .fd-slider__inner:before{-webkit-transform:translateX(-50%);left:50%;right:auto;top:auto;transform:translate(-50%)}.fd-slider--vertical .fd-slider__inner:before{bottom:-.7rem}.fd-slider--vertical .fd-slider__inner:after{top:-.7rem}.fd-slider--vertical .fd-slider__track{height:100%;width:var(--fdSlider_Track_Height)}.fd-slider--vertical .fd-slider__track-range{bottom:0;position:absolute;width:100%}.fd-slider--vertical .fd-slider__handle{-webkit-transform:translate(-50%,50%);bottom:0;height:var(--fdSlider_Handle_Width);left:50%;top:auto;transform:translate(-50%,50%);width:var(--fdSlider_Handle_Height)}.fd-slider--vertical .fd-slider__handle:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fd-slider--vertical .fd-slider__tick-wrapper{height:100%;left:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);right:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);top:0}.fd-slider--vertical .fd-slider__ticks{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:100%}.fd-slider--vertical .fd-slider__tick{border-left:none;border-top-style:solid;border-top-width:.0625rem;height:0;width:var(--fdSlider_Tick_Height)}.fd-slider--vertical .fd-slider__labels{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:100%;left:calc(var(--fdSlider_Handle_Width) * .5 + .125rem);position:absolute;top:-.55rem}.fd-slider--vertical .fd-slider__labels[dir=rtl],[dir=rtl] .fd-slider--vertical .fd-slider__labels{left:auto;right:calc(var(--fdSlider_Handle_Width) * .5 + .125rem)}.fd-slider--vertical .fd-slider__label{height:.0625rem;width:auto}.fd-slider--vertical.fd-slider--range .fd-slider__track-range{left:0}.fd-slider--vertical.fd-slider--range .fd-slider__track-focus-range{-webkit-transform:translateX(-50%);height:auto;inset:0 auto 0 50%;margin-block:calc(var(--fdSlider_Handle_Height) * -1 / 1.1);margin-inline:0;transform:translate(-50%);width:calc(var(--fdSlider_Handle_Height) + .5rem)}.fd-input{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapField_Shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle, var(--sapField_BackgroundStyle));background-color:var(--sapField_Background, var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:var(--sapField_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height, var(--sapElement_Height));line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block, .25rem);margin-inline:0;min-height:var(--fdInput_Height, var(--sapElement_Height));min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline, .625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input::-webkit-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input::-moz-placeholder{text-indent:.125rem}.fd-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input:-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input::-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle, var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background, var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background, var(--sapField_Focus_Background));box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fdInput_Compact_Height, var(--sapElement_Compact_Height));margin-block:var(--fdInput_Field_Compact_Margin_Block, .1875rem);margin-inline:0;min-height:var(--fdInput_Compact_Height, var(--sapElement_Compact_Height));min-width:var(--fdInput_Field_Compact_Min_Width, 2rem);padding-block:0;padding-inline:var(--fdInput_Field_Compact_Padding, .5rem)}.fd-input--no-number-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}.fd-input.right-align{text-align:right}.fd-input.is-success{-webkit-box-shadow:var(--sapField_SuccessShadow);background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);box-shadow:var(--sapField_SuccessShadow)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-success.is-expanded,.fd-input.is-success[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-error{-webkit-box-shadow:var(--sapField_InvalidShadow);background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);box-shadow:var(--sapField_InvalidShadow)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-error.is-expanded,.fd-input.is-error[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-warning{-webkit-box-shadow:var(--sapField_WarningShadow);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);box-shadow:var(--sapField_WarningShadow)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-warning.is-expanded,.fd-input.is-warning[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-alert.is-expanded,.fd-input.is-alert[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-information{-webkit-box-shadow:var(--sapField_InformationShadow);background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);box-shadow:var(--sapField_InformationShadow)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-information.is-expanded,.fd-input.is-information[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-webkit-input-placeholder,.fd-input.is-error::-webkit-input-placeholder,.fd-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-moz-placeholder,.fd-input.is-error::-moz-placeholder,.fd-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert:-ms-input-placeholder,.fd-input.is-error:-ms-input-placeholder,.fd-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-ms-input-placeholder,.fd-input.is-error::-ms-input-placeholder,.fd-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::-webkit-input-placeholder,.fd-input:disabled::-webkit-input-placeholder,.fd-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-moz-placeholder,.fd-input:disabled::-moz-placeholder,.fd-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled:-ms-input-placeholder,.fd-input:disabled:-ms-input-placeholder,.fd-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-ms-input-placeholder,.fd-input:disabled::-ms-input-placeholder,.fd-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{--fdInput_Outline_Offset:-.25rem;-webkit-box-shadow:none;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);box-shadow:none}.fd-input.is-readonly::-webkit-input-placeholder,.fd-input[aria-readonly=true]::-webkit-input-placeholder,.fd-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-moz-placeholder,.fd-input[aria-readonly=true]::-moz-placeholder,.fd-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly:-ms-input-placeholder,.fd-input[aria-readonly=true]:-ms-input-placeholder,.fd-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-ms-input-placeholder,.fd-input[aria-readonly=true]::-ms-input-placeholder,.fd-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly.is-focus,.fd-input.is-readonly.is-hover,.fd-input.is-readonly:focus,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-focus,.fd-input[readonly].is-hover,.fd-input[readonly]:focus,.fd-input[readonly]:hover{--fdInput_Outline_Offset:-.25rem;-webkit-box-shadow:none;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:5}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-popover--slider{display:block!important}.fd-popover__body.fd-slider--tooltip-popover{top:-7px!important;overflow:hidden}.fd-popover__body.fd-slider--tooltip-popover .fd-slider--tooltip{padding:.25rem;min-width:2rem;text-align:center;height:1.375rem;line-height:1;direction:ltr;box-sizing:border-box;margin:0!important;border:0;color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);font-size:.875rem;font-size:var(--sapFontSize)}.fd-slider{display:block}.fd-slider.fd-slider--with-labels{padding-bottom:2rem}.fd-slider__tick-wrapper .fd-slider__label,.fd-slider__tick-wrapper .fd-slider__tick{position:absolute}.fd-slider__ticks{height:var(--fdSlider_Tick_Height)}.fd-slider__track .fd-slider__handle:focus{z-index:2;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fd-slider__track .fd-popover-custom{display:none}.fd-slider__labels .fd-slider__label{white-space:nowrap}.fd-slider__alternative-tick-width .fd-slider__tick{width:1px}[dir=rtl] .fd-slider__handle{transform:translate(50%,-50%)}\n/*!\n * Fundamental Library Styles v0.37.7\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */\n"] }]
+                    ], template: "<div class=\"fd-slider__inner\">\n    <ng-template [ngTemplateOutlet]=\"_isRange ? rangeMode : singleMode\"></ng-template>\n    <div class=\"fd-slider__track\" (click)=\"onTrackClick($event)\" #track>\n        <ng-template [ngTemplateOutlet]=\"_isRange ? rangeModeTrack : singleModeTrack\"></ng-template>\n    </div>\n    <div class=\"fd-slider__tick-wrapper\">\n        <div class=\"fd-slider__ticks\" (click)=\"onTrackClick($event)\">\n            @if (showTicks) {\n                @for (tick of _tickMarks; track tick; let i = $index) {\n                    <div\n                        class=\"fd-slider__tick\"\n                        fd-slider-position\n                        [vertical]=\"vertical\"\n                        [position]=\"tick.position || 0\"\n                        [class.fd-slider__tick--in-range]=\"\n                            !hideProgressBar &&\n                            (_isRange\n                                ? tick.value >= _position[0] && tick.value <= _position[1]\n                                : tick.value <= _position)\n                        \"\n                    ></div>\n                }\n            }\n        </div>\n        @if (showTicks && showTicksLabels) {\n            <div class=\"fd-slider__labels\">\n                @for (tick of _tickMarks; track tick; let i = $index; let last = $last; let first = $first) {\n                    @if (first || last || i % tickmarksBetweenLabels === 0) {\n                        <div\n                            class=\"fd-slider__label\"\n                            fd-slider-position\n                            [vertical]=\"vertical\"\n                            [position]=\"tick.position || 0\"\n                        >\n                            {{ tick.label }}\n                        </div>\n                    }\n                }\n            </div>\n        }\n    </div>\n</div>\n<ng-template #singleModeTrack>\n    @if (!hideProgressBar) {\n        <div\n            class=\"fd-slider__track-range\"\n            [style.height.%]=\"vertical ? _progress : null\"\n            [style.width.%]=\"vertical ? null : _progress\"\n        ></div>\n    }\n</ng-template>\n<ng-template #rangeModeTrack>\n    @if (!hideProgressBar) {\n        <div\n            class=\"fd-slider__track-range\"\n            [style.height.%]=\"vertical ? _rangeProgress : null\"\n            [style.width.%]=\"vertical ? null : _rangeProgress\"\n            fd-slider-position\n            [vertical]=\"vertical\"\n            [position]=\"_handle1Position < _handle2Position ? _handle1Position : _handle2Position\"\n        >\n            <div\n                class=\"fd-slider__track-focus-range\"\n                (mousedown)=\"onHandleClick($event, true)\"\n                (keydown)=\"onKeyDown($event, _handles.Both)\"\n                tabindex=\"0\"\n                #rangeGroupHandle\n            ></div>\n        </div>\n    }\n</ng-template>\n<ng-template #singleMode>\n    <div\n        #handle\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.singleMinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? singleSliderPopover : null\"\n        [attr.aria-valuemin]=\"'coreSlider.singleValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.singleValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.singleValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER) })\n                : getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.singleValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER) })\n                : getValuenow(_position, _sliderValueTargets.SINGLE_SLIDER)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_progress\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (focus)=\"_handleFocused$.next(true)\"\n        (blur)=\"_handleFocused$.next(false)\"\n        (keydown)=\"onKeyDown($event)\"\n    ></div>\n    <fd-popover\n        #singleSliderPopover\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"handle\"\n        [disabled]=\"!tooltipMode\"\n        class=\"fd-popover--slider\"\n        additionalBodyClass=\"fd-slider-tooltip-popover\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.SINGLE_SLIDER, position: _position }\"\n        ></ng-template>\n    </fd-popover>\n</ng-template>\n<ng-template #rangeMode>\n    <div\n        #rangeHandle1\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.multipleHandle1MinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? rangeSliderPopover1 : null\"\n        [attr.aria-valuemin]=\"'coreSlider.multipleHandle1ValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.multipleHandle1ValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle1ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1) })\n                : getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle1ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1) })\n                : getValuenow(_handle1Value, _sliderValueTargets.RANGE_SLIDER1)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_handle1Position\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (keydown)=\"onKeyDown($event, _handles.First)\"\n        (focus)=\"_rangeHandle1Focused$.next(true)\"\n        (blur)=\"_rangeHandle1Focused$.next(false)\"\n    ></div>\n    <div\n        #rangeHandle2\n        class=\"fd-slider__handle\"\n        [class.fd-slider__handle--lg]=\"_contentDensityObserver.isCozySignal()\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"slider\"\n        [attr.aria-label]=\"\n            ariaLabel || ('coreSlider.multipleHandle2MinMaxDetails' | fdTranslate: { min: minValue, max: maxValue })\n        \"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [fdPopoverTrigger]=\"tooltipMode ? rangeSliderPopover2 : null\"\n        [attr.aria-valuemin]=\"'coreSlider.multipleHandle2ValueminDetails' | fdTranslate: { value: minValue }\"\n        [attr.aria-valuemax]=\"'coreSlider.multipleHandle2ValuemaxDetails' | fdTranslate: { value: maxValue }\"\n        [attr.aria-valuenow]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle2ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2) })\n                : getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2)\n        \"\n        [attr.aria-valuetext]=\"\n            _useSliderValuePrefix\n                ? ('coreSlider.multipleHandle2ValueNowDetails'\n                  | fdTranslate: { value: getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2) })\n                : getValuenow(_handle2Value, _sliderValueTargets.RANGE_SLIDER2)\n        \"\n        fd-slider-position\n        [vertical]=\"vertical\"\n        [position]=\"_handle2Position\"\n        (mousedown)=\"onHandleClick($event); $event.stopPropagation()\"\n        (keydown)=\"onKeyDown($event, _handles.Second)\"\n        (focus)=\"_rangeHandle2Focused$.next(true)\"\n        (blur)=\"_rangeHandle2Focused$.next(false)\"\n    ></div>\n    <fd-popover\n        #rangeSliderPopover1\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"rangeHandle1\"\n        [disabled]=\"!tooltipMode\"\n        additionalBodyClass=\"fd-slider-tooltip-popover\"\n        class=\"fd-popover--slider\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.RANGE_SLIDER1, position: _handle1Value }\"\n        ></ng-template>\n    </fd-popover>\n    <fd-popover\n        #rangeSliderPopover2\n        [triggers]=\"[]\"\n        [closeOnOutsideClick]=\"false\"\n        [appendTo]=\"rangeHandle2\"\n        [disabled]=\"!tooltipMode\"\n        additionalBodyClass=\"fd-slider-tooltip-popover\"\n        class=\"fd-popover--slider\"\n        placement=\"top\"\n    >\n        <ng-template\n            [ngTemplateOutlet]=\"popoverInner\"\n            [ngTemplateOutletContext]=\"{ target: _sliderValueTargets.RANGE_SLIDER2, position: _handle2Value }\"\n        ></ng-template>\n    </fd-popover>\n</ng-template>\n<ng-template #popoverInner let-target=\"target\" let-position=\"position\">\n    <div\n        #sliderTooltipWrapper\n        class=\"fd-slider-tooltip-wrapper\"\n        (click)=\"$event.stopPropagation()\"\n        (keydown)=\"$event.stopPropagation()\"\n        (mouseenter)=\"_popoverInputFieldHovered$.next(true)\"\n        (mouseleave)=\"_popoverInputFieldHovered$.next(false)\"\n    >\n        @if ((customValues && customValues.length > 0) || tooltipMode === 'readonly') {\n            <div class=\"fd-slider-tooltip\">\n                {{ customValues && customValues.length > 0 ? customValues[position].label : _popoverValueRef[target] }}\n            </div>\n        }\n        @if (customValues.length === 0 && tooltipMode === 'editable') {\n            <input\n                #popoverInputField\n                tabindex=\"-1\"\n                type=\"text\"\n                [disabled]=\"disabled\"\n                fdkOnlyDigits\n                [decimal]=\"true\"\n                [style.width.ch]=\"('' + _popoverValueRef[target]).length + 2\"\n                class=\"fd-input fd-slider-tooltip {{ _popoverInputFieldClass }}\"\n                [(ngModel)]=\"_popoverValueRef[target]\"\n                (blur)=\"_updateValueFromInput(popoverInputField.value, target)\"\n                (keydown.enter)=\"_updateValueFromInput(popoverInputField.value, target)\"\n                (focus)=\"_popoverInputFieldFocused$.next(true)\"\n                (blur)=\"_popoverInputFieldFocused$.next(false)\"\n            />\n        }\n    </div>\n</ng-template>\n", styles: [".fd-slider{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;max-width:100%;min-width:4rem;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:calc(var(--fdSlider_Handle_Width) * .5 + .125rem);position:relative}.fd-slider:after,.fd-slider:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider.is-disabled,.fd-slider:disabled,.fd-slider[aria-disabled=true]{cursor:not-allowed}.fd-slider--lg{--fdSlider_Handle_Width:var(--fdSlider_Mobile_Handle_Width);--fdSlider_Handle_Height:var(--fdSlider_Mobile_Handle_Height);--fdSlider_Handle_Active_Width:var(--fdSlider_Mobile_Handle_Active_Size);--fdSlider_Handle_Active_Height:var(--fdSlider_Mobile_Handle_Active_Size);padding-inline:calc(var(--fdSlider_Mobile_Handle_Width) * .5 + .125rem)}.fd-slider__inner{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__inner:after,.fd-slider__inner:before{-webkit-box-sizing:inherit;-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);background-color:var(--fdSlider_Endpoint_Active_Background);border:0;border:var(--fdSlider_Endpoint_Active_Border);border-radius:50%;box-sizing:inherit;box-sizing:border-box;color:var(--sapTextColor);content:\"\";font-family:var(--sapFontFamily);font-size:inherit;font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Endpoint_Size);left:-.7rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--fdSlider_Endpoint_Size)}.fd-slider__inner:after:after,.fd-slider__inner:after:before,.fd-slider__inner:before:after,.fd-slider__inner:before:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__inner:after{left:auto;right:-.7rem}.fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner[dir=rtl]:before,.fd-slider__inner:after,[dir=rtl] .fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner[dir=rtl]:after,[dir=rtl] .fd-slider:not(.fd-slider--vertical,.fd-slider--range) .fd-slider__inner:after{background-color:var(--fdSlider_Endpoint_Active_Background);border:var(--fdSlider_Endpoint_Active_Border)}.fd-slider__track{-webkit-box-sizing:border-box;-webkit-box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);background-color:var(--fdSlider_Track_Background);border:0;border-radius:var(--fdSlider_Track_BorderRadius);box-shadow:inset 0 0 0 var(--fdSlider_Track_Border_Width) var(--fdSlider_Track_Border_Color);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Track_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;width:100%;z-index:1}.fd-slider__track:after,.fd-slider__track:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__track-range{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdSlider_Track_Active_Box_Shadow);background-color:var(--fdSlider_Track_Active_Background);border:0;border:.0625rem solid var(--fdSlider_Track_Active_Border);border-radius:.25rem;box-shadow:var(--fdSlider_Track_Active_Box_Shadow);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__track-range:after,.fd-slider__track-range:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick-wrapper{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);width:100%;z-index:2}.fd-slider__tick-wrapper:after,.fd-slider__tick-wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__ticks{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:space-between;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-slider__ticks:after,.fd-slider__ticks:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__labels{-webkit-box-sizing:border-box;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;border:0;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1rem;justify-content:space-between;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;top:.5rem}.fd-slider__labels:after,.fd-slider__labels:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick{-webkit-box-sizing:border-box;border:0;border-left:.0625rem solid var(--fdSlider_Tick_Background);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Tick_Height);line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative}.fd-slider__tick:after,.fd-slider__tick:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__tick--in-range{border-color:var(--fdSlider_Active_Tick_Background)}.fd-slider__label{-webkit-box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative;width:0}.fd-slider__label:after,.fd-slider__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-transform:translate(-50%,-50%);align-items:center;background-color:var(--fdSlider_Handle_Background);border:0;border:var(--fdSlider_Handle_Border);border-radius:var(--fdSlider_Handle_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlider_Handle_Height);justify-content:center;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Width);z-index:3}.fd-slider__handle:after,.fd-slider__handle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__handle:before{-webkit-transform:translate(-50%,-50%);content:\"\";height:var(--fdSlider_Handle_Active_Height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--fdSlider_Handle_Active_Width)}.fd-slider__handle:after{color:var(--sapContent_Selected_ForegroundColor);content:\"\\e29c\";display:var(--fdSlider_Handle_Icon_Display);font-family:SAP-icons;font-size:.875rem;line-height:1}.fd-slider__handle.is-focus,.fd-slider__handle:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-focus:after,.fd-slider__handle:focus:after{display:none}.fd-slider__handle.is-hover,.fd-slider__handle:hover{background-color:var(--fdSlider_Hover_Handle_Background);border:var(--fdSlider_Hover_Handle_Border);border-color:var(--fdSlider_Handle_Border_Hover_Color)}.fd-slider__handle.is-hover.is-focus,.fd-slider__handle.is-hover:focus,.fd-slider__handle:hover.is-focus,.fd-slider__handle:hover:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-hover.is-focus:after,.fd-slider__handle.is-hover:focus:after,.fd-slider__handle:hover.is-focus:after,.fd-slider__handle:hover:focus:after{display:none}.fd-slider__handle.is-active,.fd-slider__handle:active{background-color:var(--fdSlider_Active_Handle_Background);border:var(--fdSlider_Active_Handle_Border)}.fd-slider__handle.is-active.is-focus,.fd-slider__handle.is-active:focus,.fd-slider__handle:active.is-focus,.fd-slider__handle:active:focus{background-color:var(--fdSlider_Focus_Handle_Background);border:var(--fdSlider_Focus_Handle_Border);outline:none;z-index:5}.fd-slider__handle.is-active.is-focus:after,.fd-slider__handle.is-active:focus:after,.fd-slider__handle:active.is-focus:after,.fd-slider__handle:active:focus:after{display:none}.fd-slider__track-focus-range{-webkit-box-sizing:border-box;-webkit-transform:translateY(-50%);border:0;border-radius:var(--fdSlider_Range_Track_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:calc(var(--fdSlider_Handle_Height) + .5rem);left:0;line-height:normal;margin-block:0;margin-inline:0;margin-inline:calc(var(--fdSlider_Handle_Height) * -1 / 1.1);padding-block:0;padding-inline:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.fd-slider__track-focus-range:after,.fd-slider__track-focus-range:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-slider__track-focus-range.is-focus,.fd-slider__track-focus-range:focus{outline:var(--fdSlider_Focus_Range_Outline);z-index:5}.fd-slider--range .fd-slider__inner:after,.fd-slider--range .fd-slider__inner:before{background-color:var(--fdSlider_Endpoint_Background);border:var(--fdSlider_Endpoint_Border)}.fd-slider--range .fd-slider__inner .fd-slider__handle{background-color:var(--fdSlider_Range_Handle_Background);border:var(--fdSlider_Range_Handle_Border)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-hover,.fd-slider--range .fd-slider__inner .fd-slider__handle:hover{background-color:var(--fdSlider_Range_Hover_Handle_Background);border-color:var(--fdSlider_Range_Hover_Handle_Border_Color)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active,.fd-slider--range .fd-slider__inner .fd-slider__handle:active{background-color:var(--fdSlider_Range_Active_Handle_Background);border-color:var(--fdSlider_Range_Active_Handle_Border_Color)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-active:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:active:after{display:var(--fdSlider_Focus_Handle_Display)}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus{background-color:var(--fdSlider_Range_Focus_Handle_Background);border:var(--fdSlider_Range_Focus_Handle_Border);z-index:5}.fd-slider--range .fd-slider__inner .fd-slider__handle.is-focus:after,.fd-slider--range .fd-slider__inner .fd-slider__handle:focus:after{display:var(--fdSlider_Focus_Handle_Display)}.fd-slider--vertical{height:100%}.fd-slider--vertical .fd-slider__inner{height:100%;width:var(--fdSlider_Track_Height)}.fd-slider--vertical .fd-slider__inner:after,.fd-slider--vertical .fd-slider__inner:before{-webkit-transform:translateX(-50%);left:50%;right:auto;top:auto;transform:translate(-50%)}.fd-slider--vertical .fd-slider__inner:before{bottom:-.7rem}.fd-slider--vertical .fd-slider__inner:after{top:-.7rem}.fd-slider--vertical .fd-slider__track{height:100%;width:var(--fdSlider_Track_Height)}.fd-slider--vertical .fd-slider__track-range{bottom:0;position:absolute;width:100%}.fd-slider--vertical .fd-slider__handle{-webkit-transform:translate(-50%,50%);bottom:0;height:var(--fdSlider_Handle_Width);left:50%;top:auto;transform:translate(-50%,50%);width:var(--fdSlider_Handle_Height)}.fd-slider--vertical .fd-slider__handle:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fd-slider--vertical .fd-slider__tick-wrapper{height:100%;left:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);right:calc((var(--fdSlider_Track_Height) - var(--fdSlider_Tick_Height)) / 2);top:0}.fd-slider--vertical .fd-slider__ticks{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:100%}.fd-slider--vertical .fd-slider__tick{border-left:none;border-top-style:solid;border-top-width:.0625rem;height:0;width:var(--fdSlider_Tick_Height)}.fd-slider--vertical .fd-slider__labels{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:100%;left:calc(var(--fdSlider_Handle_Width) * .5 + .125rem);position:absolute;top:-.55rem}.fd-slider--vertical .fd-slider__labels[dir=rtl],[dir=rtl] .fd-slider--vertical .fd-slider__labels{left:auto;right:calc(var(--fdSlider_Handle_Width) * .5 + .125rem)}.fd-slider--vertical .fd-slider__label{height:.0625rem;width:auto}.fd-slider--vertical.fd-slider--range .fd-slider__track-range{left:0}.fd-slider--vertical.fd-slider--range .fd-slider__track-focus-range{-webkit-transform:translateX(-50%);height:auto;inset:0 auto 0 50%;margin-block:calc(var(--fdSlider_Handle_Height) * -1 / 1.1);margin-inline:0;transform:translate(-50%);width:calc(var(--fdSlider_Handle_Height) + .5rem)}.fd-input{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapField_Shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sapField_BackgroundStyle, var(--sapField_BackgroundStyle));background-color:var(--sapField_Background, var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:var(--sapField_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdInput_Height, var(--sapElement_Height));line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block, .25rem);margin-inline:0;min-height:var(--fdInput_Height, var(--sapElement_Height));min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:0;padding-inline:var(--fdInput_Field_Padding_Inline, .625rem);text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-input[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input::-webkit-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input::-moz-placeholder{text-indent:.125rem}.fd-input[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input:-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input::-ms-input-placeholder{text-indent:.125rem}.fd-input[dir=rtl]::placeholder,[dir=rtl] .fd-input::placeholder{text-indent:.125rem}.fd-input::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-input::-ms-clear{display:none}.fd-input.is-hover,.fd-input:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle, var(--sapField_Hover_BackgroundStyle));background-color:var(--sapField_Hover_Background, var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-input.is-focus,.fd-input:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background, var(--sapField_Focus_Background));box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset);z-index:5}.fd-input[type=search]::-webkit-search-cancel-button,.fd-input[type=search]::-webkit-search-decoration,.fd-input[type=search]::-webkit-search-results-button,.fd-input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.fd-input[aria-expanded=false]{z-index:0}.fd-input.is-expanded,.fd-input[aria-expanded=true]{z-index:4}.fd-input[class*=-compact],.fd-input[class*=-condensed],[class*=-compact] .fd-input:not([class*=-cozy]),[class*=-condensed] .fd-input:not([class*=-cozy]){-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fdInput_Compact_Height, var(--sapElement_Compact_Height));margin-block:var(--fdInput_Field_Compact_Margin_Block, .1875rem);margin-inline:0;min-height:var(--fdInput_Compact_Height, var(--sapElement_Compact_Height));min-width:var(--fdInput_Field_Compact_Min_Width, 2rem);padding-block:0;padding-inline:var(--fdInput_Field_Compact_Padding, .5rem)}.fd-input--no-number-spinner{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}.fd-input.right-align{text-align:right}.fd-input.is-success{-webkit-box-shadow:var(--sapField_SuccessShadow);background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);box-shadow:var(--sapField_SuccessShadow)}.fd-input.is-success.is-hover,.fd-input.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-input.is-success.is-focus,.fd-input.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-input.is-success.is-focus.is-hover,.fd-input.is-success.is-focus:hover,.fd-input.is-success:focus.is-hover,.fd-input.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-success.is-expanded,.fd-input.is-success[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-error{-webkit-box-shadow:var(--sapField_InvalidShadow);background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);box-shadow:var(--sapField_InvalidShadow)}.fd-input.is-error.is-hover,.fd-input.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-input.is-error.is-focus,.fd-input.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-input.is-error.is-focus.is-hover,.fd-input.is-error.is-focus:hover,.fd-input.is-error:focus.is-hover,.fd-input.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-error.is-expanded,.fd-input.is-error[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-warning{-webkit-box-shadow:var(--sapField_WarningShadow);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);box-shadow:var(--sapField_WarningShadow)}.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-warning.is-focus.is-hover,.fd-input.is-warning.is-focus:hover,.fd-input.is-warning:focus.is-hover,.fd-input.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-warning.is-expanded,.fd-input.is-warning[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-input.is-alert.is-hover,.fd-input.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-input.is-alert.is-focus.is-hover,.fd-input.is-alert.is-focus:hover,.fd-input.is-alert:focus.is-hover,.fd-input.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-alert.is-expanded,.fd-input.is-alert[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-information{-webkit-box-shadow:var(--sapField_InformationShadow);background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);box-shadow:var(--sapField_InformationShadow)}.fd-input.is-information.is-hover,.fd-input.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-input.is-information.is-focus,.fd-input.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-input.is-information.is-focus.is-hover,.fd-input.is-information.is-focus:hover,.fd-input.is-information:focus.is-hover,.fd-input.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none}.fd-input.is-information.is-expanded,.fd-input.is-information[aria-expanded=true]{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-input.is-alert,.fd-input.is-error,.fd-input.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-webkit-input-placeholder,.fd-input.is-error::-webkit-input-placeholder,.fd-input.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-moz-placeholder,.fd-input.is-error::-moz-placeholder,.fd-input.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert:-ms-input-placeholder,.fd-input.is-error:-ms-input-placeholder,.fd-input.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::-ms-input-placeholder,.fd-input.is-error::-ms-input-placeholder,.fd-input.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert::placeholder,.fd-input.is-error::placeholder,.fd-input.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-input.is-alert.is-focus,.fd-input.is-alert:focus,.fd-input.is-error.is-focus,.fd-input.is-error:focus,.fd-input.is-information.is-focus,.fd-input.is-information:focus,.fd-input.is-warning.is-focus,.fd-input.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-input.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-moz-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)}.fd-input.is-error::placeholder{color:var(--sapField_TextColor)}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-input.is-disabled::-webkit-input-placeholder,.fd-input:disabled::-webkit-input-placeholder,.fd-input[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-moz-placeholder,.fd-input:disabled::-moz-placeholder,.fd-input[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled:-ms-input-placeholder,.fd-input:disabled:-ms-input-placeholder,.fd-input[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::-ms-input-placeholder,.fd-input:disabled::-ms-input-placeholder,.fd-input[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-disabled::placeholder,.fd-input:disabled::placeholder,.fd-input[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly,.fd-input[aria-readonly=true],.fd-input[readonly]{--fdInput_Outline_Offset:-.25rem;-webkit-box-shadow:none;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);box-shadow:none}.fd-input.is-readonly::-webkit-input-placeholder,.fd-input[aria-readonly=true]::-webkit-input-placeholder,.fd-input[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-moz-placeholder,.fd-input[aria-readonly=true]::-moz-placeholder,.fd-input[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly:-ms-input-placeholder,.fd-input[aria-readonly=true]:-ms-input-placeholder,.fd-input[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::-ms-input-placeholder,.fd-input[aria-readonly=true]::-ms-input-placeholder,.fd-input[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly::placeholder,.fd-input[aria-readonly=true]::placeholder,.fd-input[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0}.fd-input.is-readonly.is-focus,.fd-input.is-readonly.is-hover,.fd-input.is-readonly:focus,.fd-input.is-readonly:hover,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true].is-hover,.fd-input[aria-readonly=true]:focus,.fd-input[aria-readonly=true]:hover,.fd-input[readonly].is-focus,.fd-input[readonly].is-hover,.fd-input[readonly]:focus,.fd-input[readonly]:hover{--fdInput_Outline_Offset:-.25rem;-webkit-box-shadow:none;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);box-shadow:none}.fd-input.is-readonly.is-focus,.fd-input.is-readonly:focus,.fd-input[aria-readonly=true].is-focus,.fd-input[aria-readonly=true]:focus,.fd-input[readonly].is-focus,.fd-input[readonly]:focus{z-index:5}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-popover--slider{display:block!important}.fd-popover__body.fd-slider-tooltip-popover{height:1rem;border:none;padding-block:0;overflow:hidden;padding-inline:.5rem;border-radius:.0625rem;top:-.4375rem!important;background:var(--sapBackgroundColor);box-shadow:var(--sapContent_Shadow1)}.fd-popover__body.fd-slider-tooltip-popover .fd-slider-tooltip{line-height:1rem;text-align:center;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSmallSize)}.fd-popover__body.fd-slider-tooltip-popover:has(input){width:auto;height:auto;box-shadow:none;padding-inline:0}.fd-slider{display:block}.fd-slider.fd-slider--with-labels{padding-bottom:2rem}.fd-slider__tick-wrapper .fd-slider__label,.fd-slider__tick-wrapper .fd-slider__tick{position:absolute}.fd-slider__ticks{height:var(--fdSlider_Tick_Height)}.fd-slider__track .fd-slider__handle:focus{z-index:2;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fd-slider__track .fd-popover-custom{display:none}.fd-slider__labels .fd-slider__label{white-space:nowrap}[dir=rtl] .fd-slider__handle{transform:translate(50%,-50%)}\n/*!\n * Fundamental Library Styles v0.37.7\n * Copyright (c) 2024 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1$1.Platform }, { type: i2.LiveAnnouncer }, { type: i1.RtlService, decorators: [{
                     type: Optional
                 }] }, { type: i4.ContentDensityObserver }], propDecorators: { id: [{