diff --git a/docs/developers/architecture/build.md b/docs/developers/architecture/build.md index ca9838af5..87f46bbec 100644 --- a/docs/developers/architecture/build.md +++ b/docs/developers/architecture/build.md @@ -150,7 +150,7 @@ CAP_BASE_URL/build/catalog (unauth) ↓ hugo/content/missions/*.md, groups/*.md mission + completion-path pages -build:css → PostCSS Fundamental Styles → hugo/static/css/sap-fundamental.css +build:css → PostCSS Fundamental Styles → hugo/assets/css/sap-fundamental.css build:apps → Vite bundles hugo-apps/ Vue 3 islands → hugo/static/js/*.js (navigator, app-space, event-display, nav-dropdown, scanner-vue, tutorial-feedback, tutorial-rating, cmd-palette, me) diff --git a/docs/developers/architecture/cdn-caching.md b/docs/developers/architecture/cdn-caching.md index a6232032d..e0728ddcf 100644 --- a/docs/developers/architecture/cdn-caching.md +++ b/docs/developers/architecture/cdn-caching.md @@ -156,12 +156,15 @@ sources are from `approuter/xs-app.json`; see [runtime.md](runtime.md) and routes (that is why the content TTLs are set at the CAP origin, not here). The TTL is a **deliberately modest 1 hour**, not `immutable`/1-year, because the -Hugo assets are **not content-fingerprinted** — the templates reference -`/css/sap-fundamental.css`, `/js/joule.js`, etc. by stable path (some carry a -`?v=` query, many do not). A long/immutable TTL would strand a stale asset -across a redeploy. Raising this to `immutable` + a 1-year TTL is gated on -introducing fingerprinted asset filenames in the Hugo build; until then 1 h -keeps redeploys safe while still offloading the bulk of asset requests. +Hugo assets are **only partially** content-fingerprinted. The page-referenced +stylesheets (`sap-fundamental.css`, `joule.css`, and the #1601/#1603 set) now emit +content-hashed URLs (dual-emitted alongside a bare copy for static/runtime +consumers — see #1605), but many JS islands (`/js/joule.js`, etc.) and the +theme-var CSS still reference stable paths (some carry a `?v=` query, many do not). +A long/immutable TTL would strand a stale un-fingerprinted asset across a redeploy. +Raising this to `immutable` + a 1-year TTL is gated on fingerprinting the remaining +`/js/*` assets; until then 1 h keeps redeploys safe while still offloading the bulk +of asset requests. ### ⛔ Never cache — explicit bypass diff --git a/docs/superpowers/plans/2026-08-10-1605-fingerprint-joule-sapfundamental.md b/docs/superpowers/plans/2026-08-10-1605-fingerprint-joule-sapfundamental.md new file mode 100644 index 000000000..de0b783f0 --- /dev/null +++ b/docs/superpowers/plans/2026-08-10-1605-fingerprint-joule-sapfundamental.md @@ -0,0 +1,479 @@ +# Fingerprint `joule.css` + `sap-fundamental.css` (dual-emit) — Implementation Plan + +> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking. + +**Goal:** Make `joule.css` and `sap-fundamental.css` emit content-fingerprinted URLs (edge-safe) while still emitting a bare `/css/.css` for the static/runtime consumers that can't take a build-time hash — closing the last two bare-path CSS stale-edge gaps from the 2026-08-10 giant-logo incident (follow-up to #1601/#1603). + +**Architecture:** Single-source **dual-emit** via Hugo's `Resource.Publish`. Each stylesheet lives once in `hugo/assets/css/`; the Hugo layout links a `| fingerprint` variant (hashed URL) and calls `.Publish` to also write the bare filename. `sap-fundamental.css`'s `@import` source is renamed `.src.css` and `build:css` compiles it into `assets/` (committed compiled bytes, since `npm run dev` has no CSS build step). CAP degraded-fallback renderers, the static admin-shell page, and smoke tests keep their bare `/css/*` references and are left untouched — `.Publish` guarantees the bare file exists for them. + +**Tech Stack:** Hugo v0.147.7+extended (`resources.Get`, `| fingerprint`, `.Publish`), PostCSS (`postcss-cli` + `postcss-import`, `hugo/postcss.config.cjs`), Vitest (source-string guard tests). + +## Global Constraints + +- **Fingerprint the COMPILED bytes of `sap-fundamental.css`, never the `@import` source** — the `@import 'fundamental-styles/dist/...'` source does not resolve in a browser. +- **Keep the compiled `hugo/assets/css/sap-fundamental.css` committed to git** — `npm run dev` runs `hugo server` with no `build:css` step and depends on committed compiled bytes; `test/hugo-step-badges.test.js` reads this exact path. +- **Every dual-emit site MUST emit BOTH** the fingerprinted `` AND the bare `/css/.css` (via `.Publish`). Dropping the bare emit 404s admin-shell / scanner / CAP-fallback / smoke. +- **`.Publish` is side-effect only, returns nil, prints nothing** — safe to call inline in a template. +- **Do NOT modify** `srv/lib/content-store.js`, `srv/lib/concept-list-page.js`, `app/admin-shell/webapp/index.html`, `test/smoke/joule-aurora.test.js`, `test/smoke/joule-step-fab.test.js` — they intentionally keep bare paths. +- **Respect the existing `{{ if not site.Params.qa }}` guard** around the joule `` in `baseof.html`. +- **Windows/CRLF:** this repo is edited on Windows; preserve existing line endings on touched files (don't let an editor flip LF→CRLF). + +## File Structure + +| File | Responsibility after change | +|---|---| +| `hugo/assets/css/joule.css` | joule source (moved from `static/`); Hugo-resolvable, dual-emitted | +| `hugo/assets/css/sap-fundamental.src.css` | the `@import` source (renamed); editable source, NOT shipped | +| `hugo/assets/css/sap-fundamental.css` | compiled bytes (committed); the file that gets fingerprinted + published | +| `package.json` → `build:css` | compiles `.src.css` → `assets/sap-fundamental.css` | +| `hugo/layouts/_default/baseof.html` | dual-emit joule (fingerprint link + `.Publish`) | +| `hugo/layouts/partials/head.html` | dual-emit sap-fundamental | +| `hugo/layouts/scanner-vue/list.html` | dual-emit sap-fundamental | +| `test/hugo-css-fingerprint.test.js` | NEW source-string guard: layouts fingerprint + publish both files | +| `docs/developers/architecture/cdn-caching.md` | note both files now fingerprinted (dual-emit) | + +--- + +### Task 1: Retarget `build:css` and rename the sap-fundamental source + +**Files:** +- Modify: `package.json` (the `build:css` script, ~line 63) +- Rename: `hugo/assets/css/sap-fundamental.css` → `hugo/assets/css/sap-fundamental.src.css` +- Regenerate + commit: `hugo/assets/css/sap-fundamental.css` (now compiled bytes) +- Delete: `hugo/static/css/sap-fundamental.css` + +**Interfaces:** +- Produces: a committed `hugo/assets/css/sap-fundamental.css` containing **compiled** CSS (no `@import 'fundamental-styles` lines) with the `.step-badge` rules intact. Task 3 fingerprints this file; `test/hugo-step-badges.test.js` reads it. + +- [ ] **Step 1: Rename the `@import` source to `.src.css`** + +```bash +cd "D:/projects/tutorials-poc/.claude/worktrees/issue-1605-fingerprint-css" +git mv hugo/assets/css/sap-fundamental.css hugo/assets/css/sap-fundamental.src.css +``` + +- [ ] **Step 2: Add a header note to the source (drift guard)** + +Prepend this comment as the first line of `hugo/assets/css/sap-fundamental.src.css` (keep the existing `@import` lines after it): + +```css +/* SOURCE — edit here, then run `npm run build:css` to regenerate the committed + compiled hugo/assets/css/sap-fundamental.css that Hugo fingerprints + publishes. */ +``` + +- [ ] **Step 3: Retarget the `build:css` script in `package.json`** + +Change the `build:css` value from: + +``` +"build:css": "postcss hugo/assets/css/sap-fundamental.css --config hugo/ --no-map -o hugo/static/css/sap-fundamental.css", +``` + +to: + +``` +"build:css": "postcss hugo/assets/css/sap-fundamental.src.css --config hugo/ --no-map -o hugo/assets/css/sap-fundamental.css", +``` + +- [ ] **Step 4: Run `build:css` to regenerate the compiled bytes into `assets/`** + +Run: `npm run build:css` +Expected: writes `hugo/assets/css/sap-fundamental.css` (~800 KB compiled). Command exits 0. + +- [ ] **Step 5: Verify the regenerated file is compiled, not the `@import` source** + +Run: +```bash +head -1 hugo/assets/css/sap-fundamental.css +grep -c "step-badge" hugo/assets/css/sap-fundamental.css +grep -c "@import 'fundamental-styles" hugo/assets/css/sap-fundamental.css +``` +Expected: first line is `@charset "UTF-8";...` (NOT `@import './sap-theme-vars.css'`); `step-badge` count is `8`; `@import 'fundamental-styles` count is `0`. + +- [ ] **Step 6: Delete the now-redundant `static/` compiled copy** + +```bash +git rm hugo/static/css/sap-fundamental.css +``` + +- [ ] **Step 7: Run the existing step-badge test (reads the assets path)** + +Run: `npx vitest run --project unit test/hugo-step-badges.test.js` +Expected: PASS (the `.step-badge` rules are present in the compiled `assets/` file). + +- [ ] **Step 8: Commit** + +```bash +git add package.json hugo/assets/css/sap-fundamental.src.css hugo/assets/css/sap-fundamental.css +git commit -m "build(css): compile sap-fundamental into assets/ for fingerprinting [#1605]" +``` + +--- + +### Task 2: Move `joule.css` into `assets/` + +**Files:** +- Rename: `hugo/static/css/joule.css` → `hugo/assets/css/joule.css` + +**Interfaces:** +- Produces: `hugo/assets/css/joule.css` reachable via `resources.Get "css/joule.css"`. Task 4 fingerprints + publishes it. + +- [ ] **Step 1: Move the file** + +```bash +git mv hugo/static/css/joule.css hugo/assets/css/joule.css +``` + +- [ ] **Step 2: Verify no other build step depends on the old static path** + +Run: +```bash +grep -rn "static/css/joule" scripts/ package.json .deploy/ 2>/dev/null +``` +Expected: no output (nothing references the old `static/css/joule.css` build-time path; runtime consumers use the `/css/joule.css` URL, which Task 4's `.Publish` provides). + +- [ ] **Step 3: Commit** + +```bash +git add -A hugo/static/css/joule.css hugo/assets/css/joule.css +git commit -m "refactor(css): move joule.css to assets/ for fingerprinting [#1605]" +``` + +--- + +### Task 3: Dual-emit `sap-fundamental.css` from `head.html` + +**Files:** +- Modify: `hugo/layouts/partials/head.html:35` + +**Interfaces:** +- Consumes: `hugo/assets/css/sap-fundamental.css` (compiled, from Task 1). +- Produces: rendered pages link `/css/sap-fundamental..css` and the build emits bare `/css/sap-fundamental.css`. Flows into the CAP `__shell__` automatically (the `_shell` layout renders through `head.html`). + +- [ ] **Step 1: Replace the bare `` at line 35** + +Replace this line: + +```gotemplate + +``` + +with: + +```gotemplate +{{ $fundamental := resources.Get "css/sap-fundamental.css" }}{{ $fundamental.Publish }} +``` + +- [ ] **Step 2: Build Hugo and verify the emit** + +Run: +```bash +hugo --source hugo --minify --destination public-1605check +``` +Expected: exits 0. Then: +```bash +ls hugo/public-1605check/css/sap-fundamental*.css +grep -o '/css/sap-fundamental[^"]*\.css' hugo/public-1605check/index.html | sort -u +``` +Expected: TWO files listed — `sap-fundamental.css` AND `sap-fundamental..css`; `index.html` references ONLY the hashed one (no bare `/css/sap-fundamental.css` link). + +- [ ] **Step 3: Verify the published bare copy is compiled (not the `@import` source)** + +Run: `head -1 hugo/public-1605check/css/sap-fundamental.css` +Expected: `@charset "UTF-8";...` (compiled), NOT `@import`. + +- [ ] **Step 4: Clean up the throwaway build dir** + +```bash +rm -rf hugo/public-1605check +``` + +- [ ] **Step 5: Commit** + +```bash +git add hugo/layouts/partials/head.html +git commit -m "fix(cdn): fingerprint sap-fundamental.css in head.html (dual-emit) [#1605]" +``` + +--- + +### Task 4: Dual-emit `joule.css` from `baseof.html` + +**Files:** +- Modify: `hugo/layouts/_default/baseof.html:15` + +**Interfaces:** +- Consumes: `hugo/assets/css/joule.css` (from Task 2). +- Produces: rendered pages link `/css/joule..css`; build emits bare `/css/joule.css` for admin-shell + smoke. + +- [ ] **Step 1: Replace the guarded bare `` at line 15** + +Replace this line: + +```gotemplate + {{ if not site.Params.qa }}{{ end }} +``` + +with: + +```gotemplate + {{ if not site.Params.qa }}{{ $joule := resources.Get "css/joule.css" }}{{ $joule.Publish }}{{ end }} +``` + +- [ ] **Step 2: Build Hugo and verify the emit** + +Run: +```bash +hugo --source hugo --minify --destination public-1605check +ls hugo/public-1605check/css/joule*.css +grep -o '/css/joule[^"]*\.css' hugo/public-1605check/index.html | sort -u +``` +Expected: TWO files — `joule.css` AND `joule..css`; `index.html` references ONLY the hashed one. + +- [ ] **Step 3: Clean up** + +```bash +rm -rf hugo/public-1605check +``` + +- [ ] **Step 4: Commit** + +```bash +git add hugo/layouts/_default/baseof.html +git commit -m "fix(cdn): fingerprint joule.css in baseof.html (dual-emit) [#1605]" +``` + +--- + +### Task 5: Dual-emit `sap-fundamental.css` from the scanner layout + +**Files:** +- Modify: `hugo/layouts/scanner-vue/list.html:20` + +**Interfaces:** +- Consumes: `hugo/assets/css/sap-fundamental.css`. +- Produces: scanner page links the hashed URL; bare copy re-published (idempotent with Task 3). + +- [ ] **Step 1: Replace the bare `` at line 20** + +Replace this line: + +```gotemplate + +``` + +with: + +```gotemplate + {{ $fundamental := resources.Get "css/sap-fundamental.css" }}{{ $fundamental.Publish }} + +``` + +- [ ] **Step 2: Build Hugo and confirm it still builds clean** + +Run: `hugo --source hugo --minify --destination public-1605check` +Expected: exits 0 (publishing the same resource from two layouts is safe/idempotent). + +- [ ] **Step 3: Clean up** + +```bash +rm -rf hugo/public-1605check +``` + +- [ ] **Step 4: Commit** + +```bash +git add hugo/layouts/scanner-vue/list.html +git commit -m "fix(cdn): fingerprint sap-fundamental.css in scanner layout (dual-emit) [#1605]" +``` + +--- + +### Task 6: Guard test — layouts fingerprint AND publish both stylesheets + +**Files:** +- Create: `test/hugo-css-fingerprint.test.js` + +**Interfaces:** +- Consumes: the three modified layout files (Tasks 3–5) + `baseof.html` (Task 4). +- Produces: a source-string regression guard, mirroring the `test/hugo-step-badges.test.js` source-string style (the repo has no Hugo render harness). + +- [ ] **Step 1: Write the failing test** + +```javascript +// test/hugo-css-fingerprint.test.js +// +// Source-string guard for issue #1605: joule.css + sap-fundamental.css must be +// emitted BOTH fingerprinted (edge-safe hashed URL) AND bare (.Publish) so the +// static admin-shell page, scanner, CAP degraded fallback, and smoke tests that +// reference bare /css/.css keep resolving. See the design spec: +// docs/superpowers/specs/2026-08-10-1605-fingerprint-joule-sapfundamental-design.md +// +// Source-string (not rendered-Hugo) for the same reasons as hugo-step-badges.test.js: +// the repo has no Hugo render harness. + +import { describe, it, expect } from 'vitest'; +import { readFileSync, existsSync } from 'node:fs'; +import { join } from 'node:path'; + +const REPO_ROOT = join(import.meta.dirname, '..'); +const read = (p) => readFileSync(join(REPO_ROOT, p), 'utf8'); + +const baseof = read('hugo/layouts/_default/baseof.html'); +const head = read('hugo/layouts/partials/head.html'); +const scanner = read('hugo/layouts/scanner-vue/list.html'); + +describe('#1605 — joule.css dual-emit (baseof.html)', () => { + it('fingerprints joule.css', () => { + expect(baseof).toMatch(/resources\.Get "css\/joule\.css"/); + expect(baseof).toMatch(/\|\s*fingerprint/); + }); + it('publishes the bare joule.css copy', () => { + expect(baseof).toMatch(/\$joule\.Publish/); + }); + it('no longer links the bare /css/joule.css path', () => { + expect(baseof).not.toMatch(/href="\/css\/joule\.css"/); + }); + it('keeps the qa guard', () => { + expect(baseof).toMatch(/if not site\.Params\.qa/); + }); +}); + +describe('#1605 — sap-fundamental.css dual-emit (head.html + scanner)', () => { + it('head.html fingerprints + publishes sap-fundamental.css', () => { + expect(head).toMatch(/resources\.Get "css\/sap-fundamental\.css"/); + expect(head).toMatch(/\$fundamental\.Publish/); + expect(head).toMatch(/\|\s*fingerprint/); + expect(head).not.toMatch(/href="\/css\/sap-fundamental\.css"/); + }); + it('scanner layout fingerprints + publishes sap-fundamental.css', () => { + expect(scanner).toMatch(/resources\.Get "css\/sap-fundamental\.css"/); + expect(scanner).toMatch(/\$fundamental\.Publish/); + expect(scanner).toMatch(/\|\s*fingerprint/); + expect(scanner).not.toMatch(/href="\/css\/sap-fundamental\.css"/); + }); +}); + +describe('#1605 — source layout / build invariants', () => { + it('joule.css source lives in assets/, not static/', () => { + expect(existsSync(join(REPO_ROOT, 'hugo/assets/css/joule.css'))).toBe(true); + expect(existsSync(join(REPO_ROOT, 'hugo/static/css/joule.css'))).toBe(false); + }); + it('the fingerprinted sap-fundamental.css is committed compiled bytes, not the @import source', () => { + const compiled = read('hugo/assets/css/sap-fundamental.css'); + expect(compiled).not.toMatch(/@import 'fundamental-styles/); + expect(compiled).toMatch(/step-badge/); + // the old verbatim static copy must be gone (dual-emit replaces it) + expect(existsSync(join(REPO_ROOT, 'hugo/static/css/sap-fundamental.css'))).toBe(false); + }); +}); +``` + +- [ ] **Step 2: Run the test to confirm it passes against Tasks 1–5** + +Run: `npx vitest run --project unit test/hugo-css-fingerprint.test.js` +Expected: PASS (all describe blocks). If any fail, the corresponding layout/build task was not applied correctly — fix the layout, not the test. + +- [ ] **Step 3: Commit** + +```bash +git add test/hugo-css-fingerprint.test.js +git commit -m "test(cdn): guard joule + sap-fundamental dual-emit fingerprinting [#1605]" +``` + +--- + +### Task 7: Full local build + doc update + final verification + +**Files:** +- Modify: `docs/developers/architecture/cdn-caching.md` (the §"Static assets" paragraph noting assets are not fingerprinted) + +**Interfaces:** +- Consumes: all prior tasks. +- Produces: a full-pipeline build proof + updated docs. + +- [ ] **Step 1: Run the real production CSS + Hugo build end-to-end** + +Run: +```bash +npm run build:css +hugo --source hugo --minify +``` +Expected: both exit 0. + +- [ ] **Step 2: Assert dual-emit in the real `hugo/public`** + +Run: +```bash +ls hugo/public/css/joule*.css hugo/public/css/sap-fundamental*.css +grep -rl 'href="/css/joule\.css"' hugo/public 2>/dev/null | head +grep -rl 'href="/css/sap-fundamental\.css"' hugo/public 2>/dev/null | head +``` +Expected: each stylesheet lists BOTH a bare and a `..` file; the two `grep`s for bare `` return **no** rendered HTML pages (pages link only the hashed URLs). + +- [ ] **Step 3: Confirm the bare files exist for runtime consumers** + +Run: +```bash +test -f hugo/public/css/joule.css && echo "joule bare OK" +test -f hugo/public/css/sap-fundamental.css && echo "sap-fundamental bare OK" +head -1 hugo/public/css/sap-fundamental.css +``` +Expected: both "OK" lines; the sap-fundamental bare head is `@charset "UTF-8";...` (compiled). + +- [ ] **Step 4: Update the CDN doc** + +In `docs/developers/architecture/cdn-caching.md`, find the §"Static assets" paragraph that reads (near the `cacheControl` block) "the Hugo assets are **not** content-fingerprinted — the templates reference `/css/sap-fundamental.css`, `/js/joule.js`, etc. by stable path". Replace the `/css/sap-fundamental.css` example with a still-bare one and add a sentence noting the fingerprinting progress. Change that sentence to: + +```markdown +The TTL is a **deliberately modest 1 hour**, not `immutable`/1-year, because the +Hugo assets are **only partially** content-fingerprinted. The page-referenced +stylesheets (`sap-fundamental.css`, `joule.css`, and the #1601/#1603 set) now emit +content-hashed URLs (dual-emitted alongside a bare copy for static/runtime +consumers — see #1605), but many JS islands (`/js/joule.js`, etc.) and the +theme-var CSS still reference stable paths (some carry a `?v=` query, many do not). +A long/immutable TTL would strand a stale un-fingerprinted asset across a redeploy. +Raising this to `immutable` + a 1-year TTL is gated on fingerprinting the remaining +`/js/*` assets; until then 1 h keeps redeploys safe while still offloading the bulk +of asset requests. +``` + +- [ ] **Step 5: Run the guard + step-badge tests together** + +Run: `npx vitest run --project unit test/hugo-css-fingerprint.test.js test/hugo-step-badges.test.js` +Expected: both PASS. + +- [ ] **Step 6: Commit** + +```bash +git add docs/developers/architecture/cdn-caching.md +git commit -m "docs(cdn): note joule + sap-fundamental now fingerprinted [#1605]" +``` + +- [ ] **Step 7: Restore the working tree (don't ship the throwaway public build)** + +The `hugo/public` from Step 1 is a build artifact and should not be committed (verify it's gitignored). Run: +```bash +git status --porcelain hugo/public | head +``` +Expected: no output (hugo/public is gitignored). If output appears, do NOT `git add` it. + +--- + +## Self-Review + +**Spec coverage:** +- Correction A (fingerprint compiled bytes) → Task 1. +- Correction B (CAP `__shell__` inherits head.html; CAP renderers untouched) → Task 3 interface note + Global Constraints (do-not-modify list). +- Dual-emit mechanism → Tasks 3/4/5 + Global Constraints. +- joule move → Task 2; joule dual-emit → Task 4. +- sap-fundamental source rename + build retarget + delete static copy → Task 1. +- Bare consumers preserved → `.Publish` in Tasks 3/4/5, verified Task 7 Step 3. +- Test impact (step-badge test, committed compiled bytes) → Task 1 Steps 5/7, Task 6 Step 1. +- Guard test → Task 6. +- Doc update → Task 7 Step 4. +- All "Files changed" rows from the spec are covered. + +**Placeholder scan:** No TBD/TODO; every code/edit step shows exact before/after content and exact commands with expected output. + +**Type/name consistency:** Template var names consistent — `$joule` (baseof), `$fundamental` (head + scanner). Test regexes match those exact names and the `resources.Get "css/.css"` strings used in the layouts. `build:css` input/output paths consistent between Task 1 Step 3 and the file-structure table. diff --git a/docs/superpowers/specs/2026-08-10-1605-fingerprint-joule-sapfundamental-design.md b/docs/superpowers/specs/2026-08-10-1605-fingerprint-joule-sapfundamental-design.md new file mode 100644 index 000000000..9a9bc2188 --- /dev/null +++ b/docs/superpowers/specs/2026-08-10-1605-fingerprint-joule-sapfundamental-design.md @@ -0,0 +1,214 @@ +# Fingerprint `joule.css` + `sap-fundamental.css` (dual-emit) — Design + +**Issue:** [#1605](https://github.com/sap-tutorials/tutorials-ims/issues/1605) +**Date:** 2026-08-10 +**Follow-up to:** #1601 / #1603 (CSS fingerprinting), #1584 + 2026-08-10 giant-logo incident (root cause) + +## Problem + +Two stylesheets are still referenced by **hardcoded bare path** and so are NOT +covered by the CSS fingerprinting landed in #1601 / #1603. They remain exposed to +the same CDN stale-edge bug as the 2026-08-10 giant-logo incident: fresh HTML can +pair with an edge-cached stale stylesheet under a stable `/css/.css` URL. + +1. **`joule.css`** — `hugo/layouts/_default/baseof.html:15` + (``, guarded by `{{ if not site.Params.qa }}`). + Lives in `hugo/static/css/` (copied verbatim → not reachable by `resources.Get`). +2. **`sap-fundamental.css`** — `hugo/layouts/partials/head.html:35` and + `hugo/layouts/scanner-vue/list.html:20`. + +## Two corrections to the issue's premises (found during recon) + +The issue's suggested fixes are partly based on assumptions that don't hold in +this repo. Both were confirmed against the working tree: + +### A. The `assets/` copy of `sap-fundamental.css` is NOT a usable equivalent + +- `hugo/assets/css/sap-fundamental.css` (76 KB) is the **uncompiled `@import` + source** (`@import 'fundamental-styles/dist/button.css'` …). +- `hugo/static/css/sap-fundamental.css` (807 KB) is the **compiled** output + produced by `npm run build:css` (`postcss` + `postcss-import`, config at + `hugo/postcss.config.cjs`). + +Doing `resources.Get "css/sap-fundamental.css" | fingerprint` **today** would +fingerprint and ship the broken `@import`-based source — its relative +`fundamental-styles/dist/...` paths do not resolve in a browser. We must +fingerprint the **compiled bytes**, not the `@import` source as-is. + +### B. Normal CAP pages already inherit the Hugo `` — only the degraded fallback is bare + +CAP catalog / mission / group / concept pages get their `` from Hugo's +published `__shell__` BLOB. The `_shell` layout (`hugo/layouts/_shell/single.html`) +defines only an empty `main` block, so it renders through the **default +`baseof.html` → `head.html`** chrome. `scripts/publish-content.ts` ships that +rendered chrome as ContentFiles slug `__shell__`; `srv/lib/chrome-shell.js` +splices bodies into it. + +**Consequence:** fingerprinting `head.html` **automatically** flows the hashed +`sap-fundamental` URL into every CAP-served catalog page. The hardcoded +`/css/sap-fundamental.css` in `srv/lib/content-store.js:958` and +`srv/lib/concept-list-page.js:241` is only the **degraded fallback** used when the +shell BLOB is missing/malformed (a broken publish). That path is rare, not +edge-cacheable in the normal sense, and just needs to keep resolving — so a bare +copy must still be emitted, but we do **not** need to thread a hash through the +CAP renderers. + +Note also: `sap-fundamental.css` has **no** admin-shell consumer. Only +`joule.css` is referenced by the static admin-shell page. + +## Bare-path consumers that must keep resolving + +| File | Path | Type | Why it can't take a Hugo hash | +|---|---|---|---| +| `app/admin-shell/webapp/index.html:10` | `/css/joule.css` | static UI5 file | Not Hugo-processed; can't compute a `fingerprint` hash | +| `test/smoke/joule-aurora.test.js:9` | `/css/joule.css` | smoke test | Fetches the stable URL | +| `test/smoke/joule-step-fab.test.js:37` | `/css/joule.css` | smoke test | Fetches the stable URL | +| `srv/lib/content-store.js:958` | `/css/sap-fundamental.css` | CAP degraded fallback | Runtime can't know the build-time hash | +| `srv/lib/concept-list-page.js:241` | `/css/sap-fundamental.css` | CAP degraded fallback | Same | + +Because these consumers exist, the fix is **dual-emit**: from a single source, +Hugo emits BOTH the fingerprinted URL (linked by the anonymous Hugo pages + the +`__shell__`) AND the bare `/css/.css` (for the consumers above). The +degraded/admin/scanner surfaces are not edge-cached the way anonymous content is, +so their residual stale risk is low and acceptable. + +## Approaches considered + +1. **Retarget `build:css` → `assets/`, dual-emit via `.Publish` (chosen).** + Rename the `@import` source, compile into `assets/`, fingerprint the compiled + bytes, and publish a bare copy as a side effect. Matches the #1601/#1603 + pattern (fingerprint an `assets/` file) with no new Hugo pipeline. +2. **Compile inside Hugo via `css.PostCSS`.** `resources.Get "…src.css" | + css.PostCSS | fingerprint`. `postcss-cli` + `postcss-import` are present and + Hugo is extended. Rejected: adds Hugo build-time PostCSS resolution risk + against `node_modules` and diverges from the existing `npm run build:css` flow. +3. **Leave `sap-fundamental` bare, fingerprint only `joule`.** Rejected: leaves + the 807 KB stylesheet exposed to the exact bug the issue is about. + +## Design + +### Mechanism: single-source dual-emit + +Hugo's `Resource.Publish` writes a resource to `public/` at its `RelPermalink` as +a side effect, without needing a ``. So from one `assets/` source we: + +- `{{ $r := resources.Get "css/.css" }}` → `.RelPermalink` is bare + `/css/.css`. +- `{{ $r.Publish }}` → emits the bare file to `public/css/.css` (keeps every + bare consumer resolving). +- `` → emits + links + `/css/..css` (the edge-safe URL for the referenced page). + +This removes the drift risk of committing two copies: there is one source file; +the bare and hashed outputs are both generated at build time. + +### Part 1 — `joule.css` + +1. Move `hugo/static/css/joule.css` → `hugo/assets/css/joule.css` (`git mv`). +2. In `baseof.html:15`, inside the existing `{{ if not site.Params.qa }}` guard: + ```gotemplate + {{ if not site.Params.qa }}{{ $joule := resources.Get "css/joule.css" }}{{ $joule.Publish }}{{ end }} + ``` + - The fingerprinted URL styles every anonymous Hugo page + the `__shell__`. + - `.Publish` keeps `/css/joule.css` live for admin-shell + smoke tests. +3. No change to `app/admin-shell/webapp/index.html` (keeps bare `/css/joule.css`) + or the two smoke tests. + +`build:css` is unaffected (it only compiles `sap-fundamental`). `dev` still works: +`joule.css` becomes an `assets/` resource resolved by `resources.Get`. + +### Part 2 — `sap-fundamental.css` + +1. `git mv hugo/assets/css/sap-fundamental.css hugo/assets/css/sap-fundamental.src.css` + (the `@import` source gets a `.src.css` suffix; still tracked, still the + editable source). +2. Change `build:css` in `package.json` to compile the source into `assets/` + (committed compiled bytes — matching how `dev` relies on committed compiled CSS + today): + ``` + "build:css": "postcss hugo/assets/css/sap-fundamental.src.css --config hugo/ --no-map -o hugo/assets/css/sap-fundamental.css" + ``` +3. Delete `hugo/static/css/sap-fundamental.css` (the old verbatim-copied compiled + file; its role is replaced by `.Publish`). +4. Commit the freshly compiled `hugo/assets/css/sap-fundamental.css` (compiled + bytes, so `dev` and the source-string test keep working without a build step). +5. `head.html` (replace line 35): + ```gotemplate + {{ $fundamental := resources.Get "css/sap-fundamental.css" }} + {{ $fundamental.Publish }} + + ``` +6. `scanner-vue/list.html` (replace line 20): same pattern. (`.Publish` here is + idempotent — publishing the same resource twice across layouts is safe.) +7. **No change** to the CAP renderers (`content-store.js`, + `concept-list-page.js`): the degraded fallback keeps its bare + `/css/sap-fundamental.css`, which `.Publish` guarantees still exists. + +### Test impact + +- `test/hugo-step-badges.test.js:23` reads + `hugo/assets/css/sap-fundamental.css` for `.step-badge` rules. After the retarget + this path holds the **compiled** bytes (which contain the same `.step-badge` + rules — verified: 8 occurrences in both source and compiled). Test still passes + **only if the compiled file is committed** (step 4). No test edit needed. +- Smoke tests fetching `/css/joule.css` still pass (`.Publish` emits it). +- New guard test (see Testing) asserts baseof/head emit fingerprinted links AND + publish bare copies. + +### `.gitignore` + +The compiled `hugo/assets/css/sap-fundamental.css` stays **committed** (not +ignored) — `npm run dev` runs `hugo server` without `build:css`, so it depends on +the committed compiled bytes, exactly as it does today for the `static/` copy. + +## Files changed + +| File | Change | +|---|---| +| `hugo/static/css/joule.css` → `hugo/assets/css/joule.css` | `git mv` | +| `hugo/assets/css/sap-fundamental.css` → `…/sap-fundamental.src.css` | `git mv` (source) | +| `hugo/assets/css/sap-fundamental.css` | regenerated compiled bytes (committed) | +| `hugo/static/css/sap-fundamental.css` | deleted | +| `package.json` (`build:css`) | retarget output to `assets/`, input to `.src.css` | +| `hugo/layouts/_default/baseof.html` | dual-emit joule | +| `hugo/layouts/partials/head.html` | dual-emit sap-fundamental | +| `hugo/layouts/scanner-vue/list.html` | dual-emit sap-fundamental | +| `docs/developers/architecture/cdn-caching.md` | note joule + sap-fundamental now fingerprinted (dual-emit) | + +**Untouched (deliberately):** `srv/lib/content-store.js`, +`srv/lib/concept-list-page.js` (degraded fallback keeps bare path), +`app/admin-shell/webapp/index.html`, both joule smoke tests, `.deploy/mta.yaml` +(`cp -r hugo/static` + `cp -r hugo/assets` both already present; the moved files +ride along). + +## Testing + +1. **Local Hugo build** (`npm run build:css && hugo --source hugo --minify`) and + assert on `hugo/public`: + - `public/css/joule..css` exists AND `public/css/joule.css` exists. + - `public/css/sap-fundamental..css` exists AND + `public/css/sap-fundamental.css` exists. + - A rendered page (e.g. `public/index.html`) links the **hashed** joule + + sap-fundamental URLs and has **zero** bare `/css/joule.css` / + `/css/sap-fundamental.css` ``s. + - The published bare `sap-fundamental.css` is the **compiled** form (no raw + `@import 'fundamental-styles` lines). +2. **Guard unit test** (source-string, mirroring #1601/#1603 style): assert + `baseof.html` fingerprints joule + `.Publish`es it; `head.html` + + `scanner-vue/list.html` fingerprint sap-fundamental + `.Publish` it. +3. `npm test` green (esp. `hugo-step-badges.test.js` against the compiled + `assets/` file). +4. Smoke (post-deploy, informational): `/css/joule.css` and + `/css/sap-fundamental.css` still 200. + +## Risks + +- **Committed compiled artifact drift:** if someone edits `.src.css` but forgets + `npm run build:css`, `assets/sap-fundamental.css` goes stale. This risk exists + **today** (edit source → forget to rebuild `static/`); the move doesn't worsen + it. `build:all` runs `build:css` before `build:hugo`, so any real deploy + recompiles. Mitigation: the guard test + a one-line note in the source file + header. +- **`.Publish` availability:** confirmed on Hugo `Resource` (docs current); this + repo runs Hugo v0.147.7+extended. If `.Publish` misbehaved, the bare file simply + wouldn't emit and the local build test (step 1) would catch it before deploy. diff --git a/hugo/static/css/joule.css b/hugo/assets/css/joule.css similarity index 100% rename from hugo/static/css/joule.css rename to hugo/assets/css/joule.css diff --git a/hugo/assets/css/sap-fundamental.css b/hugo/assets/css/sap-fundamental.css index 4c414ab42..029d169e5 100644 --- a/hugo/assets/css/sap-fundamental.css +++ b/hugo/assets/css/sap-fundamental.css @@ -1,31 +1,4676 @@ -@import './sap-theme-vars.css'; -@import 'fundamental-styles/dist/theming/sap_horizon.css'; -@import 'fundamental-styles/dist/button.css'; -@import 'fundamental-styles/dist/card.css'; -@import 'fundamental-styles/dist/panel.css'; -@import 'fundamental-styles/dist/progress-indicator.css'; -@import 'fundamental-styles/dist/badge.css'; -@import 'fundamental-styles/dist/icon.css'; -@import 'fundamental-styles/dist/tabs.css'; -@import 'fundamental-styles/dist/breadcrumb.css'; -@import 'fundamental-styles/dist/popover.css'; -@import 'fundamental-styles/dist/bar.css'; -@import 'fundamental-styles/dist/form-item.css'; -@import 'fundamental-styles/dist/form-label.css'; -@import 'fundamental-styles/dist/radio.css'; -@import 'fundamental-styles/dist/input.css'; -@import 'fundamental-styles/dist/input-group.css'; -@import 'fundamental-styles/dist/link.css'; -@import 'fundamental-styles/dist/checkbox.css'; -@import 'fundamental-styles/dist/info-label.css'; -@import 'fundamental-styles/dist/toolbar.css'; -@import 'fundamental-styles/dist/shellbar.css'; -@import 'fundamental-styles/dist/avatar.css'; -@import 'fundamental-styles/dist/tile.css'; -@import 'fundamental-styles/dist/counter.css'; -@import 'fundamental-styles/dist/object-status.css'; -@import './sap-horizon-dark.css'; - +@charset "UTF-8"; +/* SOURCE — edit here, then run `npm run build:css` to regenerate the committed + compiled hugo/assets/css/sap-fundamental.css that Hugo fingerprints + publishes. */ +/* SAP Horizon Light theme variables */ +:root { + color-scheme: light; + --sapBackgroundColor: #f5f6f7; + --sapBaseColor: #fff; + --sapBrandColor: #0070f2; + --sapHighlightColor: #0064d9; + --sapShellColor: #354a5f; + --sapShell_TextColor: #fff; + --sapShell_InteractiveTextColor: #d1e8ff; + --sapShell_SubBrand_TextColor: #fff; + --sapShell_BorderColor: transparent; + --sapShell_Shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.2); + --sapTextColor: #32363a; + --sapNeutralTextColor: #6a6d70; + --sapNeutralBorderColor: #d9d9d9; + --sapNeutralBackground: #f5f6f7; + --sapLinkColor: #0064d9; + --sapLink_Hover_Color: #0064d9; + --sapContent_LabelColor: #556b82; + --sapContent_DisabledTextColor: #bcc3ca; + --sapContent_ContrastTextColor: #fff; + --sapContent_Shadow0: 0 1px 4px rgba(0, 0, 0, 0.06); + --sapContent_Shadow2: 0 0.25rem 1rem rgba(0, 0, 0, 0.15); + --sapFontFamily: '72', '72full', Arial, Helvetica, sans-serif; + --sapFontSize: 0.875rem; + --sapGroup_ContentBackground: #fff; + --sapGroup_ContentBorderColor: #d9d9d9; + --sapField_Background: #fff; + --sapField_TextColor: #32363a; + --sapTile_Background: #fff; + --sapInformationBackground: #e1f4ff; + --sapInformationBorderColor: #0070f2; + --sapInformativeBorderColor: #0070f2; + --sapPositiveColor: #107e3e; + --sapPositiveBackground: #f1fdf4; + --sapPositiveTextColor: #107e3e; + --sapNegativeColor: #b00; + --sapObjectHeader_Background: #fff; + --sapList_Hover_Background: rgba(0, 112, 242, 0.06); + --sapList_Active_Background: rgba(0, 112, 242, 0.1); + --sapList_SelectionBackgroundColor: #ebf5fe; + --sapButton_Background: #fff; + --sapButton_BorderColor: #0064d9; + --sapButton_BorderCornerRadius: 0.5rem; + --sapButton_Emphasized_Background: #0070f2; + --sapButton_Emphasized_BorderColor: #0064d9; + --sapButton_Emphasized_TextColor: #fff; + --sapButton_Emphasized_Hover_Background: #0064d9; + --sapButton_Emphasized_Hover_BorderColor: #0058c0; + --sapButton_Emphasized_Active_Background: #0058c0; + --sapButton_Emphasized_Active_BorderColor: #004da5; + --sapButton_Lite_TextColor: #0064d9; + --sapButton_Lite_Hover_Background: rgba(0, 100, 217, 0.06); + --sapList_Background: #fff; + --sapList_HeaderBackground: #f4f4f7; + --sapList_BorderColor: #e5e5ea; + --sapField_BorderColor: #ccd; + --sapPageFooter_Background: #fff; + --sapPageFooter_TextColor: #32363a; + --sapPageFooter_BorderColor: #d9d9d9; + --sapGroup_TitleBorderWidth: 1px; +} +/* SAP Horizon Dark theme variables */ +html.dark { + color-scheme: dark; + --sapBackgroundColor: #12171c; + --sapBaseColor: #1c2228; + --sapBrandColor: #4db1ff; + --sapHighlightColor: #4db1ff; + --sapShellColor: #1c2228; + --sapShell_TextColor: #eaecee; + --sapTextColor: #eaecee; + --sapNeutralTextColor: #a9b4be; + --sapNeutralBorderColor: #3c4854; + --sapNeutralBackground: #1c2228; + --sapLinkColor: #4db1ff; + --sapLink_Hover_Color: #89d1ff; + --sapContent_LabelColor: #8396a8; + --sapContent_DisabledTextColor: #5b7996; + --sapContent_ContrastTextColor: #1c2228; + --sapContent_Shadow0: 0 1px 4px rgba(0, 0, 0, 0.3); + --sapContent_Shadow2: 0 0.25rem 1rem rgba(0, 0, 0, 0.4); + --sapFontFamily: '72', '72full', Arial, Helvetica, sans-serif; + --sapFontSize: 0.875rem; + --sapGroup_ContentBackground: #1c2228; + --sapGroup_ContentBorderColor: #3c4854; + --sapField_Background: #29394b; + --sapField_TextColor: #eaecee; + --sapTile_Background: #1c2228; + --sapInformationBackground: #0c225f; + --sapInformationBorderColor: #4db1ff; + --sapInformativeBorderColor: #4db1ff; + --sapPositiveColor: #57b520; + --sapPositiveBackground: #164120; + --sapPositiveTextColor: #57b520; + --sapNegativeColor: #ff758c; + --sapObjectHeader_Background: #1c2228; + --sapList_Hover_Background: rgba(77, 177, 255, 0.08); + --sapList_Active_Background: rgba(77, 177, 255, 0.15); + --sapList_SelectionBackgroundColor: rgba(77, 177, 255, 0.1); + --sapButton_Background: #29394b; + --sapButton_BorderColor: #4db1ff; + --sapButton_BorderCornerRadius: 0.5rem; + --sapButton_Emphasized_Background: #0070f2; + --sapButton_Emphasized_BorderColor: #0070f2; + --sapButton_Emphasized_TextColor: #fff; + --sapButton_Emphasized_Hover_Background: #0064d9; + --sapButton_Emphasized_Hover_BorderColor: #0064d9; + --sapButton_Emphasized_Active_Background: #0058c0; + --sapButton_Emphasized_Active_BorderColor: #0058c0; + --sapButton_Lite_TextColor: #4db1ff; + --sapButton_Lite_Hover_Background: rgba(77, 177, 255, 0.08); + --sapList_Background: #1c2228; + --sapList_HeaderBackground: #29394b; + --sapList_BorderColor: #3c4854; + --sapField_BorderColor: #3c4854; + --sapPageFooter_Background: #1c2228; + --sapPageFooter_TextColor: #eaecee; + --sapPageFooter_BorderColor: #3c4854; +} +@media (prefers-reduced-motion: no-preference) { + html { scroll-behavior: smooth; } +} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +:root{--btp-Blue1:#ebf8ff;--btp-Blue2:#d1efff;--btp-Blue3:#a6e0ff;--btp-Blue4:#89d1ff;--btp-Blue5:#4db1ff;--btp-Blue6:#1b90ff;--btp-Blue7:#0070f2;--btp-Blue8:#0057d2;--btp-Blue9:#0040b0;--btp-Blue10:#002a86;--btp-Blue11:#00144a;--btp-Grey1:#f5f6f7;--btp-Grey2:#eaecee;--btp-Grey3:#d5dadd;--btp-Grey4:#a9b4be;--btp-Grey5:#8396a8;--btp-Grey6:#5b738b;--btp-Grey7:#475e75;--btp-Grey8:#354a5f;--btp-Grey9:#223548;--btp-Grey10:#1a2733;--btp-Grey11:#12171c;--btp-Green1:#f5fae5;--btp-Green2:#e5f2bd;--btp-Green3:#bae881;--btp-Green4:#97dd40;--btp-Green5:#5dc122;--btp-Green6:#36a41d;--btp-Green7:#188918;--btp-Green8:#256f3a;--btp-Green9:#1e592f;--btp-Green10:#164323;--btp-Green11:#0e2b16;--btp-Mango1:#fff8d6;--btp-Mango2:#fff3b8;--btp-Mango3:#ffdf72;--btp-Mango4:#ffc933;--btp-Mango5:#ffb300;--btp-Mango6:#f58b00;--btp-Mango7:#c35500;--btp-Mango8:#a93e00;--btp-Mango9:#8d2a00;--btp-Mango10:#6d1900;--btp-Mango11:#450b00;--btp-Red1:#ffeaf4;--btp-Red2:#ffd5ea;--btp-Red3:#ffb2d2;--btp-Red4:#ff8cb2;--btp-Red5:#ff5c77;--btp-Red6:#ee3939;--btp-Red7:#d20a0a;--btp-Red8:#aa0808;--btp-Red9:#840606;--btp-Red10:#5a0404;--btp-Red11:#350000;--btp-Teal1:#dafdf5;--btp-Teal2:#c2fcee;--btp-Teal3:#85f1dc;--btp-Teal4:#2ce0bf;--btp-Teal5:#00ceac;--btp-Teal6:#04a6a1;--btp-Teal7:#07838f;--btp-Teal8:#046c7a;--btp-Teal9:#035663;--btp-Teal10:#02414c;--btp-Teal11:#012931;--btp-Indigo1:#f1ecff;--btp-Indigo2:#e2d8ff;--btp-Indigo3:#d3b6ff;--btp-Indigo4:#b894ff;--btp-Indigo5:#9b76ff;--btp-Indigo6:#7858ff;--btp-Indigo7:#5d36ff;--btp-Indigo8:#470ced;--btp-Indigo9:#2c13ad;--btp-Indigo10:#1c0c6e;--btp-Indigo11:#0e0637;--btp-Pink1:#fff0fa;--btp-Pink2:#ffdcf3;--btp-Pink3:#ffafed;--btp-Pink4:#ff8af0;--btp-Pink5:#f65af2;--btp-Pink6:#f31ded;--btp-Pink7:#cc00dc;--btp-Pink8:#a100c2;--btp-Pink9:#7800a4;--btp-Pink10:#510080;--btp-Pink11:#28004a;--btp-Raspberry1:#fff0f5;--btp-Raspberry2:#ffdce8;--btp-Raspberry3:#fecbda;--btp-Raspberry4:#feadc8;--btp-Raspberry5:#fe83ae;--btp-Raspberry6:#fa4f96;--btp-Raspberry7:#df1278;--btp-Raspberry8:#ba066c;--btp-Raspberry9:#9b015d;--btp-Raspberry10:#71014b;--btp-Raspberry11:#510136;--btp-Cyan1:#dbf9ff;--btp-Cyan2:#b8f3ff;--btp-Cyan3:#7aeaf8;--btp-Cyan4:#2dd6ef;--btp-Cyan5:#0fb9dc;--btp-Cyan6:#09a0bf;--btp-Cyan7:#007fa9;--btp-Cyan8:#00709f;--btp-Cyan9:#025484;--btp-Cyan10:#013b64;--btp-Cyan11:#00274e;--btp-Hazelnut1:#fdf5c9;--btp-Hazelnut2:#fce8a9;--btp-Hazelnut3:#ffc654;--btp-Hazelnut4:#ffb727;--btp-Hazelnut5:#e79a00;--btp-Hazelnut6:#c88500;--btp-Hazelnut7:#a16b00;--btp-Hazelnut8:#915e00;--btp-Hazelnut9:#714700;--btp-Hazelnut10:#523100;--btp-Hazelnut11:#3d1f00;--fdSwitch_Compact_Width:2rem;--fdSwitch_Compact_Height:1.25rem;--fdSwitch_Compact_Handle_Width:1.25rem;--fdSwitch_Compact_Handle_Height:1rem;--fdSwitch_Active_Handle_Offset:0.5075rem;--fdSwitch_Compact_Handle_Offset:-0.8125rem;--fdSwitch_Compact_Padding_Block:0.375rem;--fdSwitch_Track_Background:var(--sapButton_Track_Background);--fdSwitch_Handle_Border_Width:0.125rem;--fdSwitch_On_Hover_Slider_Background:var(--sapButton_Track_Hover_Background);--fdSwitch_On_Hover_Slider_Border:var(--sapButton_Track_Hover_Background);--fdSwitch_On_Hover_Slider_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Hover_BorderColor);--fdSwitch_On_Hover_Slider_Active_Background:var(--sapButton_Track_Selected_Hover_Background);--fdSwitch_On_Hover_Slider_Active_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Selected_Hover_BorderColor);--fdSwitch_Border_Width:0;--fdSwitch_Width:2.5rem;--fdSwitch_Height:1.5rem;--fdSwitch_Border_Radius:0.75rem;--fdSwitch_Handle_Width:1.5rem;--fdSwitch_Handle_Height:1.25rem;--fdSwitch_Handle_Border_Radius:0.75rem;--fdSwitch_Handle_Active_Color:var(--sapButton_Handle_Selected_TextColor);--fdSwitch_Handle_Inactive_Color:var(--sapButton_Handle_TextColor);--fdSwitch_Handle_Background:var(--sapButton_Handle_Background);--fdSwitch_Hover_Handle_Background:var(--sapButton_Handle_Selected_Hover_Background);--fdSwitch_Hover_Handle_Active_Background:var(--sapButton_Handle_Selected_Hover_Background);--fdSwitch_Handle_Offset:1.2475rem;--fdSwitch_Compact_Active_Handle_Offset:-0.3125rem;--fdSwitch_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_BorderColor);--fdSwitch_Active_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Selected_BorderColor);--fdSwitch_Border_Color:transparent;--fdSwitch_Border:none;--fdSwitch_Slider_Box_Sizing:content-box;--fdSwitch_Focus_Outline_Vertical_Offset:calc(var(--sapContent_FocusWidth)*-2);--fdSwitch_Focus_Outline_Horizontal_Offset:calc(var(--sapContent_FocusWidth)*-2);--fdSwitch_Focus_Outline_Border_Radius:calc(var(--fdSwitch_Border_Radius) + var(--sapContent_FocusWidth)*2);--fdSwitch_Icon_Display:flex;--fdSwitch_Text_Active_Color:var(--sapButton_Handle_Selected_TextColor);--fdSwitch_Text_Inactive_Color:var(--sapButton_Handle_TextColor);--fdSwitch_Handle_Border_Color:var(--sapButton_Track_BorderColor);--fdSwitch_Handle_Hover_Border_Color:var(--sapButton_Handle_Hover_BorderColor);--fdSwitch_Handle_Selected_Hover_Border_Color:var(--sapButton_Handle_Selected_Hover_BorderColor);--fdSwitch_Semantic_Success_Border_Color:var(--sapButton_Track_Positive_BorderColor);--fdSwitch_Semantic_Success_Background_Color:var(--sapButton_Track_Positive_Background);--fdSwitch_Semantic_Hover_Success_Background_Color:var(--sapButton_Track_Positive_Hover_Background);--fdSwitch_Semantic_Hover_Success_Border_Color:var(--sapButton_Track_Positive_Hover_BorderColor);--fdSwitch_Semantic_Error_Background_Color:var(--sapButton_Track_Negative_Background);--fdSwitch_Semantic_Error_Border_Color:var(--sapButton_Track_Negative_BorderColor);--fdSwitch_Semantic_Hover_Error_Background_Color:var(--sapButton_Track_Negative_Hover_Background);--fdSwitch_Semantic_Hover_Error_Border_Color:var(--sapButton_Track_Negative_Hover_BorderColor);--fdSwitch_Semantic_Icon_Error_Color:var(--sapButton_Handle_Negative_TextColor);--fdSwitch_Semantic_Error_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Negative_BorderColor);--fdSwitch_Semantic_Success_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Positive_BorderColor);--fdSwitch_Semantic_Hover_Error_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Negative_Hover_BorderColor);--fdSwitch_Semantic_Hover_Success_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Positive_Hover_BorderColor);--fdSwitch_Semantic_Width:var(--fdSwitch_Width);--fdSwitch_Semantic_Height:var(--fdSwitch_Height);--fdSwitch_Semantic_Error_Color:var(--sapButton_Track_Negative_BorderColor);--fdSwitch_Semantic_Success_Color:var(--sapButton_Track_Positive_BorderColor);--fdSwitch_Semantic_Hover_Error_Color:var(--sapButton_Track_Negative_BorderColor);--fdSwitch_Semantic_Hover_Success_Color:var(--sapButton_Track_Positive_BorderColor);--fdSwitch_Semantic_Handle_Offset:var(--fdSwitch_Handle_Offset);--fdSwitch_Semantic_Handle_Active_Offset:var(--fdSwitch_Active_Handle_Offset);--fdSwitch_Semantic_Handle_Box_Sizing:border-box;--fdSwitch_Semantic_Handle_Error_Color:var(--fdSwitch_Semantic_Error_Color);--fdSwitch_Semantic_Handle_Error_Hover_Color:var(--fdSwitch_Semantic_Hover_Error_Color);--fdSwitch_Semantic_Handle_Success_Color:var(--fdSwitch_Semantic_Success_Color);--fdSwitch_Semantic_Handle_Success_Hover_Color:var(--fdSwitch_Semantic_Hover_Success_Color);--fdSwitch_Semantic_Slider_Error_Background_Color:var(--sapButton_Track_Negative_Background);--fdSwitch_Semantic_Success_Handle_Background_Color:var(--sapButton_Handle_Positive_Background);--fdSwitch_Semantic_Success_Handle_Hover_Background_Color:var(--sapButton_Handle_Positive_Hover_Background);--fdSwitch_Semantic_Error_Handle_Background_Color:var(--sapButton_Handle_Negative_Background);--fdSwitch_Semantic_Error_Handle_Hover_Background_Color:var(--sapButton_Handle_Negative_Hover_Background);--fdSwitch_Semantic_Success_Handle_Border_Color:var(--sapButton_Handle_Positive_BorderColor);--fdSwitch_Semantic_Success_Handle_Hover_Border_Color:var(--sapButton_Handle_Positive_Hover_BorderColor);--fdSwitch_Semantic_Error_Handle_Border_Color:var(--sapButton_Handle_Negative_BorderColor);--fdSwitch_Semantic_Error_Handle_Hover_Border_Color:var(--sapButton_Handle_Negative_Hover_BorderColor);--fdSwitch_Semantic_Icon_Position:absolute;--fdSwitch_Icon_Size:var(--sapFontLargeSize);--fdSwitch_Icon_Error_Margin:0 0;--fdSwitch_Icon_Success_Margin:0 0;--fdSwitch_Compact_Icon_Size:var(--sapFontSize);--fdSwitch_Compact_Semantic_Width:var(--fdSwitch_Compact_Width);--fdSwitch_Compact_Semantic_Height:var(--fdSwitch_Compact_Height);--fdSwitch_Compact_Semantic_Handle_Width:var(--fdSwitch_Compact_Handle_Width);--fdSwitch_Compact_Semantic_Handle_Height:var(--fdSwitch_Compact_Handle_Height);--fdSwitch_Compact_Semantic_Handle_Offset:-0.8125rem;--fdSwitch_Compact_Semantic_Active_Handle_Offset:var(--fdSwitch_Compact_Active_Handle_Offset);--fdSwitch_Compact_Semantic_Active_Handle_Offset_Rtl:var(--fdSwitch_Compact_Handle_Offset);--fdSwitch_Text_Width:2.875rem;--fdSwitch_Text_Handle_Width:1.75rem;--fdSwitch_Text_Handle_Offset:-1.125rem;--fdSwitch_Text_Handle_Active_Offset:-0.25rem;--fdSwitch_Compact_Text_Width:2.75rem;--fdSwitch_Compact_Text_Height:1.25rem;--fdSwitch_Compact_Text_Handle_Width:1.75rem;--fdSwitch_Compact_Text_Handle_Offset:-0.5625rem;--fdSwitch_Compact_Text_Handle_Active_Offset:0.1875rem;--fdButton_Emphasized_Active_Outline:var(--sapContent_FocusColor);--fdButton_Ghost_Background:var(--sapButton_Background);--fdButton_Outline_Contrast:var(--sapContent_FocusColor);--fdButton_Outline_Offset:var(--sapButton_BorderWidth);--fdButton_Focus_Border_Radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Text_Shadow:none;--fdButton_Hover_Shadow:none;--fdButton_Border_Radius_Left:var(--sapButton_BorderCornerRadius);--fdButton_Border_Radius_Left_RTL:var(--sapButton_BorderCornerRadius);--fdButton_Border_Radius_Right:var(--sapButton_BorderCornerRadius);--fdButton_Border_Radius_Right_RTL:var(--sapButton_BorderCornerRadius);--fdButton_Border_Radius_Outline_Left:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Border_Radius_Outline_Left_RTL:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Border_Radius_Outline_Right:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Border_Radius_Outline_Right_RTL:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth));--fdButton_Vertical_Border_Radius_Left:var(--fdButton_Border_Radius_Left);--fdButton_Vertical_Border_Radius_Right:var(--fdButton_Border_Radius_Left);--fdButton_Segmented_Pad_Display:block;--fdButton_Segmented_Border_Offset:0;--fdButton_Menu_Offset:0;--fdButton_Menu_Emphasized_Margin:0;--fdButton_Menu_Border_Radius:var(--sapPopover_BorderCornerRadius);--fdButton_Menu_Separator_Display:block;--fdButton_Menu_Transparent_Separator_Height:1rem;--fdButton_Menu_Transparent_Separator_Display:block;--fdButton_Menu_Emphasized_Separator_Display:block;--fdButton_Menu_Emphasized_Hover_Separator_Display:none;--fdButton_Menu_Transparent_Border_Color:transparent;--fdButton_Menu_Default_Shadow_Color:var(--sapButton_BorderColor);--fdButton_Menu_Emphasized_Shadow_Color:var(--sapButton_Emphasized_BorderColor);--fdButton_Menu_Positive_Shadow_Color:var(--sapButton_Accept_BorderColor);--fdButton_Menu_Negative_Shadow_Color:var(--sapButton_Reject_BorderColor);--fdButton_Menu_Attention_Shadow_Color:var(--sapButton_Attention_BorderColor);--fdButton_ToolHeader_Color_Normal:var(--sapShell_InteractiveTextColor);--fdButton_ToolHeader_Color_Active:var(--sapContent_IconColor);--fdButton_ToolHeader_Background_Hover:var(--sapButton_Lite_Hover_Background);--fdButton_ToolHeader_Background_Active:var(--sapActiveColor);--fdButton_ToolHeader_Border_Color_Normal:transparent;--fdButton_ToolHeader_Border_Color_Hover:transparent;--fdButton_ToolHeader_Border_Color_Active:transparent;--fdButton_ToolHeader_Border_Color_Focus:transparent;--fdButton_ToolHeader_Border_Color_Disabled:transparent;--fdButton_ToolHeader_Border_Radius_Focus:0.375rem;--fdButton_ToolHeader_Badge_Border_Color:var(--sapShellColor);--fdButton_ToolHeader_Outline_Color:var(--sapContent_FocusColor);--fdButton_ToolHeader_Button_Size:2.5rem;--fdButton_ToolHeader_Button_Size_Compact:2rem;--fdButton_ToolHeader_Button_Border_Radius:0.375rem;--fdButton_Nested_Color_Active:var(--sapContent_IconColor);--fdButton_Nested_Background_Active:var(--sapActiveColor);--fdButton_Nested_Background_Focus:var(--sapButton_Background);--fdButton_Nested_Border_Color_Normal:transparent;--fdButton_Nested_Border_Color_Hover:transparent;--fdButton_Nested_Border_Color_Active:transparent;--fdButton_Nested_Border_Color_Focus:transparent;--fdButton_Nested_Border_Color_Disabled:transparent;--fdButton_Nested_Border_Radius_Focus:0.75rem;--fdButton_Split_Border_Color:transparent;--fdButton_Split_Background_Color:transparent;--fdGrid_List_Item_Hover_Border_Color:var(--sapTile_Interactive_BorderColor);--fdGrid_List_Item_Border_Radius:var(--sapTile_BorderCornerRadius);--fdGrid_List_Item_Toolbar_Shadow:none;--fdGrid_List_Item_Focus_Box_Shadow:inset 0 0 0 var(--sapContent_FocusWidth) var(--sapContent_FocusColor);--fdGrid_List_Item_Focus_Border:0.1775rem solid var(--sapList_Background);--fdGrid_List_Item_Focus_Outline_Offset:0;--fdIconTabBar_Overflow_Button_Background:var(--sapButton_Lite_Background);--fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_Lite_BorderColor);--fdIconTabBar_Overflow_Button_Text_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Text_Color);--fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Icon_Color);--fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Label_Color);--fdIconTabBar_Tag_Icon_Color:var(--fdIcon_Tab_Bar_Label_Color);--fdIconTabBar_Tag_Icon_Content:"";--fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Inactive_Tab_Icon_Color);--fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Icon_Border_Color);--fdIconTabBar_Icon_Background:transparent;--fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Selection_Bar_Color);--fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Badge_Color);--fdIconTabBar_Badge_Background_After:var(--sapContent_BadgeBackground);--fdIconTabBar_Arrow_Color:var(--sapTextColor);--fdIconTabBar_Multi_Click_Separator_Background:var(--sapTextColor);--fdIcon_Tab_Bar_Selection_Bar_Height:0.188rem;--fdIcon_Tab_Bar_Selection_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Selection_Bar_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Icon_Border_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Semantic_Icon_Display:none;--fdIcon_Tab_Bar_Semantic_Color_Positive:var(--sapPositiveElementColor);--fdIcon_Tab_Bar_Semantic_Color_Negative:var(--sapNegativeElementColor);--fdIcon_Tab_Bar_Semantic_Color_Critical:var(--sapCriticalElementColor);--fdIcon_Tab_Bar_Semantic_Color_Informative:var(--sapInformativeElementColor);--fdIcon_Tab_Bar_Semantic_Background_Color_Positive:var(--sapPositiveElementColor);--fdIcon_Tab_Bar_Semantic_Background_Color_Negative:var(--sapNegativeElementColor);--fdIcon_Tab_Bar_Semantic_Background_Color_Critical:var(--sapCriticalElementColor);--fdIcon_Tab_Bar_Semantic_Background_Color_Informative:var(--sapInformativeElementColor);--fdIcon_Tab_Bar_Badge_Color:var(--sapContent_BadgeBackground);--fdIcon_Tab_Bar_Semantic_Badge_Color_Positive:var(--sapPositiveElementColor);--fdIcon_Tab_Bar_Semantic_Badge_Color_Negative:var(--sapNegativeElementColor);--fdIcon_Tab_Bar_Semantic_Badge_Color_Critical:var(--sapCriticalElementColor);--fdIcon_Tab_Bar_Semantic_Badge_Color_Informative:var(--sapInformativeElementColor);--fdIcon_Tab_Bar_Overflow_Button_Hover_Box_Shadow:var(--sapContent_Interaction_Shadow);--fdIcon_Tab_Bar_Overflow_Button_Focus_Border_Radius:0.375rem;--fdIcon_Tab_Bar_Overflow_Button_Font_Family:var(--sapFontBoldFamily);--fdIcon_Tab_Bar_Overflow_Button_Text_Color:var(--sapTextColor);--fdIcon_Tab_Bar_Overflow_Button_Icon_Color:var(--sapTextColor);--fdIcon_Tab_Bar_Overflow_Button_Text_Color_Hover:var(--sapTextColor);--fdIcon_Tab_Bar_Overflow_Button_Icon_Color_Hover:var(--sapTextColor);--fdIcon_Tab_Bar_Inactive_Tab_Icon_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Label_Color:var(--sapTextColor);--fdIcon_Tab_Bar_Label_Hover_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Label_Font_Family:var(--sapFontBoldFamily);--fdIcon_Tab_Bar_Text_Focus_Radius:0.375rem;--fdIcon_Tab_Bar_Icon_Focus_Radius:50%;--fdIcon_Tab_Bar_Focus_Offset:-0.25rem;--fdIcon_Tab_Bar_Icon_Border_Weight:0.125rem;--fdIcon_Tab_Bar_Icon_Focus_Offset:-0.3125rem;--fdIcon_Tab_Bar_Separator_Color:var(--sapContent_Selected_ForegroundColor);--fdIcon_Tab_Bar_Single_Click_Icon_Container_Width:1.5rem;--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left:0.25rem;--fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right:0;--fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display:block;--fdIcon_Tab_Bar_Multi_Click_Button_Focus_Radius:0.25rem;--fdIconTabBar_Overflow_Button_Shell_Background:var(--sapButton_Background);--fdIconTabBar_Overflow_Button_Shell_Border_Color:var(--sapButton_BorderColor);--fdIconTabBar_Overflow_Button_Shell_Text_Color:var(--sapTextColor);--fdIconTabBar_Overflow_Button_Shell_Icon_Color:var(--sapTextColor);--fdIconTabBar_Overflow_Button_Shell_Background_Hover:var(--sapButton_Hover_Background);--fdIconTabBar_Overflow_Button_Shell_Border_Color_Hover:var(--sapButton_Hover_BorderColor);--fdIconTabBar_Overflow_Button_Shell_Text_Color_Hover:var(--sapTextColor);--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Hover:var(--sapTextColor);--fdIconTabBar_Overflow_Button_Shell_Background_Active:var(--sapButton_Active_Background);--fdIconTabBar_Overflow_Button_Shell_Border_Color_Active:var(--sapButton_Active_BorderColor);--fdIconTabBar_Overflow_Button_Shell_Text_Color_Active:var(--sapButton_Active_TextColor);--fdIconTabBar_Overflow_Button_Shell_Icon_Color_Active:var(--sapButton_Active_TextColor);--fdIconTabBar_Overflow_Button_Shell_Focus_Color:var(--sapContent_FocusColor);--fdIconTabBar_Button_Shell_Color:var(--sapTextColor);--fdIconTabBar_Button_Shell_Color_Hover:var(--sapTextColor);--fdIconTabBar_Button_Shell_Background_Color_Hover:var(--sapButton_Lite_Hover_Background);--fdIconTabBar_Button_Shell_Color_Active:var(--sapContent_Selected_ForegroundColor);--fdIconTabBar_Button_Shell_Background_Color_Active:var(--sapShell_Navigation_Active_Background);--fdIconTabBar_Button_Shell_Color_Selected:var(--sapContent_Selected_ForegroundColor);--fdIconTabBar_Button_Shell_Background_Color_Selected:var(--sapShell_Navigation_Background);--fdIconTabBar_Button_Shell_Focus_Color:var(--sapContent_ContrastFocusColor);--fdIconTabBar_Button_Active_Color:var(--sapContent_Selected_ForegroundColor);--fdIconTabBar_Button_Active_Focus_Color:var(--sapContent_FocusColor);--fdTable_Header_Cell_Hover_Background:var(--sapList_Hover_Background);--fdTable_Header_Cell_Active_Background:var(--sapList_Active_Background);--fdTable_Header_Cell_Hover_Active_Color:var(--sapList_HeaderTextColor);--fdTable_Header_Horizontal_Border:var(--sapList_BorderWidth) solid var(--sapList_HeaderBorderColor);--fdTable_Group_Header_Background:var(--sapList_TableGroupHeaderBackground);--fdTable_Border_Radius:0.5rem;--fdTable_Condensed_Focus_Outline_Offset:-0.0625rem;--fdDynamicPage_Title_Color:var(--sapObjectHeader_Title_TextColor);--fdDynamicPage_Title_Font_Size:var(--sapObjectHeader_Title_FontSize);--fdDynamicPage_Title_Collapsed_Font_Size:var(--sapObjectHeader_Title_SnappedFontSize);--fdDynamicPage_Title_Font_Family:var(--sapObjectHeader_Title_FontFamily);--fdDynamicPage_Subtitle_Color:var(--sapObjectHeader_Subtitle_TextColor);--fdDynamicPage_Button_Pin_Background:var(--sapObjectHeader_Background);--fdScrollbar_Track_Color:var(--sapScrollBar_TrackColor);--fdScrollbar_Thumb_Color:var(--sapScrollBar_FaceColor);--fdScrollbar_Thumb_Hover_Color:var(--sapScrollBar_Hover_FaceColor);--fdScrollbar_Dimension:var(--sapScrollBar_Dimension);--fdScrollbar_Thumb_Border_Radius:var(--sapScrollBar_Dimension);--fdScrollbar_Thumb_Offset:0.125rem;--fdScrollbar_Border_Radius:var(--sapPopover_BorderCornerRadius);--fdCard_Box_Shadow_Regular:var(--sapContent_Shadow0);--fdCard_Box_Shadow_Hover:var(--sapContent_Shadow2);--fdCard_Header_Border_Bottom:0.0625rem solid transparent;--fdCard_Footer_Border_Top:0.0625rem solid transparent;--fdCard_Counter_Margin:0.125rem;--fdCard_Footer_Padding:0.75rem;--fdCard_Footer_Actions_Item_Spacing:0.5rem;--fdCard_Title_Font_Size:var(--sapFontHeader6Size);--fdCard_Main_Header_Padding_Bottom:0.75rem;--fdSlider_Track_Height:0.25rem;--fdSlider_Track_BorderRadius:0.25rem;--fdSlider_Tick_Height:0.5rem;--fdSlider_Track_Background:var(--sapSlider_Background);--fdSlider_Track_Border_Color:var(--sapSlider_BorderColor);--fdSlider_Track_Border_Width:0;--fdSlider_Track_Active_Background:var(--sapSlider_Selected_Background);--fdSlider_Track_Active_Border:var(--sapSlider_Selected_BorderColor);--fdSlider_Track_Active_Box_Shadow:none;--fdSlider_Handle_Background:var(--sapSlider_HandleBackground);--fdSlider_Handle_Border_Radius:0.5rem;--fdSlider_Handle_Width:1.5rem;--fdSlider_Handle_Height:1.25rem;--fdSlider_Handle_Border:0.0625rem solid var(--sapSlider_HandleBorderColor);--fdSlider_Handle_Border_Hover_Color:var(--sapSlider_Hover_HandleBorderColor);--fdSlider_Handle_Active_Width:2.25rem;--fdSlider_Handle_Active_Height:2rem;--fdSlider_Handle_Icon_Display:block;--fdSlider_Mobile_Handle_Width:2rem;--fdSlider_Mobile_Handle_Height:1.5rem;--fdSlider_Mobile_Handle_Active_Size:2.75rem;--fdSlider_Hover_Handle_Background:var(--sapSlider_Hover_HandleBackground);--fdSlider_Hover_Handle_Border:0.0625rem solid var(--sapSlider_Hover_HandleBorderColor);--fdSlider_Active_Handle_Border:0.0625rem solid var(--sapSlider_Active_HandleBorderColor);--fdSlider_Active_Handle_Background:var(--sapSlider_Active_HandleBackground);--fdSlider_Focus_Handle_Background:var(--sapSlider_Active_RangeHandleBackground);--fdSlider_Focus_Handle_Border:var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);--fdSlider_Focus_Handle_Display:none;--fdSlider_Range_Handle_Background:var(--sapSlider_RangeHandleBackground);--fdSlider_Range_Handle_Border:0.0625rem solid var(--sapSlider_HandleBorderColor);--fdSlider_Range_Hover_Handle_Background:var(--sapSlider_Hover_HandleBackground);--fdSlider_Range_Hover_Handle_Border_Color:var(--sapSlider_Hover_HandleBorderColor);--fdSlider_Range_Active_Handle_Background:var(--sapSlider_Active_RangeHandleBackground);--fdSlider_Range_Active_Handle_Border_Color:var(--sapContent_FocusColor);--fdSlider_Range_Focus_Handle_Background:var(--sapSlider_Active_RangeHandleBackground);--fdSlider_Range_Focus_Handle_Border:var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);--fdSlider_Range_Track_Border_Radius:0.5rem;--fdSlider_Focus_Handle_Outline_Color:transparent;--fdSlider_Tick_Background:var(--sapContent_MeasureIndicatorColor);--fdSlider_Active_Tick_Background:var(--sapSlider_Selected_BorderColor);--fdSlider_Endpoint_Size:0.5rem;--fdSlider_Endpoint_Background:var(--sapContent_MeasureIndicatorColor);--fdSlider_Endpoint_Border:0.0625rem solid var(--sapContent_MeasureIndicatorColor);--fdSlider_Endpoint_Active_Background:var(--sapSlider_Selected_Background);--fdSlider_Endpoint_Active_Border:0.0625rem solid var(--sapContent_Selected_MeasureIndicatorColor);--fdSlider_Focus_Range_Outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--fdSplitter_Resizer_Border:none;--fdSplitter_Resizer_Grip_Border_Width:0;--fdSplitter_Resizer_Decoration_Background:var(--sapGroup_ContentBorderColor);--fdSplitter_Pagination_Item_Border_Width:var(--sapButton_BorderWidth);--fdInput_Box_Shadow_Hover:var(--sapField_Hover_Shadow);--fdInput_Outline_Color:var(--sapField_Active_BorderColor);--fdInput_Error_Background_Color_Hover:var(--sapField_Hover_Background);--fdInput_Error_Box_Shadow_Hover:var(--sapField_InvalidShadow);--fdInput_Error_Outline_Color:var(--sapField_InvalidColor);--fdInput_Warning_Background_Color_Hover:var(--sapField_Hover_Background);--fdInput_Warning_Box_Shadow_Hover:var(--sapContent_Critical_Shadow);--fdInput_Warning_Outline_Color:var(--sapField_WarningColor);--fdInput_Success_Background_Color_Hover:var(--sapField_Hover_Background);--fdInput_Success_Box_Shadow_Hover:var(--sapContent_Positive_Shadow);--fdInput_Success_Outline_Color:var(--sapField_SuccessColor);--fdInput_Information_Background_Color_Hover:var(--sapField_Hover_Background);--fdInput_Information_Box_Shadow_Hover:var(--sapContent_Informative_Shadow);--fdInput_Information_Outline_Color:var(--sapField_InformationColor);--fdInput_Non_Interactive_State_Placeholder_Color:var(--sapField_PlaceholderTextColor);--fdInput_Group_Button_Border_Raduis:var(--sapField_BorderCornerRadius);--fdInput_Group_Button_Background:transparent;--fdInput_Group_Button_Text_Color:var(--sapField_TextColor);--fdInput_Group_Button_Box_Shadow:var(--sapField_Hover_Shadow);--fdInput_Group_Button_Hover_Background:transparent;--fdInput_Group_Button_Hover_Text_Color:var(--sapField_TextColor);--fdInput_Group_Button_Active_Background:transparent;--fdInput_Group_Button_Active_Text_Color:var(--sapButton_Selected_TextColor);--fdInput_Group_Button_Success_Active_Text_Color:var(--sapButton_Accept_Selected_TextColor);--fdInput_Group_Button_Success_Active_Box_Shadow:var(--sapContent_Positive_Shadow);--fdInput_Group_Button_Error_Active_Text_Color:var(--sapButton_Reject_Selected_TextColor);--fdInput_Group_Button_Error_Active_Box_Shadow:var(--sapContent_Negative_Shadow);--fdInput_Group_Button_Warning_Active_Text_Color:var(--sapButton_Attention_Selected_TextColor);--fdInput_Group_Button_Warning_Active_Box_Shadow:var(--sapContent_Critical_Shadow);--fdInput_Group_Button_Information_Active_Text_Color:var(--sapButton_Selected_TextColor);--fdInput_Group_Button_Information_Active_Box_Shadow:var(--sapContent_Informative_Shadow);--fdInput_Outline_Offset_Focus_Within:-0.125rem;--fdInput_Outline_Border_Radius:0.2rem;--fdWizard_Optional_Text_Color:var(--sapContent_LabelColor);--fdWizard_Label_Font_Family:var(--sapFontBoldFamily);--fdWizard_Label_Font_Weight:bold;--fdWizard_Completed_Step_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Completed_Step_Label_Color:var(--sapTextColor);--fdWizard_Completed_Step_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor);--fdWizard_Completed_Step_Icon_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Current_Step_Color:var(--sapContent_ContrastTextColor);--fdWizard_Current_Step_Label_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Current_Step_Icon_Color:var(--sapContent_ContrastIconColor);--fdWizard_Current_Step_Background_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Current_Step_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor);--fdWizard_Upcoming_Step_Color:var(--sapContent_LabelColor);--fdWizard_Upcoming_Step_Icon_Color:var(--sapContent_LabelColor);--fdWizard_Active_Step_Color:var(--sapContent_ContrastTextColor);--fdWizard_Active_Step_Icon_Color:var(--sapContent_ContrastIconColor);--fdWizard_Active_Step_Border_Color:var(--sapActiveColor);--fdWizard_Connector_Active_Border_Color:var(--sapContent_Selected_ForegroundColor);--fdWizard_Content_Solid_Background:var(--sapShell_Background);--fdWizard_Content_List_Background:var(--sapGroup_ContentBackground);--fdWizard_Content_Transparent_Background:transparent;--fdWizard_Selection_Bar_Height:0.188rem;--fdWizard_Selection_Bar_Background:var(--sapSelectedColor);--fdWizard_Step_Indicator_Margin_Right:0.5rem;--fdWizard_Step_Content_Container_Background_Color:var(--sapGroup_ContentBackground);--fdWizard_Step_Content_Container_Spacing:1rem;--fdPanel_Border_Radius:var(--sapElement_BorderCornerRadius);--fdPanel_Title_Font_Size:var(--sapGroup_Title_FontSize);--fdPanel_Content_Background_Color:var(--sapGroup_ContentBackground);--fdPanel_Margin_Bottom:0.5rem;--fdPanel_Content_Border_Bottom_Color:transparent;--fdCarousel_Pagination_Border:0.0625rem solid var(--sapList_BorderColor);--fdCarousel_Dot_Size:0.25rem;--fdCarousel_Dot_Margin:0.375rem;--fdCarousel_Dot_Background:var(--sapContent_ForegroundBorderColor);--fdCarousel_Dot_Selected_Background:var(--sapContent_Selected_ForegroundColor);--fdCarousel_Dot_Border:0.0625rem solid var(--sapContent_ForegroundBorderColor);--fdCarousel_Dot_Selected_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor);--fdFeed_List_Item_Background:var(--sapList_Background);--fdFeed_List_Item_Padding:1rem 1rem 0.5rem;--fdFeed_List_Item_Border_Top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--fdFeed_List_Item_Border_Bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--fdBusy_Indicator_Dot_Color:#0070f2;--fdBusy_Indicator_Dot_Contrast_Color:var(--sapContent_ContrastIconColor);--fdMenu_Active_State_Focus:var(--sapContent_FocusColor);--fdMenu_Affordance_Arrow_Size:1rem;--fdMenu_Shortcut_Color_Regular:var(--sapContent_LabelColor);--fdMenu_Shortcut_Color_Active:var(--sapContent_LabelColor);--fdMenu_Shortcut_Color_Selected:var(--sapContent_LabelColor);--fdMenu_Shortcut_Color_Selected_Hover:var(--sapContent_LabelColor);--fdMenu_Text_Color_Active:var(--sapList_TextColor);--fdCheckbox_Tristate_Size:0.75rem;--fdCheckbox_Tristate_Offset:0.3125rem;--fdCheckbox_Tristate_Compact_Size:0.5rem;--fdCheckbox_Tristate_Compact_Offset:0.25rem;--fdCheckbox_Padding:0.6875rem;--fdCheckbox_Compact_Padding:0.5rem;--fdCheckbox_Dimensions:1.375rem;--fdCheckbox_Compact_Dimensions:1rem;--fdCheckbox_Background_Color:var(--sapField_Background);--fdCheckbox_Hover_Background_Color:var(--sapContent_Selected_Hover_Background);--fdCheckbox_Inner_Border_Width:var(--sapField_BorderWidth);--fdCheckbox_Inner_Border_Style:var(--sapField_Selector_BorderStyle);--fdCheckbox_Inner_Border_Color:var(--sapField_BorderColor);--fdCheckbox_Check_Mark_Color:var(--sapContent_Selected_ForegroundColor);--fdCheckbox_Focus_Outline_Offset:0.25rem;--fdCheckbox_Outline_Border_Radius:0.8rem;--fdCheckbox_Compact_Outline_Border_Radius:0.5rem;--fdCheckbox_Background_Color_Default:var(--sapField_Background);--fdCheckbox_Inner_Border_Width_Default:var(--sapField_BorderWidth);--fdCheckbox_Inner_Border_Style_Default:var(--sapField_Selector_BorderStyle);--fdCheckbox_Inner_Border_Color_Default:var(--sapField_BorderColor);--fdCheckbox_Check_Mark_Color_Default:var(--sapContent_Selected_ForegroundColor);--fdCheckbox_Background_Color_Default_Hover:var(--sapContent_Selected_Hover_Background);--fdCheckbox_Inner_Border_Width_Default_Hover:var(--sapField_BorderWidth);--fdCheckbox_Inner_Border_Style_Default_Hover:var(--sapField_Selector_BorderStyle);--fdCheckbox_Inner_Border_Color_Default_Hover:var(--sapField_Hover_BorderColor);--fdCheckbox_Check_Mark_Color_Default_Hover:var(--sapContent_Selected_ForegroundColor);--fdCheckbox_Background_Color_ReadOnly:var(--sapField_ReadOnly_Background);--fdCheckbox_Inner_Border_Width_ReadOnly:var(--sapElement_BorderWidth);--fdCheckbox_Inner_Border_Style_ReadOnly:var(--sapField_Selector_ReadOnly_BorderStyle);--fdCheckbox_Inner_Border_Color_ReadOnly:var(--sapField_ReadOnly_BorderColor);--fdCheckbox_Check_Mark_Color_ReadOnly:var(--sapField_TextColor);--fdCheckbox_Background_Color_Error:var(--sapField_InvalidBackground);--fdCheckbox_Inner_Border_Width_Error:var(--sapField_InvalidBorderWidth);--fdCheckbox_Inner_Border_Style_Error:var(--sapField_Selector_InvalidBorderStyle);--fdCheckbox_Inner_Border_Color_Error:var(--sapField_InvalidColor);--fdCheckbox_Check_Mark_Color_Error:var(--sapField_InvalidColor);--fdCheckbox_Background_Color_Error_Hover:var(--sapField_Hover_Background);--fdCheckbox_Background_Color_Warning:var(--sapField_WarningBackground);--fdCheckbox_Inner_Border_Width_Warning:var(--sapField_WarningBorderWidth);--fdCheckbox_Inner_Border_Style_Warning:var(--sapField_Selector_WarningBorderStyle);--fdCheckbox_Inner_Border_Color_Warning:var(--sapField_WarningColor);--fdCheckbox_Check_Mark_Color_Warning:var(--sapField_WarningColor);--fdCheckbox_Background_Color_Warning_Hover:var(--sapField_Hover_Background);--fdCheckbox_Background_Color_Success:var(--sapField_SuccessBackground);--fdCheckbox_Inner_Border_Width_Success:var(--sapField_SuccessBorderWidth);--fdCheckbox_Inner_Border_Style_Success:var(--sapField_Selector_SuccessBorderStyle);--fdCheckbox_Inner_Border_Color_Success:var(--sapField_SuccessColor);--fdCheckbox_Check_Mark_Color_Success:var(--sapField_SuccessColor);--fdCheckbox_Background_Color_Success_Hover:var(--sapField_Hover_Background);--fdCheckbox_Background_Color_Information:var(--sapField_InformationBackground);--fdCheckbox_Inner_Border_Width_Information:var(--sapField_InformationBorderWidth);--fdCheckbox_Inner_Border_Style_Information:var(--sapField_Selector_InformationBorderStyle);--fdCheckbox_Inner_Border_Color_Information:var(--sapField_InformationColor);--fdCheckbox_Check_Mark_Color_Information:var(--sapField_InformationColor);--fdCheckbox_Background_Color_Information_Hover:var(--sapField_Hover_Background);--fdRadio_Inner_Circle_Diameter:1.375rem;--fdRadio_Compact_Inner_Circle_Diameter:1rem;--fdRadio_Outer_Circle_Padding:0.6875rem;--fdRadio_Compact_Outer_Circle_Padding:0.5rem;--fdRadio_Background_Color:var(--sapField_Background);--fdRadio_Inner_Border_Width:var(--sapField_BorderWidth);--fdRadio_Inner_Border_Style:var(--sapField_Selector_BorderStyle);--fdRadio_Inner_Border_Color:var(--sapField_BorderColor);--fdRadio_Active_Dot_Color:var(--sapContent_Selected_ForegroundColor);--fdRadio_Hover_Background_Color:var(--sapContent_Selected_Hover_Background);--fdRadio_Inner_Content_Size:0.75rem;--fdRadio_Inner_Content_Size_Compact:0.5rem;--fdRadio_Inner_Content_Padding:1rem;--fdRadio_Inner_Content_Padding_Compact:0.75rem;--fdRadio_Focus_Outline_Offset:0.25rem;--fdRadio_Outline_Border_Radius:0.8rem;--fdRadio_Compact_Outline_Border_radius:0.5rem;--fdRadio_Background_Color_Default:var(--sapField_Background);--fdRadio_Inner_Border_Width_Default:var(--sapField_BorderWidth);--fdRadio_Inner_Border_Style_Default:var(--sapField_Selector_BorderStyle);--fdRadio_Inner_Border_Color_Default:var(--sapField_BorderColor);--fdRadio_Active_Dot_Color_Default:var(--sapContent_Selected_ForegroundColor);--fdRadio_Background_Color_Default_Hover:var(--sapContent_Selected_Hover_Background);--fdRadio_Inner_Border_Width_Default_Hover:var(--sapField_BorderWidth);--fdRadio_Inner_Border_Style_Default_Hover:var(--sapField_Selector_BorderStyle);--fdRadio_Inner_Border_Color_Default_Hover:var(--sapField_Hover_BorderColor);--fdRadio_Active_Dot_Color_Default_Hover:var(--sapContent_Selected_ForegroundColor);--fdRadio_Background_Color_ReadOnly:var(--sapField_ReadOnly_Background);--fdRadio_Inner_Border_Width_ReadOnly:var(--sapElement_BorderWidth);--fdRadio_Inner_Border_Style_ReadOnly:var(--sapField_Selector_ReadOnly_BorderStyle);--fdRadio_Inner_Border_Color_ReadOnly:var(--sapField_ReadOnly_BorderColor);--fdRadio_Active_Dot_Color_ReadOnly:var(--sapField_TextColor);--fdRadio_Background_Color_Error:var(--sapField_InvalidBackground);--fdRadio_Inner_Border_Width_Error:var(--sapField_InvalidBorderWidth);--fdRadio_Inner_Border_Style_Error:var(--sapField_Selector_InvalidBorderStyle);--fdRadio_Inner_Border_Color_Error:var(--sapField_InvalidColor);--fdRadio_Active_Dot_Color_Error:var(--sapField_InvalidColor);--fdRadio_Background_Color_Error_Hover:var(--sapField_Hover_Background);--fdRadio_Background_Color_Warning:var(--sapField_WarningBackground);--fdRadio_Inner_Border_Width_Warning:var(--sapField_WarningBorderWidth);--fdRadio_Inner_Border_Style_Warning:var(--sapField_Selector_WarningBorderStyle);--fdRadio_Inner_Border_Color_Warning:var(--sapField_WarningColor);--fdRadio_Active_Dot_Color_Warning:var(--sapField_WarningColor);--fdRadio_Background_Color_Warning_Hover:var(--sapField_Hover_Background);--fdRadio_Background_Color_Success:var(--sapField_SuccessBackground);--fdRadio_Inner_Border_Width_Success:var(--sapField_SuccessBorderWidth);--fdRadio_Inner_Border_Style_Success:var(--sapField_Selector_SuccessBorderStyle);--fdRadio_Inner_Border_Color_Success:var(--sapField_SuccessColor);--fdRadio_Active_Dot_Color_Success:var(--sapField_SuccessColor);--fdRadio_Background_Color_Success_Hover:var(--sapField_Hover_Background);--fdRadio_Background_Color_Information:var(--sapField_InformationBackground);--fdRadio_Inner_Border_Width_Information:var(--sapField_InformationBorderWidth);--fdRadio_Inner_Border_Style_Information:var(--sapField_Selector_InformationBorderStyle);--fdRadio_Inner_Border_Color_Information:var(--sapField_InformationColor);--fdRadio_Active_Dot_Color_Information:var(--sapField_InformationColor);--fdRadio_Background_Color_Information_Hover:var(--sapField_Hover_Background);--fdLink_Text_Content_Decoration:var(--sapLink_TextDecoration);--fdLink_Text_Content_Decoration_Subtle:underline;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:underline;--fdLink_Text_Content_Decoration_Hover:var(--sapLink_Hover_TextDecoration);--fdLink_Text_Content_Decoration_Focus:underline;--fdLink_Text_Content_Decoration_Active:var(--sapLink_Active_TextDecoration);--fdLink_Text_Content_Decoration_Visited:var(--sapLink_TextDecoration);--fdLink_Text_Content_Decoration_Disabled:var(--sapLink_TextDecoration);--fdLink_Text_Focus_Color:var(--sapContent_ContrastTextColor);--fdLink_Focus_Background:var(--sapContent_FocusColor);--fdLink_Focus_Border_Radius:0.125rem;--fdLink_Focus_Text_Shadow:none;--fdLink_Hover_Outline_Offset:0;--fdLink_Hover_Outline_Width:0;--fdLink_Hover_Outline_Color:unset;--fdLink_Hover_Outline_Style:none;--fdLink_Display:inline-flex;--fdVerticalNav_Border_Corner_Radius:var(--sapElement_BorderCornerRadius);--fdVerticalNav_Text_Shadow:none;--fdVerticalNav_Icon_Color:var(--sapHighlightColor);--fdVerticalNav_Item_Expanded_Box_Shadow:none;--fdVerticalNav_Item_Expanded_Border_Radius:none;--fdVerticalNav_Item_Expanded_Margin:0;--fdVerticalNav_Item_Expanded_Padding_Left:0.75rem;--fdVerticalNavigation_Indicator_Spacing:0;--fdVerticalNav_Item_Expandable_Margin_Block:0;--fdVerticalNav_Item_Border_Top_Bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--fdVerticalNav_Expanded_Item_Margin_Left:-0.75rem;--fdVerticalNav_Item_Text_Spacing:2.75rem;--fdVerticalNav_Item_Focus_Outline_Offset:-0.3125rem;--fdVerticalNav_Indicator_Height:2rem;--fdVerticalNav_Item_Indicator_Top:0;--fdVerticalNav_Item_Indicator_Height:2.75rem;--fdVerticalNav_Item_Text_No_Icon_Margin:1rem;--fdVerticalNav_Item_Child_Text_Color:var(--sapList_TextColor);--fdVerticalNav_Item_Indicated_Outline_Offset:-0.375rem;--fdRating_Indicator_Selected_Hover_Opacity:0.9;--fdRating_Indicator_Display_Only_Selected_Color:var(--sapTextColor);--fdRating_Indicator_Disabled_Selected_Color:var(--sapContent_RatedColor);--fdRating_Indicator_Disabled_Unselected_Color:var(--sapContent_UnratedColor);--fdRating_Indicator_Disabled_Control_Opacity:0.4;--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio:0.75;--fdRating_Indicator_Border_Radius:0.25rem;--fdRating_Indicator_Focus_Outline_Offset:0.125rem;--fdSelect_Expanded_Button_Border_Left_Color:transparent;--fdSelect_Expanded_Button_Border_Left_Color_Hover:transparent;--fdTile_Border:0.0625rem solid var(--sapTile_BorderColor);--fdTile_Hover_Box_Shadow:var(--sapContent_Shadow2);--fdTile_Hover_Border:var(--fdTile_Border);--fdTile_Title_Font_Size:var(--sapFontHeader6Size);--fdTile_Title_Font_Weight:bold;--fdSlide_Tile_Title_Font_Weight:bold;--fdSlide_Tile_Title_Color:var(--sapTile_OverlayForegroundColor);--fdSlide_Tile_Title_Text_Shadow:none;--fdSlide_Tile_Background_Color:var(--sapTile_OverlayBackground);--fdSlide_Tile_Background_Opacity:1;--fdSlide_Tile_Indicator_Dot_Size:0.375rem;--fdSlide_Tile_Indicator_Ative_Dot_Size:0.375rem;--fdSlide_Tile_Indicator_Dot_Spacing:0.188rem;--fdSlide_Tile_Indicator_Dot_Color:transparent;--fdSlide_Tile_Indicator_Active_Dot_Color:var(--sapTile_OverlayForegroundColor);--fdSlide_Tile_Indicator_Dot_Border:solid 0.0625rem var(--sapTile_OverlayForegroundColor);--fdSlide_Tile_Indicator_Dot_Opacity:0.6;--fdSlide_Tile_Indicator_Dot_Shadow:0 0 0.125rem var(--sapContent_ShadowColor);--fdSlide_Tile_Indicator_Active_Dot_Border:none;--fdSlide_Tile_Indicator_Active_Dot_Shadow:0 0 0.063rem var(--sapContent_ShadowColor);--fdProgress_Indicator_Height:2rem;--fdProgress_Indicator_Background_Color_Neutral:var(--sapProgress_Value_Background);--fdProgress_Indicator_Background_Color_Informative:var(--sapProgress_Value_InformationBackground);--fdProgress_Indicator_Background_Color_Positive:var(--sapProgress_Value_PositiveBackground);--fdProgress_Indicator_Background_Color_Negative:var(--sapProgress_Value_NegativeBackground);--fdProgress_Indicator_Background_Color_Critical:var(--sapProgress_Value_CriticalBackground);--fdProgress_Indicator_Container_Background_Neutral:var(--sapProgress_Background);--fdProgress_Indicator_Container_Background_Informative:var(--sapProgress_InformationBackground);--fdProgress_Indicator_Container_Background_Positive:var(--sapProgress_PositiveBackground);--fdProgress_Indicator_Container_Background_Negative:var(--sapProgress_NegativeBackground);--fdProgress_Indicator_Container_Background_Critical:var(--sapProgress_CriticalBackground);--fdProgress_Indicator_Container_Border_Neutral:var(--sapProgress_BorderColor);--fdProgress_Indicator_Container_Border_Informative:var(--sapProgress_InformationBorderColor);--fdProgress_Indicator_Container_Border_Positive:var(--sapProgress_PositiveBorderColor);--fdProgress_Indicator_Container_Border_Critical:var(--sapProgress_CriticalBorderColor);--fdProgress_Indicator_Container_Border_Negative:var(--sapProgress_NegativeBorderColor);--fdProgress_Indicator_Border_Right:var(--fdProgress_Indicator_Progress_Bar_Border);--fdProgress_Icon_Space_Before_Label:0;--fdProgress_Icon_Informative:"";--fdProgress_Icon_Positive:"";--fdProgress_Icon_Negative:"";--fdProgress_Icon_Critical:"";--fdProgress_Icon_Color_Informative:var(--sapProgress_Value_InformationTextColor);--fdProgress_Icon_Color_Positive:var(--sapProgress_Value_PositiveTextColor);--fdProgress_Icon_Color_Critical:var(--sapProgress_Value_CriticalTextColor);--fdProgress_Icon_Color_Negative:var(--sapProgress_Value_NegativeTextColor);--fdProgress_Indicator_Container_Position:relative;--fdProgress_Indicator_Container_Height:0.375rem;--fdProgress_Indicator_Container_Margin_Block:1.25rem 0.375rem;--fdProgress_Indicator_Container_Margin_Inline:0;--fdProgress_Indicator_Container_Overflow:visible;--fdProgress_Indicator_Progress_Bar_Border:0.0625rem solid;--fdProgress_Indicator_Progress_Bar_Border_Color_Neutral:var(--sapProgress_Value_BorderColor);--fdProgress_Indicator_Progress_Bar_Border_Color_Informative:var(--sapProgress_Value_InformationBorderColor);--fdProgress_Indicator_Progress_Bar_Border_Color_Positive:var(--sapProgress_Value_PositiveBorderColor);--fdProgress_Indicator_Progress_Bar_Border_Color_Negative:var(--sapProgress_Value_NegativeBorderColor);--fdProgress_Indicator_Progress_Bar_Border_Color_Critical:var(--sapProgress_Value_CriticalBorderColor);--fdProgress_Indicator_Progress_Bar_Height:0.625rem;--fdProgress_Indicator_Progress_Bar_Margin_Block:-0.1875rem 0;--fdProgress_Indicator_Progress_Bar_Border_Radius:0.5rem;--fdProgress_Indicator_Progress_Bar_Position:absolute;--fdProgress_Indicator_Progress_Bar_Position_Left:-0.0625rem;--fdProgress_Indicator_Progress_Bar_Position_Bottom:-0.1875rem;--fdProgress_Indicator_Progress_Bar_Boundary_Display:inline-block;--fdProgress_Indicator_Progress_Bar_Popover_Control_Border:var(--fdProgress_Indicator_Progress_Bar_Border);--fdProgress_Indicator_Label_Color:var(--sapField_TextColor);--fdProgress_Indicator_Label_Color_Contrast:var(--sapField_TextColor);--fdProgress_Indicator_Label_Margin_Start:0;--fdProgress_Indicator_Label_Margin_End:0;--fdProgress_Indicator_Label_Position:absolute;--fdProgress_Indicator_Label_Font_Size:var(--sapProgress_FontSize);--fdProgress_Indicator_Icon_Position:absolute;--fdProgress_Indicator_Icon_Font_Size:var(--sapFontLargeSize);--fdProgress_Indicator_Container_Width:calc(100% - 1.25rem);--fdMessage_Box_Shadow:var(--sapContent_Shadow1);--fdMessage_Border:none;--fdMessage_Border_Radius:var(--sapPopover_BorderCornerRadius);--fdMessage_Icon_Display:block;--fdInfo_Label_Border_Color1:var(--sapAvatar_1_Background);--fdInfo_Label_Border_Color2:var(--sapAvatar_2_Background);--fdInfo_Label_Border_Color3:var(--sapAvatar_3_Background);--fdInfo_Label_Border_Color4:var(--sapAvatar_4_Background);--fdInfo_Label_Border_Color5:var(--sapAvatar_5_Background);--fdInfo_Label_Border_Color6:var(--sapAvatar_6_Background);--fdInfo_Label_Border_Color7:var(--sapAvatar_7_Background);--fdInfo_Label_Border_Color8:var(--sapAvatar_8_Background);--fdInfo_Label_Border_Color9:var(--sapAvatar_9_Background);--fdInfo_Label_Border_Color10:var(--sapAvatar_10_Background);--fdInfo_Label_Background_Color1:var(--sapAvatar_1_Background);--fdInfo_Label_Background_Color2:var(--sapAvatar_2_Background);--fdInfo_Label_Background_Color3:var(--sapAvatar_3_Background);--fdInfo_Label_Background_Color4:var(--sapAvatar_4_Background);--fdInfo_Label_Background_Color5:var(--sapAvatar_5_Background);--fdInfo_Label_Background_Color6:var(--sapAvatar_6_Background);--fdInfo_Label_Background_Color7:var(--sapAvatar_7_Background);--fdInfo_Label_Background_Color8:var(--sapAvatar_8_Background);--fdInfo_Label_Background_Color9:var(--sapAvatar_9_Background);--fdInfo_Label_Background_Color10:var(--sapAvatar_10_Background);--fdInfo_Label_Color1:var(--sapAvatar_1_TextColor);--fdInfo_Label_Color2:var(--sapAvatar_2_TextColor);--fdInfo_Label_Color3:var(--sapAvatar_3_TextColor);--fdInfo_Label_Color4:var(--sapAvatar_4_TextColor);--fdInfo_Label_Color5:var(--sapAvatar_5_TextColor);--fdInfo_Label_Color6:var(--sapAvatar_6_TextColor);--fdInfo_Label_Color7:var(--sapAvatar_7_TextColor);--fdInfo_Label_Color8:var(--sapAvatar_8_TextColor);--fdInfo_Label_Color9:var(--sapAvatar_9_TextColor);--fdInfo_Label_Color10:var(--sapAvatar_10_TextColor);--fdInfo_Label_Border_Radius:0.25rem;--fdInfo_Label_Border_Radius_Display:0.1875rem;--fdInfo_Label_Height:1.375rem;--fdInfo_Label_Height_Display:1rem;--fdFileUploaderButtonsSpacing:0.125rem;--fdVariantManagementHeadingColor:var(--sapLinkColor);--fdVariantManagementHeadingHoverColor:var(--sapLink_Hover_Color);--fdVariantManagementHeadingActiveColor:var(--sapLink_Active_Color);--fdShellbar_Height:3.25rem;--fdShellbar_Shadow:inset 0 -0.0625rem 0 0 var(--sapShell_BorderColor);--fdShellbar_Button_Hover_Border_Color:var(--sapButton_Lite_Hover_BorderColor);--fdShellbar_Button_Active_Border_Color:var(--sapButton_Lite_Active_BorderColor);--fdShellbar_Search_Border:none;--fdShellbar_Search_Category_Border:none;--fdShellbar_Search_Category_Border_width:0;--fdShellbar_Search_Category_Offset_Left:0.25rem;--fdShellbar_Search_Category_Offset_Right:var(--fdShellbar_Search_Category_Offset_Left);--fdShellbar_Search_Category_Button_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Search_Hover_Category_Button_Background:var(--fdShellbar_Search_Category_Button_Hover_Background);--fdShellbar_Search_Input_Border:none;--fdShellbar_Search_Container_Background:var(--sapShell_InteractiveBackground);--fdShellbar_Search_Container_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Input_Background:var(--sapShell_InteractiveBackground);--fdShellbar_Input_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Input_Color:var(--sapShell_InteractiveTextColor);--fdShellbar_Input_Placeholder_Color:var(--sapField_PlaceholderTextColor);--fdShellbar_Input_Border_Radius:1.125rem;--fdShellbar_Input_Hover_Border_Color:var(--sapField_BorderColor);--fdShellbar_Input_Addon_Dimension:1.75rem;--fdShellbar_Input_Addon_Border_Width:var(--sapButton_BorderWidth);--fdShellbar_Search_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Search_Height:1.75rem;--fdShellbar_Search_Separator_Display:block;--fdShellbar_Search_Button_Hover_Background:var(--fdShellbar_Input_Hover_Background);--fdShellbar_Search_Active_Button_Background:var(--sapButton_Lite_Active_BorderColor);--fdShellbar_Search_Active_Button_Hover_Background:var(--fdShellbar_Search_Active_Button_Background);--fdShellbar_Search_Active_Button_Color:var(--sapButton_Emphasized_TextColor);--fdShellbar_Active_Background:var(--sapShell_Active_Background);--fdShellbar_Active_Shadow:0 0 0 0.125rem var(--sapButton_Lite_Active_BorderColor);--fdShellbar_Search_Active_Outline:none;--fdShellbar_Input_Border:none;--fdShellbar_Input_Focus_Color:var(--sapShell_InteractiveTextColor);--fdShellbar_Input_Focus_Background:transparent;--fdShellbar_Input_Placeholder_Style:italic;--fdShellbar_Button_Left_Border:0.0625rem solid var(--sapButton_Lite_Hover_BorderColor);--fdShellbar_Input_Group_Background:0 100%/100% 0.0625rem no-repeat linear-gradient(0deg,var(--sapField_BorderColor),var(--sapField_BorderColor)) border-box;--fdShellbar_Input_Group_Hover_Background:0 100%/100% 0.0625rem no-repeat linear-gradient(0deg,var(--sapField_Hover_BorderColor),var(--sapField_Hover_BorderColor)) border-box;--fdShellbar_Helper_Bottom_Shadow:inset 0 -0.0625rem 0 var(--sapField_BorderColor);--fdShellbar_Hover_Helper_Bottom_Shadow:inset 0 -0.0625rem 0 var(--sapField_Hover_BorderColor);--fdShellbar_Helper_Display:block;--fdShellbar_Search_Input_X_Padding:0.9rem;--fdShellbar_Title_Color:var(--sapShell_SubBrand_TextColor);--fdShellbar_Subtitle_Color:var(--sapObjectHeader_Subtitle_TextColor);--fdShellbar_Branding_Hover_Background:var(--sapShell_Hover_Background);--fdShellbar_Branding_Active_Background:var(--sapButton_Lite_Active_Background);--fdShellbar_Branding_Hover_Border_Color:var(--sapButton_Lite_Hover_BorderColor);--fdShellbar_Branding_Active_Border_Color:var(--sapButton_Lite_Active_BorderColor);--fdShellbar_Button_Outline_Color:var(--sapContent_FocusColor);--fdShellbar_SearchField_Shadow:var(--sapField_Shadow);--fdShellbar_SearchField_Border_Radius:1.125rem;--fdShellbar_SearchField_Background_Color_Hover:var(--sapShell_Hover_Background);--fdShellbar_SearchField_Background_Color_Active:var(--sapShell_Active_Background);--fdShellbar_SearchField_Input_Border:none;--fdShellbar_SearchField_Input_Border_Hover:none;--fdShellbar_SearchField_Input_Border_Active:none;--fdShellbar_SearchField_Input_Background_Regular:transparent;--fdShellbar_SearchField_Input_Background_Hover:transparent;--fdShellbar_SearchField_Input_Background_Active:transparent;--fdShellbar_SearchField_Input_Background_Focus:transparent;--fdShellbar_SearchField_Input_Outline:none;--fdShellbar_SearchField_Input_Border_Radius:0;--fdShellbar_SearchField_Input_Outline_Offset:0;--fdShellbar_SearchField_Input_Padding_Inline:0.875rem 0.25rem;--fdShellbar_SearchField_Input_Text_Color:var(--sapField_TextColor);--fdShellbar_SearchField_Input_Placeholder_TextColor:var(--sapField_PlaceholderTextColor);--fdShellbar_SearchField_Addon_Margin_Inline:0 0.25rem;--fdShellbar_SearchField_Button_Width:1.75rem;--fdShellbar_SearchField_Button_Height:var(--sapElement_Compact_Height);--fdShellbar_SearchField_Button_Border_Radius:1.063rem;--fdShellbar_SearchField_Button_Focus_Inset:-0.0625rem;--fdShellbar_SearchField_Submit_Button_Color:var(--sapButton_Emphasized_TextColor);--fdShellbar_SearchField_Submit_Button_Background_Color:var(--sapButton_Emphasized_Background);--fdShellbar_SearchField_Submit_Button_Background_Color_Hover:var(--sapButton_Emphasized_Hover_Background);--fdShellbar_SearchField_Submit_Button_Border_Color:var(--sapButton_Emphasized_BorderColor);--fdShellbar_SearchField_Submit_Button_Border_Color_Hover:var(--sapButton_Emphasized_Hover_BorderColor);--fdShell_Search_Field_Category_Divider_Display:block;--fdShell_Search_Field_Category_Margin_End:0;--fdShell_Search_Dropdown_Height:var(--sapElement_Compact_Height);--fdShell_Search_Dropdown_Border_Radius:1.125rem;--fdShell_Search_Dropdown_Button_Radius:1.125rem;--fdShell_Search_Dropdown_Box_Shadow_Hover:var(--sapField_Hover_Shadow);--fdShell_Search_Dropdown_Active_Background:var(--sapShell_Active_Background);--fdShell_Search_Dropdown_Hover_Background:var(--sapShell_Hover_Background);--fdShell_Search_Category_Border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--fdGenericTag_Spacing_Outline_Offset:0;--fdGenericTag_Icon_Color_Hover_Error:var(--sapNegativeElementColor);--fdGenericTag_Icon_Color_Hover_Warning:var(--sapCriticalElementColor);--fdGenericTag_Icon_Color_Hover_Success:var(--sapPositiveElementColor);--fdGenericTag_Icon_Color_Hover_Information:var(--sapInformativeElementColor);--fdGenericTag_Icon_Color_Hover_Neutral:var(--sapNeutralElementColor);--fdGenericTag_Value_Color_Hover_Error:var(--sapNegativeTextColor);--fdGenericTag_Value_Color_Hover_Warning:var(--sapCriticalTextColor);--fdGenericTag_Value_Color_Hover_Success:var(--sapPositiveTextColor);--fdGenericTag_Value_Color_Hover_Information:var(--sapInformativeTextColor);--fdGenericTag_Value_Color_Hover_Neutral:var(--sapNeutralTextColor);--fdGenericTag_Name_Color_Hover:var(--sapList_TextColor);--fdFlexibleColumnLayout_Toggle_Image_Color:var(--sapHighlightColor);--fdFlexibleColumnLayout_Border:solid 0.0625rem var(--sapGroup_ContentBorderColor);--fdFlexibleColumnLayout_Background_Solid:var(--sapContent_ForegroundColor);--fdFlexibleColumnLayout_Background_Translucent:var(--sapGroup_ContentBackground);--fdFlexibleColumnLayout_Background_Transparent:transparent;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem;--fdAvatarOffset:-0.125rem;--fdAvatarBackgroundSize:cover;--fdAvatarFontStretch:condensed;--fdAvatarBorderColor:var(--fdAvatar_Border_Color);--fdAvatarTextShadow:var(--fdAvatar_Text_Shadow);--fdAvatarColor:var(--fdAvatar_Color);--fdAvatarBackgroundColor:var(--fdAvatar_BackgroundColor);--fdAvatarBorderRadius:var(--sapElement_BorderCornerRadius);--fdAvatarBoxShadow:none;--fdAvatarHoverBorderColor:var(--sapAvatar_6_TextColor);--fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6);--fdAvatarHoverBorder:0.0625rem solid var(--fdAvatarHoverBorderColor);--fdAvatarZoomIconFontSize:0.75rem;--fdAvatarZoomIconDimensions:1.125rem;--fdAvatar_BackgroundColor:var(--sapAvatar_6_Background);--fdAvatar_Border_Color:var(--sapAvatar_6_BorderColor);--fdAvatar_Text_Shadow:none;--fdAvatar_Color:var(--sapAvatar_6_TextColor);--fdAvatar_Overflow_Border_Width:0.0625rem;--fdAvatar_Thumbnail_BorderColor:transparent;--fdAvatar_Focus_Outline_Offset:-0.3125rem;--fdAvatar_Focus_Outline_Radius:0.9rem;--fdAvatar_Focus_Outline_Radius_Circle:100%;--fdAvatarGroupItemsSpacingX:0;--fdAvatarGroupItemsGap:0;--fdAvatarGroupItemsSpacingY:0;--fdAvatarGroup_Focus_Outline_Radius:10rem;--fdAvatarGroup_Focus_Outline_Offset:-0.25rem;--fdMessagePopover_Trigger_Border_Width:var(--sapButton_BorderWidth);--fdMessagePopover_Active_Focus_Outline_Color:var(--sapContent_FocusColor);--fdMessagePopover_Critical_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow);--fdMessagePopover_Critical_Hover_Text_Shadow:none;--fdMessagePopover_Critical_Active_Text_Shadow:none;--fdMessagePopover_Success_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow);--fdMessagePopover_Success_Hover_Text_Shadow:none;--fdMessagePopover_Success_Active_Text_Shadow:none;--fdMessagePopover_Negative_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow);--fdMessagePopover_Negative_Hover_Text_Shadow:none;--fdMessagePopover_Negative_Active_Text_Shadow:none;--fdMessagePopover_Information_Focus_Outline_Color:var(--sapContent_FocusColor);--fdMessagePopover_Information_Regular_Text_Shadow:var(--sapContent_TextShadow);--fdMessagePopover_Information_Regular_Background_Color:var(--sapButton_Information_Background);--fdMessagePopover_Information_Regular_Color:var(--sapButton_Information_TextColor);--fdMessagePopover_Information_Regular_Border_Color:var(--sapButton_Information_BorderColor);--fdMessagePopover_Information_Hover_Text_Shadow:var(--sapContent_TextShadow);--fdMessagePopover_Information_Hover_Background_Color:var(--sapButton_Information_Hover_Background);--fdMessagePopover_Information_Hover_Color:var(--sapButton_Information_Hover_TextColor);--fdMessagePopover_Information_Hover_Border_Color:var(--sapButton_Information_Hover_BorderColor);--fdMessagePopover_Information_Active_Text_Shadow:var(--sapContent_TextShadow);--fdMessagePopover_Information_Active_Background_Color:var(--sapButton_Information_Active_Background);--fdMessagePopover_Information_Active_Color:var(--sapButton_Information_Active_TextColor);--fdMessagePopover_Information_Active_Border_Color:var(--sapButton_Information_Active_BorderColor);--fdToken_Text_Shadow:none;--fdToken_Border_Radius:0.375rem;--fdToken_Text_Color:var(--sapTextColor);--fdToken_Background_Color_Hover:var(--sapButton_Hover_Background);--fdToken_Border_Color_Hover:var(--sapButton_TokenBorderColor);--fdToken_Outline_Offset:0.0625rem;--fdToken_Outline_Offset_Compact:0;--fdToken_Background_Color_Read_Only:var(--sapButton_TokenBackground);--fdToken_Border_Color_Read_Only:var(--sapField_ReadOnly_BorderColor);--fdToken_Border_Color_Selected_Focus:var(--sapContent_FocusColor);--fdToken_Selected_Border:var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor);--fdToken_Selected_Font_Family:var(--sapFontSemiboldDuplexFamily);--fdToken_Selected_Border_BottomStyle:0 100%/100% 0.125rem no-repeat linear-gradient(0deg,#0064d9,#0064d9) border-box;--fdToken_ReadOnly_Padding_Inline:0.3125rem;--fdToken_Focus_Border_Radius:0.5rem;--fdCalendar_Text_Wrapper_Border:0;--fdCalendar_Text_Wrapper_Box_Sizing:content-box;--fdCalendar_Text_Wrapper_Margin:0;--fdCalendar_Text_Wrapper_Height:100%;--fdCalendar_Text_Wrapper_After_Z:0;--fdCalendar_Text_Border_Focus:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);--fdCalendar_Item_Legend_Top_Border:0;--fdCalendar_Item_Legend_Bottom_Border_Radius:0.3125rem;--fdCalendar_Item_Selected_Legend_Height:0.25rem;--fdCalendar_Item_Today_Selected_Bottom_Radius:0.3125rem;--fdCalendar_Item_Text_Active_Focus:none;--fdCalendar_Item_Text_Wrapper_Height:0.25rem;--fdStepInput_Button_Width_Cozy:2.25rem;--fdStepInput_Button_Width_Compact:2rem;--fdStepInput_Button_Width_Semantic_Cozy:2.25rem;--fdStepInput_Button_Width_Semantic_Compact:2rem;--fdObjectStatus_TextDecoration_Regular:underline;--fdObjectStatus_TextDecoration_Hover:none;--fdObjectStatus_TextDecoration_Down:none;--fdObjectStatus_TextDecoration_Visited:underline;--fdObjectStatus_TextDecoration_Focus:underline;--fdObjectStatus_Focus_Background:var(--sapContent_FocusColor);--fdObjectStatus_Focus_Border_Radius:0.125rem;--fdObjectStatus_Focus_Outline:0.125rem solid var(--sapContent_FocusColor);--fdObjectStatus_Positive_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Positive_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Critical_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Critical_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Negative_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Negative_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Informative_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Informative_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Neutral_Color_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Neutral_IconColor_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_1_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_2_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_3_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_4_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_5_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_6_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_7_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Accent_Color_8_Focus:var(--sapContent_ContrastTextColor);--fdObjectStatus_Inverted_Border_Width:0.0625rem;--fdObjectStatus_Inverted_Underline_Width:0.125rem;--fdObjectStatus_Inverted_Min_Width:1.375rem;--fdObjectStatus_Inverted_Padding_Block:0.1875rem;--fdObjectStatus_Inverted_Padding_Inline:0.25rem;--fdObjectStatus_Inverted_Line_Height:1.375rem;--fdObjectStatus_Inverted_Border_Radius:var(--sapButton_BorderCornerRadius);--fdObjectStatus_Inverted_Large_Font_Family:var(--sapFontSemiBoldFamily);--fdObjectStatus_Inverted_Neutral_Background_Regular:var(--sapNeutralBackground);--fdObjectStatus_Inverted_Neutral_Color_Regular:var(--sapTextColor);--fdObjectStatus_Inverted_Neutral_Border_Color_Regular:var(--sapNeutralBorderColor);--fdObjectStatus_Inverted_Box_Shadow:inset 0 0 0 0.125rem var(--sapContent_ContrastFocusColor);--fdObjectStatus_Inverted_Outline_Color:var(--sapContent_FocusColor);--fdObjectStatus_Inverted_Icon_Color_Selected_Negative:var(--sapNegativeElementColor);--fdObjectStatus_Inverted_Icon_Color_Selected_Critical:var(--sapCriticalElementColor);--fdObjectStatus_Inverted_Icon_Color_Selected_Positive:var(--sapPositiveElementColor);--fdObjectStatus_Inverted_Icon_Color_Selected_Informative:var(--sapInformativeElementColor);--fdObjectStatus_Active_Text_Indication_Color_1:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_2:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_3:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_4:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_5:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_6:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_7:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_8:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_9:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Active_Text_Indication_Color_10:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Text_Shadow_Indication_Color:var(--sapContent_TextShadow);--fdObjectStatus_Text_Indication_Color_1b:var(--sapIndicationColor_1);--fdObjectStatus_Background_Indication_Color_1b:var(--sapIndicationColor_1b);--fdObjectStatus_Border_Indication_Color_1b:var(--sapIndicationColor_1b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_1b:var(--sapIndicationColor_1b_Hover_Background);--fdObjectStatus_Text_Indication_Color_2b:var(--sapIndicationColor_2);--fdObjectStatus_Background_Indication_Color_2b:var(--sapIndicationColor_2b);--fdObjectStatus_Border_Indication_Color_2b:var(--sapIndicationColor_2b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_2b:var(--sapIndicationColor_2b_Hover_Background);--fdObjectStatus_Text_Indication_Color_3b:var(--sapIndicationColor_3);--fdObjectStatus_Background_Indication_Color_3b:var(--sapIndicationColor_3b);--fdObjectStatus_Border_Indication_Color_3b:var(--sapIndicationColor_3b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_3b:var(--sapIndicationColor_3b_Hover_Background);--fdObjectStatus_Text_Indication_Color_4b:var(--sapIndicationColor_4);--fdObjectStatus_Background_Indication_Color_4b:var(--sapIndicationColor_4b);--fdObjectStatus_Border_Indication_Color_4b:var(--sapIndicationColor_4b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_4b:var(--sapIndicationColor_4b_Hover_Background);--fdObjectStatus_Text_Indication_Color_5b:var(--sapIndicationColor_5);--fdObjectStatus_Background_Indication_Color_5b:var(--sapIndicationColor_5b);--fdObjectStatus_Border_Indication_Color_5b:var(--sapIndicationColor_5b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_5b:var(--sapIndicationColor_5b_Hover_Background);--fdObjectStatus_Text_Indication_Color_6b:var(--sapIndicationColor_6);--fdObjectStatus_Background_Indication_Color_6b:var(--sapIndicationColor_6b);--fdObjectStatus_Border_Indication_Color_6b:var(--sapIndicationColor_6b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_6b:var(--sapIndicationColor_6b_Hover_Background);--fdObjectStatus_Text_Indication_Color_7b:var(--sapIndicationColor_7);--fdObjectStatus_Background_Indication_Color_7b:var(--sapIndicationColor_7b);--fdObjectStatus_Border_Indication_Color_7b:var(--sapIndicationColor_7b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_7b:var(--sapIndicationColor_7b_Hover_Background);--fdObjectStatus_Text_Indication_Color_8b:var(--sapIndicationColor_8);--fdObjectStatus_Background_Indication_Color_8b:var(--sapIndicationColor_8b);--fdObjectStatus_Border_Indication_Color_8b:var(--sapIndicationColor_8b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_8b:var(--sapIndicationColor_8b_Hover_Background);--fdObjectStatus_Text_Indication_Color_9b:var(--sapIndicationColor_9);--fdObjectStatus_Background_Indication_Color_9b:var(--sapIndicationColor_9b);--fdObjectStatus_Border_Indication_Color_9b:var(--sapIndicationColor_9b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_9b:var(--sapIndicationColor_9b_Hover_Background);--fdObjectStatus_Text_Indication_Color_10b:var(--sapIndicationColor_10);--fdObjectStatus_Background_Indication_Color_10b:var(--sapIndicationColor_10b);--fdObjectStatus_Border_Indication_Color_10b:var(--sapIndicationColor_10b_BorderColor);--fdObjectStatus_Background_Hover_Indication_Color_10b:var(--sapIndicationColor_10b_Hover_Background);--fdTokenizer_Indicator_Color:var(--sapLinkColor);--fdNotification_Border_Radius:var(--sapTile_BorderCornerRadius);--fdNotification_Border_Left_Right_Color:var(--sapList_BorderColor);--fdNotification_Border_Top_Color:var(--sapList_BorderColor);--fdNotification_Border_Left_Right_Color_Selected:var(--sapList_SelectionBorderColor);--fdNotification_Border_Top_Color_Selected:var(--sapList_SelectionBorderColor);--fdNotification_Border_Block_End_Color_Selected:var(--sapList_SelectionBorderColor);--fdNotification_Background_Hover:var(--sapList_Hover_Background);--fdNotification_Background_Active:var(--sapList_SelectionBackgroundColor);--fdNotification_Background_Selected:var(--sapList_SelectionBackgroundColor);--fdNotification_Background_Selected_Hover:var(--sapList_Hover_SelectionBackground);--fdNotification_Title_Color_Active:var(--sapList_Active_TextColor);--fdNotification_Paragraph_Color_Active:var(--sapList_Active_TextColor);--fdNotification_Footer_Content_Color_Active:var(--sapList_Active_TextColor);--fdNotification_Separator_Color_Active:var(--sapList_Active_TextColor);--fdNotification_Border_Inline_Color_Active:var(--sapList_Active_Background);--fdNotification_Border_Block_Start_Color_Active:var(--sapList_Active_Background);--fdNotification_Border_Block_End_Color_Active:var(--sapList_Active_Background);--fdNotification_Group_Header_Border_Bottom_Color:transparent;--fdNotification_Group_Header_Margin_Block:0.75rem 0.5rem;--fdNotification_Group_Header_Title_Font_Weight:normal;--fdNotification_Group_Header_Title_Font_Size:var(--sapFontHeader5Size);--fdNotification_Group_Header_Title_Color:var(--sapGroup_TitleTextColor);--fdNotification_Group_List_Margin_Block:0 0.5rem;--fdNotification_Group_List_Margin_Inline:0.5rem;--fdNotification_Group_List_Gap:0.5rem;--fdNotification_Growing_Item_Margin_Inline:0.5rem;--fdNotification_Growing_Item_Margin_Block_End:0.5rem;--fdNotification_Growing_Item_Title_Color:var(--sapButton_TextColor);--fdNotification_Growing_Item_Title_Font_Family:var(--sapFontFamily);--fdNotification_Growing_Item_Title_Font_Size:var(--sapFontSize);--fdNotification_Growing_Item_Title_Font_Weight:bold;--fdPagination_Placeholder_Dots_Width:1.5rem;--fdPagination_Placeholder_Dots_Width_Compact:1.5rem;--fdPagination_Elements_Spacing:0.25rem;--fdSearchField_BorderRadius:2rem;--fdSearchField_Border_Color:transparent;--fdSearchField_Background_Normal:var(--sapShell_InteractiveBackground);--fdSearchField_Background_Hover:var(--sapShell_Hover_Background);--fdSearchField_Background_Focus:var(--sapShell_Active_Background);--fdSearchField_Outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor);--fdSearchField_Outline_Offset:0;--fdSearchField_Underline_Color:var(--sapField_BorderColor);--fdSearchField_Placeholder_Color:var(--sapField_PlaceholderTextColor);--fdSearchField_Icon_Color:var(--sapContent_NonInteractiveIconColor);--fdNavigation_Link_Border_Radius:var(--sapButton_BorderCornerRadius);--fdNavigation_Link_Transition:background-color 0.3s ease-in-out,width 0.3s ease-in-out;--fdNavigation_Link_Border_Color_Normal:transparent;--fdNavigation_Link_Border_Bottom_Color_Normal:transparent;--fdNavigation_Link_Border_Color_Hover:transparent;--fdNavigation_Link_Border_Color_Active:transparent;--fdNavigation_Link_Border_Color_Selected:transparent;--fdNavigation_Link_Border_Color_Focus:transparent;--fdNavigation_Link_Selected_Background:var(--sapList_Hover_SelectionBackground);--fdNavigationMenu_Item_Border_Radius:0.375rem;--fdNavigationMenu_Item_Transition:background-color 0.3s ease-in-out;--fdNavigationMenu_Item_Border_Color_Normal:transparent;--fdNavigationMenu_Item_Border_Bottom_Color_Normal:transparent;--fdNavigationMenu_Item_Border_Color_Hover:transparent;--fdNavigationMenu_Item_Border_Color_Active:transparent;--fdNavigationMenu_Item_Border_Color_Selected:transparent;--fdNavigationMenu_Item_Border_Color_Focus:transparent;--fdNavigationList_Content_Border_Radius:var(--sapButton_BorderCornerRadius);--fdNavigationList_Content_Border_Color:transparent;--fdNavigationList_Content_Outline_Offset:-0.125rem;--fdToolHeader_Border_Color:transparent;--sapToolHeader_Product_Name_Color:var(--sapShell_GroupTitleTextColor);--sapToolHeader_Product_Name_Font_Size:1.125rem;--sapToolHeader_Second_Title_Color:var(--sapContent_LabelColor);--sapToolHeader_Second_Title_Font_Size:var(--sapFontSize);--sapToolHeader_Second_Title_Offset:0.125rem;--sapToolHeader_Min_Height_Compact:3.25rem;--sapToolHeader_Min_Height_Cozy:3.75rem;--sapToolHeader_Border_Radius:0.5rem;--sapToolHeader_Paddings_Y:0.5625rem;--fdTextarea_Line_Height:1.5;--sapMenu_Shadow1:0 0 0.125rem 0 rgba(34,53,72,.16),0 0.5rem 1rem 0 rgba(34,53,72,.16);--sapMenu_Shadow2:0 0 0.125rem 0 rgba(34,53,72,.48),0 1rem 2rem 0 rgba(34,53,72,.16);--sapNotifications_Shadow2:0 0 0.125rem 0 rgba(34,53,72,.48),0 1rem 2rem 0 rgba(34,53,72,.16);--sapSearchHover_Shadow:0 0 0.125rem 0 rgba(34,53,72,.16),0 0.5rem 1rem 0 rgba(34,53,72,.16);--sapMenu_Background:var(--sapList_Background);--sapMenu_Hover_Background:var(--sapList_Hover_Background);--sapMenu_Active_Background:var(--sapList_Active_Background);--sapMenu_Selected_Background:var(--sapList_Hover_SelectionBackground);--sapNavigation_Shadow1:0 0 0.125rem 0 rgba(34,53,72,.16),0 0.5rem 1rem 0 rgba(34,53,72,.16);--sapNavigation_Shadow2:0 0 0.125rem 0 rgba(34,53,72,.48),0 1rem 2rem 0 rgba(34,53,72,.16);--sapNavigation_Background:var(--sapList_Background);--sapNavigation_Hover_Background:var(--sapList_Hover_Background);--sapNavigation_Active_Background:var(--sapList_Active_Background);--sapNavigation_Selected_Background:var(--sapList_Hover_SelectionBackground);--fdSwitch_Semantic_Error_Handle_Border_Color:var(--sapButton_Track_Negative_Background);--fdSwitch_Semantic_Success_Handle_Border_Color:var(--sapButton_Track_Positive_Background);--fdDynamicPage_Hover_Border_Bottom:none;--fdDynamicPage_Title_Header_Transparent_Background:transparent;--fdDynamicPage_Button_Left_Gradient:linear-gradient(to left,var(--sapObjectHeader_BorderColor),transparent);--fdDynamicPage_Button_Right_Gradient:linear-gradient(to right,var(--sapObjectHeader_BorderColor),transparent);--fdDynamicPage_Button_Group_Background:var(--sapObjectHeader_BorderColor);--fdDynamicPage_Content_List_Background:var(--sapGroup_ContentBackground);--fdDynamicPage_Content_Transparent_Background:transparent;--fdSideNav_Text_Shadow:none;--fdTime_Text_Shadow:none;--fdSelect_Text_Shadow:none;--fdSelect_Button_Interractive_SideBorder:none;--fdPopover_Border_Radius:var(--sapPopover_BorderCornerRadius);--fdPopover_Border_Width:0.0625rem;--fdPopover_Border_Color:#acb8c1;--fdProductSwitch_Text_Shadow:none;--fdProductSwitch_Shadow:none;--fdMenu_Text_Shadow:none;--fdList_Button_Spacing:0.125rem;--fdList_Growing_Font_Weight:bold;--fdList_Active_Outline_Color:var(--sapContent_FocusColor);--fdInputGroup_Text_Shadow:none;--fdInputGroup_ControlButton_SideBorder:var(--sapButton_BorderWidth) solid transparent;--fdInputGroup_ControlButton_SideBorder_Active:solid var(--sapButton_BorderWidth) transparent;--fdInput_Text_Shadow:none;--fdInput_State_Text_Style:normal;--fdInput_State_Font_Weight:normal;--fdInput_State_Border_Type:solid;--fdPlaceholder_Font_Style:italic;--fdInput_Outline_Offset:-0.125rem;--fdInput_Outline_Offset_States:-0.125rem;--fdCalendar_Text_Shadow:none;--fdCalendar_Active_Item_Border:0.125rem solid var(--sapList_SelectionBorderColor);--fdCalendar_Active_Focus_Item_Outline_Color:var(--sapList_SelectionBorderColor);--fdCalendar_Active_Focus_Item_Outline_Offset:-0.375rem;--fdCalendar_Item_Current_Border:none;--fdCalendar_Border_Radius:var(--sapButton_BorderCornerRadius);--fdCalendar_Item_Active_Background_Hover:var(--sapList_Hover_Background);--fdCalendar_Special_Day_Marker_Height:0.3125rem;--fdCalendar_Item_Current_Inner_Border_Color:transparent;--fdCalendar_Item_Current_Active_Special_Day_Width:calc(100% - 0.25rem);--fdCalendar_Item_Current_Active_Special_Day_Height:calc(100% - 1.25rem);--fdCalendar_Item_Current_Active_Special_Day_Bottom:0.125rem;--fdCalendar_Item_Current_Active_Special_Day_Left:auto;--fdCalendar_Item_Current_Active_Special_Day_Right:auto;--fdCalendar_Month_Year_Item_Border_Radius:var(--sapButton_BorderCornerRadius);--fdCalendar_Active_Item_Font_Weight:var(--sapFontBoldFamily);--fdFormHeader_Border_Width:var(--sapGroup_TitleBorderWidth);--fdBadge_Border_Color:transparent;--fdMessageStrip_Border_Color_Success:var(--sapMessage_SuccessBorderColor);--fdMessageStrip_Border_Color_Error:var(--sapMessage_ErrorBorderColor);--fdMessageStrip_Border_Color_Warning:var(--sapMessage_WarningBorderColor);--fdMessageStrip_Border_Color_Neutral:var(--sapNeutralBorderColor);--fdMessageStrip_Border_Color_Informative:var(--sapMessage_InformationBorderColor);--fdMessageStrip_Icon_Color_Success:var(--sapPositiveElementColor);--fdMessageStrip_Icon_Color_Error:var(--sapNegativeElementColor);--fdMessageStrip_Icon_Color_Warning:var(--sapCriticalElementColor);--fdMessageStrip_Icon_Color_Neutral:var(--sapNeutralElementColor);--fdMessageStrip_Icon_Color_Information:var(--sapInformativeElementColor);--fdPage_List_Background:var(--sapGroup_ContentBackground);--fdPage_Transparent_Background:transparent;--fdList_Item_Action_Border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);--fdList_Item_Action_Button_Size:100%;--fdList_Item_Action_Button_Size_Compact:100%;--fdList_Item_Action_Button_Spacing:0;--fdList_Item_Action_Button_Border:none;--fdList_Item_Action_Button_Border_Radius:0;--fdTable_Hover_Down_Color:inherit;--fdFeed_Input_Placeholder_Font_Style:italic;--fdToolbar_Auto_Background:var(--sapToolbar_Background);--fdToolbar_Solid_Background:var(--sapToolbar_Background);--fdToolbar_Transparent_Background:transparent;--fdToolbar_Info_Outline_Color:var(--sapContent_FocusColor);--sapToolHeader_Shadow1:0 0 0.125rem 0 rgba(85,107,130,.16),0 0.5rem 1rem 0 rgba(85,107,130,.16);--fdMicro_Process_Flow_Icon_Color:var(--sapButton_Neutral_Background);--fdMicro_Process_Flow_Active_Icon_Color:var(--sapContent_ContrastIconColor);--sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2);--sapIllus_AccentColor:var(--sapContent_Illustrative_Color3);--sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4);--sapIllus_Layering1:var(--sapContent_Illustrative_Color5);--sapIllus_Layering2:var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8);--sapIllus_NoColor:none;--sapIllus_PatternShadow:url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight);--fdText_Selected_Background_Color:var(--sapSelectedColor);--fdMessage_Page_Container_Background:var(--sapGroup_ContentBackground);--fdMessage_Page_Container_Corner_Radius:var(--sapElement_BorderCornerRadius);--fdMessage_Page_Title_Margin_Top:2rem;--fdMessage_Page_Title_Margin_Bottom:0.5rem;--fdBar_Left_Area_Padding_Right:0.25rem;--fdBar_Middle_Area_Padding_X:0.25rem;--fdBar_Right_Area_Padding_Left:0.25rem;--fdBar_Header_Font_Family:var(--sapFontHeaderFamily);--fdBar_Header_Color:var(--sapPageHeader_TextColor);--fdObject_List_Title_Font_Size:var(--sapFontHeader5Size);--fdObject_List_Title_Font_Weight:bolder;--fdObject_List_Number_Font_Size:1.25rem;--fdNested_List_Border_Corner_Radius:var(--sapPopover_BorderCornerRadius);--fdToolLayout_Background:#eaecee;--sapSplitPane_Shadow1:0 0 0.125rem 0 rgba(34,53,72,.16),0 0.5rem 1rem 0 rgba(34,53,72,.16);--fdModal_BackgroundColor:rgba(0,0,0,.2);--fdUserMenu_User_Name_Font_Family:var(--sapFontSemiboldDuplexFamily)} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-button{--fdButton_Clickable_Height:2.75rem;--fdButton_Padding_X:0.625rem;--fdButton_Min_Width:2.25rem;--fdButton_Badge_Offset:-0.3125rem;--fdButton_Badge_Margin:0.25rem;--fdButton_Badge_Margin_Inline_Start:0;--fdButton_Badge_Width:auto;--fdButton_Badge_Height:1rem;--fdButton_Badge_Position:absolute;--fdButton_Badge_Position_Attention:absolute;--fdButton_Badge_Padding_Inline:0.3125rem;--fdButton_Badge_Size_Attention:0.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;border:0;border-radius:var(--sapButton_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:inline-block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;outline:0;padding-block:0;padding-inline:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-style:solid;border-width:var(--sapButton_BorderWidth);height:var(--fdButton_Height,var(--sapElement_Height));max-height:var(--fdButton_Height,var(--sapElement_Height));min-width:var(--fdButton_Min_Width);padding-inline:calc(var(--fdButton_Padding_X) - var(--sapButton_BorderWidth));position:relative;text-align:center;text-shadow:var(--fdButton_Text_Shadow);--fdButtonColor:var(--sapButton_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)} +.fd-button:after,.fd-button:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-button::-moz-focus-inner{border:0} +.fd-button:before{content:"";display:block;height:auto;inset:calc((var(--fdButton_Clickable_Height) - var(--fdButton_Height, var(--sapElement_Height)))*-.5) 0;position:absolute;width:100%} +.fd-button__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:inherit;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap} +.fd-button__text:after,.fd-button__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-button,.fd-button__text{font-family:var(--fdButton_Font_Family,var(--sapButton_FontFamily))} +.fd-button :not(:first-child):not(.fd-button__badge){-webkit-margin-start:.375rem;margin-inline-start:.375rem} +.fd-button>[class*=sap-icon]{color:inherit;font-size:1rem;font-style:normal;height:1rem;line-height:1rem;min-width:1rem;vertical-align:text-bottom;width:1rem} +.fd-button>[class*=sap-icon]:after,.fd-button>[class*=sap-icon]:before{font-size:inherit;height:inherit;line-height:inherit;width:inherit} +.fd-button__badge{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;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-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapContent_BadgeBackground);border:.0625rem solid var(--sapContent_BadgeBorderColor);border-radius:.5rem;color:var(--sapContent_BadgeTextColor);font-size:var(--sapFontSmallSize);height:var(--fdButton_Badge_Height);padding-block:0;padding-inline:var(--fdButton_Badge_Padding_Inline);position:var(--fdButton_Badge_Position);right:var(--fdButton_Badge_Offset);top:var(--fdButton_Badge_Offset);width:var(--fdButton_Badge_Width);z-index:1;-webkit-margin-start:var(--fdButton_Badge_Margin_Inline_Start);margin-inline-start:var(--fdButton_Badge_Margin_Inline_Start)} +.fd-button__badge:after,.fd-button__badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-button__badge[dir=rtl],[dir=rtl] .fd-button__badge{left:var(--fdButton_Badge_Offset);right:auto} +.fd-button__badge--attention{--fdButton_Badge_Padding_Inline:0;--fdButton_Badge_Offset:-0.1875rem;--fdButton_Badge_Width:var(--fdButton_Badge_Size_Attention);--fdButton_Badge_Height:var(--fdButton_Badge_Size_Attention);--fdButton_Badge_Position:var(--fdButton_Badge_Position_Attention)} +.fd-button[class*=-compact],.fd-button[class*=-condensed],[class*=-compact] .fd-button:not([class*=-cozy]),[class*=-condensed] .fd-button:not([class*=-cozy]){--fdButton_Height:var(--fdButton_Compact_Height,var(--sapElement_Compact_Height));--fdButton_Clickable_Height:2rem;--fdButton_Padding_X:0.5rem;--fdButton_Min_Width:2rem;--fdButton_Badge_Position:static;--fdButton_Badge_Margin_Inline_Start:0.25rem;--fdButton_Badge_Size_Attention:0.625rem} +.fd-button[class*=-compact]:not(.fd-button--tool-header):has(.fd-button__badge),.fd-button[class*=-condensed]:not(.fd-button--tool-header):has(.fd-button__badge),[class*=-compact] .fd-button:not([class*=-cozy]):not(.fd-button--tool-header):has(.fd-button__badge),[class*=-condensed] .fd-button:not([class*=-cozy]):not(.fd-button--tool-header):has(.fd-button__badge){padding-inline:calc(.5rem - var(--sapButton_BorderWidth)) calc(.25rem - var(--sapButton_BorderWidth))} +.fd-button--menu{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.fd-button--menu-fixed-width{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} +.fd-button--menu .fd-button__text{line-height:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:start} +.fd-button--full-width{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:100%;width:100%} +.fd-button--text-alignment-left{text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} +.fd-button--text-alignment-right{text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} +.fd-button--decisive{min-width:4rem} +.fd-button__instructions{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px} +.fd-button.is-focus,.fd-button:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;z-index:5} +.fd-button.is-focus:after,.fd-button:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdButton_Focus_Border_Radius);content:"";display:block;inset:var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset) var(--fdButton_Outline_Offset);position:absolute} +.fd-button.is-focus.fd-button--toggled:after,.fd-button.is-focus.is-selected:after,.fd-button:focus.fd-button--toggled:after,.fd-button:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)} +.fd-button.is-active,.fd-button.is-selected,.fd-button:active,.fd-button[aria-selected=true]{-webkit-box-shadow:none;box-shadow:none;outline:none} +.fd-button.is-disabled,.fd-button:disabled,.fd-button[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:var(--sapContent_DisabledOpacity)} +.fd-button.is-selected,.fd-button[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))} +.fd-button.is-hover,.fd-button:hover{--fdButtonColor:var(--sapButton_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Hover_Background))} +.fd-button.is-active,.fd-button:active{--fdButtonColor:var(--sapButton_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Active_Background));--fdElementTextColor:var(--sapButton_Active_TextColor);--fdElementIconColor:var(--sapButton_Active_TextColor)} +.fd-button.is-active .fd-button__icon,.fd-button:active .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none} +.fd-button.is-disabled,.fd-button:disabled,.fd-button[aria-disabled=true]{--fdButtonColor:var(--sapButton_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Background))} +.fd-button.is-disabled.is-selected,.fd-button.is-disabled[aria-selected=true],.fd-button:disabled.is-selected,.fd-button:disabled[aria-selected=true],.fd-button[aria-disabled=true].is-selected,.fd-button[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))} +.fd-button.fd-button--toggled{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Background)} +.fd-button.fd-button--toggled.is-hover,.fd-button.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Hover_Background)} +.fd-button.fd-button--toggled.is-active,.fd-button.fd-button--toggled.is-selected,.fd-button.fd-button--toggled:active,.fd-button.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))} +.fd-button.fd-button--toggled.is-active .fd-button__icon,.fd-button.fd-button--toggled.is-selected .fd-button__icon,.fd-button.fd-button--toggled:active .fd-button__icon,.fd-button.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none} +.fd-button.fd-button--toggled.is-disabled,.fd-button.fd-button--toggled:disabled,.fd-button.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none} +.fd-button--emphasized,.fd-button--emphasized .fd-button__text{--fdButton_Font_Family:var(--sapButton_Emphasized_FontFamily)} +.fd-button--emphasized{--fdButtonColor:var(--sapButton_Emphasized_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Emphasized_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Emphasized_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);border-width:var(--sapButton_Emphasized_BorderWidth);color:var(--fdButtonColor)} +.fd-button--emphasized.is-selected,.fd-button--emphasized[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))} +.fd-button--emphasized.is-hover,.fd-button--emphasized:hover{--fdButtonColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Emphasized_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Emphasized_Hover_Background))} +.fd-button--emphasized.is-active,.fd-button--emphasized:active{--fdButtonColor:var(--sapButton_Emphasized_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Emphasized_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Emphasized_Active_Background));--fdElementTextColor:var(--sapButton_Emphasized_Active_TextColor);--fdElementIconColor:var(--sapButton_Emphasized_Active_TextColor)} +.fd-button--emphasized.is-active .fd-button__icon,.fd-button--emphasized:active .fd-button__icon{color:var(--sapButton_Emphasized_Active_TextColor);text-shadow:none} +.fd-button--emphasized.is-disabled,.fd-button--emphasized:disabled,.fd-button--emphasized[aria-disabled=true]{--fdButtonColor:var(--sapButton_Emphasized_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Emphasized_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Emphasized_Background))} +.fd-button--emphasized.is-disabled.is-selected,.fd-button--emphasized.is-disabled[aria-selected=true],.fd-button--emphasized:disabled.is-selected,.fd-button--emphasized:disabled[aria-selected=true],.fd-button--emphasized[aria-disabled=true].is-selected,.fd-button--emphasized[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))} +.fd-button--emphasized.fd-button--toggled{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Background)} +.fd-button--emphasized.fd-button--toggled.is-hover,.fd-button--emphasized.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Hover_Background)} +.fd-button--emphasized.fd-button--toggled.is-active,.fd-button--emphasized.fd-button--toggled.is-selected,.fd-button--emphasized.fd-button--toggled:active,.fd-button--emphasized.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))} +.fd-button--emphasized.fd-button--toggled.is-active .fd-button__icon,.fd-button--emphasized.fd-button--toggled.is-selected .fd-button__icon,.fd-button--emphasized.fd-button--toggled:active .fd-button__icon,.fd-button--emphasized.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Emphasized_Active_TextColor);text-shadow:none} +.fd-button--emphasized.fd-button--toggled.is-disabled,.fd-button--emphasized.fd-button--toggled:disabled,.fd-button--emphasized.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none} +.fd-button--emphasized.is-focus,.fd-button--emphasized:focus{z-index:5} +.fd-button--emphasized.is-focus:after,.fd-button--emphasized:focus:after{border-color:var(--sapContent_ContrastFocusColor)} +.fd-button--emphasized.is-focus.is-active:after,.fd-button--emphasized.is-focus:active:after,.fd-button--emphasized:focus.is-active:after,.fd-button--emphasized:focus:active:after{border-color:var(--sapContent_FocusColor)} +.fd-button--emphasized[class*=-compact].is-focus,.fd-button--emphasized[class*=-compact]:focus,.fd-button--emphasized[class*=-condensed].is-focus,.fd-button--emphasized[class*=-condensed]:focus,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]).is-focus,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]):focus,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]):focus{z-index:5} +.fd-button--emphasized[class*=-compact].is-focus.is-active:after,.fd-button--emphasized[class*=-compact].is-focus:active:after,.fd-button--emphasized[class*=-compact]:focus.is-active:after,.fd-button--emphasized[class*=-compact]:focus:active:after,.fd-button--emphasized[class*=-condensed].is-focus.is-active:after,.fd-button--emphasized[class*=-condensed].is-focus:active:after,.fd-button--emphasized[class*=-condensed]:focus.is-active:after,.fd-button--emphasized[class*=-condensed]:focus:active:after,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]).is-focus.is-active:after,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]).is-focus:active:after,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]):focus.is-active:after,[class*=-compact] .fd-button--emphasized:not([class*=-cozy]):focus:active:after,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]).is-focus.is-active:after,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]).is-focus:active:after,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]):focus.is-active:after,[class*=-condensed] .fd-button--emphasized:not([class*=-cozy]):focus:active:after{border-color:transparent} +.fd-button--emphasized.is-active,.fd-button--emphasized.is-selected,.fd-button--emphasized:active,.fd-button--emphasized[aria-selected=true]{outline:none} +.fd-button--emphasized.fd-button--toggled.is-focus,.fd-button--emphasized.fd-button--toggled:focus{outline-color:var(--fdButton_Emphasized_Active_Outline);z-index:5} +.fd-button--emphasized.fd-button--toggled.is-active,.fd-button--emphasized.fd-button--toggled.is-selected,.fd-button--emphasized.fd-button--toggled:active,.fd-button--emphasized.fd-button--toggled[aria-selected=true]{outline:none} +.fd-button--attention{--fdButtonColor:var(--sapButton_Attention_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Attention_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)} +.fd-button--attention.is-selected,.fd-button--attention[aria-selected=true]{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Attention_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Background))} +.fd-button--attention.is-hover,.fd-button--attention:hover{--fdButtonColor:var(--sapButton_Attention_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Attention_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Attention_Hover_Background))} +.fd-button--attention.is-active,.fd-button--attention:active{--fdButtonColor:var(--sapButton_Attention_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Attention_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Attention_Active_Background));--fdElementTextColor:var(--sapButton_Attention_Active_TextColor);--fdElementIconColor:var(--sapButton_Attention_Active_TextColor)} +.fd-button--attention.is-active .fd-button__icon,.fd-button--attention:active .fd-button__icon{color:var(--sapButton_Attention_Active_TextColor);text-shadow:none} +.fd-button--attention.is-disabled,.fd-button--attention:disabled,.fd-button--attention[aria-disabled=true]{--fdButtonColor:var(--sapButton_Attention_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Attention_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Background))} +.fd-button--attention.is-disabled.is-selected,.fd-button--attention.is-disabled[aria-selected=true],.fd-button--attention:disabled.is-selected,.fd-button--attention:disabled[aria-selected=true],.fd-button--attention[aria-disabled=true].is-selected,.fd-button--attention[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Attention_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Background))} +.fd-button--attention.fd-button--toggled{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Attention_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Attention_Selected_Background)} +.fd-button--attention.fd-button--toggled.is-hover,.fd-button--attention.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Attention_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Attention_Selected_Hover_Background)} +.fd-button--attention.fd-button--toggled.is-active,.fd-button--attention.fd-button--toggled.is-selected,.fd-button--attention.fd-button--toggled:active,.fd-button--attention.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Attention_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Attention_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Attention_Selected_Hover_Background))} +.fd-button--attention.fd-button--toggled.is-active .fd-button__icon,.fd-button--attention.fd-button--toggled.is-selected .fd-button__icon,.fd-button--attention.fd-button--toggled:active .fd-button__icon,.fd-button--attention.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Attention_Active_TextColor);text-shadow:none} +.fd-button--attention.fd-button--toggled.is-disabled,.fd-button--attention.fd-button--toggled:disabled,.fd-button--attention.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none} +.fd-button--negative{--fdButtonColor:var(--sapButton_Reject_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Reject_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)} +.fd-button--negative.is-selected,.fd-button--negative[aria-selected=true]{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Reject_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Background))} +.fd-button--negative.is-hover,.fd-button--negative:hover{--fdButtonColor:var(--sapButton_Reject_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Reject_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Reject_Hover_Background))} +.fd-button--negative.is-active,.fd-button--negative:active{--fdButtonColor:var(--sapButton_Reject_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Reject_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Reject_Active_Background));--fdElementTextColor:var(--sapButton_Reject_Active_TextColor);--fdElementIconColor:var(--sapButton_Reject_Active_TextColor)} +.fd-button--negative.is-active .fd-button__icon,.fd-button--negative:active .fd-button__icon{color:var(--sapButton_Reject_Active_TextColor);text-shadow:none} +.fd-button--negative.is-disabled,.fd-button--negative:disabled,.fd-button--negative[aria-disabled=true]{--fdButtonColor:var(--sapButton_Reject_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Reject_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Background))} +.fd-button--negative.is-disabled.is-selected,.fd-button--negative.is-disabled[aria-selected=true],.fd-button--negative:disabled.is-selected,.fd-button--negative:disabled[aria-selected=true],.fd-button--negative[aria-disabled=true].is-selected,.fd-button--negative[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Reject_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Background))} +.fd-button--negative.fd-button--toggled{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Reject_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Reject_Selected_Background)} +.fd-button--negative.fd-button--toggled.is-hover,.fd-button--negative.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Reject_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Reject_Selected_Hover_Background)} +.fd-button--negative.fd-button--toggled.is-active,.fd-button--negative.fd-button--toggled.is-selected,.fd-button--negative.fd-button--toggled:active,.fd-button--negative.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Reject_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Reject_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Reject_Selected_Hover_Background))} +.fd-button--negative.fd-button--toggled.is-active .fd-button__icon,.fd-button--negative.fd-button--toggled.is-selected .fd-button__icon,.fd-button--negative.fd-button--toggled:active .fd-button__icon,.fd-button--negative.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Reject_Active_TextColor);text-shadow:none} +.fd-button--negative.fd-button--toggled.is-disabled,.fd-button--negative.fd-button--toggled:disabled,.fd-button--negative.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none} +.fd-button--positive{--fdButtonColor:var(--sapButton_Accept_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Accept_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)} +.fd-button--positive.is-selected,.fd-button--positive[aria-selected=true]{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Accept_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Background))} +.fd-button--positive.is-hover,.fd-button--positive:hover{--fdButtonColor:var(--sapButton_Accept_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Accept_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Accept_Hover_Background))} +.fd-button--positive.is-active,.fd-button--positive:active{--fdButtonColor:var(--sapButton_Accept_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Accept_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Accept_Active_Background));--fdElementTextColor:var(--sapButton_Accept_Active_TextColor);--fdElementIconColor:var(--sapButton_Accept_Active_TextColor)} +.fd-button--positive.is-active .fd-button__icon,.fd-button--positive:active .fd-button__icon{color:var(--sapButton_Accept_Active_TextColor);text-shadow:none} +.fd-button--positive.is-disabled,.fd-button--positive:disabled,.fd-button--positive[aria-disabled=true]{--fdButtonColor:var(--sapButton_Accept_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Accept_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Background))} +.fd-button--positive.is-disabled.is-selected,.fd-button--positive.is-disabled[aria-selected=true],.fd-button--positive:disabled.is-selected,.fd-button--positive:disabled[aria-selected=true],.fd-button--positive[aria-disabled=true].is-selected,.fd-button--positive[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Accept_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Background))} +.fd-button--positive.fd-button--toggled{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Accept_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Accept_Selected_Background)} +.fd-button--positive.fd-button--toggled.is-hover,.fd-button--positive.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Accept_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Accept_Selected_Hover_Background)} +.fd-button--positive.fd-button--toggled.is-active,.fd-button--positive.fd-button--toggled.is-selected,.fd-button--positive.fd-button--toggled:active,.fd-button--positive.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Accept_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Accept_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Accept_Selected_Hover_Background))} +.fd-button--positive.fd-button--toggled.is-active .fd-button__icon,.fd-button--positive.fd-button--toggled.is-selected .fd-button__icon,.fd-button--positive.fd-button--toggled:active .fd-button__icon,.fd-button--positive.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Accept_Active_TextColor);text-shadow:none} +.fd-button--positive.fd-button--toggled.is-disabled,.fd-button--positive.fd-button--toggled:disabled,.fd-button--positive.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none} +.fd-button--transparent{--fdButtonColor:var(--sapButton_Lite_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Lite_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Lite_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)} +.fd-button--transparent.is-selected,.fd-button--transparent[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))} +.fd-button--transparent.is-hover,.fd-button--transparent:hover{--fdButtonColor:var(--sapButton_Lite_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Lite_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Lite_Hover_Background))} +.fd-button--transparent.is-active,.fd-button--transparent:active{--fdButtonColor:var(--sapButton_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Lite_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Lite_Active_Background));--fdElementTextColor:var(--sapButton_Active_TextColor);--fdElementIconColor:var(--sapButton_Active_TextColor)} +.fd-button--transparent.is-active .fd-button__icon,.fd-button--transparent:active .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none} +.fd-button--transparent.is-disabled,.fd-button--transparent:disabled,.fd-button--transparent[aria-disabled=true]{--fdButtonColor:var(--sapButton_Lite_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Lite_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Lite_Background))} +.fd-button--transparent.is-disabled.is-selected,.fd-button--transparent.is-disabled[aria-selected=true],.fd-button--transparent:disabled.is-selected,.fd-button--transparent:disabled[aria-selected=true],.fd-button--transparent[aria-disabled=true].is-selected,.fd-button--transparent[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))} +.fd-button--transparent.fd-button--toggled{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Background)} +.fd-button--transparent.fd-button--toggled.is-hover,.fd-button--transparent.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Hover_Background)} +.fd-button--transparent.fd-button--toggled.is-active,.fd-button--transparent.fd-button--toggled.is-selected,.fd-button--transparent.fd-button--toggled:active,.fd-button--transparent.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))} +.fd-button--transparent.fd-button--toggled.is-active .fd-button__icon,.fd-button--transparent.fd-button--toggled.is-selected .fd-button__icon,.fd-button--transparent.fd-button--toggled:active .fd-button__icon,.fd-button--transparent.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none} +.fd-button--transparent.fd-button--toggled.is-disabled,.fd-button--transparent.fd-button--toggled:disabled,.fd-button--transparent.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none} +.fd-button--ghost{--fdButtonColor:var(--sapButton_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--fdButton_Ghost_Background));background-color:var(--fdButtonBackgroundColor);border-color:var(--fdButtonBorderColor);color:var(--fdButtonColor)} +.fd-button--ghost.is-selected,.fd-button--ghost[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonSelectedPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonSelectedPrioritizedBackgroundColor,var(--sapButton_Selected_Background))} +.fd-button--ghost.is-hover,.fd-button--ghost:hover{--fdButtonColor:var(--sapButton_Hover_TextColor);--fdButtonBorderColor:var(--fdButtonHoverPrioritizedBorderColor,var(--sapButton_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonHoverPrioritizedBackgroundColor,var(--sapButton_Hover_Background))} +.fd-button--ghost.is-active,.fd-button--ghost:active{--fdButtonColor:var(--sapButton_Active_TextColor);--fdButtonBorderColor:var(--fdButtonActivePrioritizedBorderColor,var(--sapButton_Active_BorderColor));--fdButtonBackgroundColor:var(--fdButtonActivePrioritizedBackgroundColor,var(--sapButton_Active_Background));--fdElementTextColor:var(--sapButton_Active_TextColor);--fdElementIconColor:var(--sapButton_Active_TextColor)} +.fd-button--ghost.is-active .fd-button__icon,.fd-button--ghost:active .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none} +.fd-button--ghost.is-disabled,.fd-button--ghost:disabled,.fd-button--ghost[aria-disabled=true]{--fdButtonColor:var(--sapButton_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--fdButton_Ghost_Background))} +.fd-button--ghost.is-disabled.is-selected,.fd-button--ghost.is-disabled[aria-selected=true],.fd-button--ghost:disabled.is-selected,.fd-button--ghost:disabled[aria-selected=true],.fd-button--ghost[aria-disabled=true].is-selected,.fd-button--ghost[aria-disabled=true][aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Background))} +.fd-button--ghost.fd-button--toggled{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledPrioritizedBorderColor,var(--sapButton_Selected_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledPrioritizedBackgroundColor,var(--sapButton_Selected_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Background)} +.fd-button--ghost.fd-button--toggled.is-hover,.fd-button--ghost.fd-button--toggled:hover{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(--fdButtonToggledActivePrioritizedBorderColor,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonToggledActivePrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background));--fdButtonPrioritizedBackgroundColor:var(--sapButton_Selected_Hover_Background)} +.fd-button--ghost.fd-button--toggled.is-active,.fd-button--ghost.fd-button--toggled.is-selected,.fd-button--ghost.fd-button--toggled:active,.fd-button--ghost.fd-button--toggled[aria-selected=true]{--fdButtonColor:var(--sapButton_Selected_TextColor);--fdButtonBorderColor:var(true,var(--sapButton_Selected_Hover_BorderColor));--fdButtonBackgroundColor:var(--fdButtonPrioritizedBackgroundColor,var(--sapButton_Selected_Hover_Background))} +.fd-button--ghost.fd-button--toggled.is-active .fd-button__icon,.fd-button--ghost.fd-button--toggled.is-selected .fd-button__icon,.fd-button--ghost.fd-button--toggled:active .fd-button__icon,.fd-button--ghost.fd-button--toggled[aria-selected=true] .fd-button__icon{color:var(--sapButton_Active_TextColor);text-shadow:none} +.fd-button--ghost.fd-button--toggled.is-disabled,.fd-button--ghost.fd-button--toggled:disabled,.fd-button--ghost.fd-button--toggled[aria-disabled=true]{-webkit-box-shadow:none;box-shadow:none} +.fd-button--tool-header{--fdButton_ToolHeader_Icon_Size:1rem;--fdButton_ToolHeader_Padding:0.75rem;--fdButton_ToolHeader_Size:var(--fdButton_ToolHeader_Button_Size);--fdButton_ToolHeader_Background:var(--sapButton_Lite_Background);--fdButton_ToolHeader_Color:var(--fdButton_ToolHeader_Color_Normal);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Normal);--fdButton_ToolHeader_Border_Radius:var(--fdButton_ToolHeader_Button_Border_Radius);background:var(--fdButton_ToolHeader_Background);border:var(--sapButton_BorderWidth) solid var(--fdButton_ToolHeader_Border_Color);border-radius:var(--fdButton_ToolHeader_Border_Radius);color:var(--fdButton_ToolHeader_Color);height:var(--fdButton_ToolHeader_Size);max-height:var(--fdButton_ToolHeader_Size);max-width:var(--fdButton_ToolHeader_Size);min-height:var(--fdButton_ToolHeader_Size);min-width:var(--fdButton_ToolHeader_Size);padding-block:var(--fdButton_ToolHeader_Padding);padding-inline:var(--fdButton_ToolHeader_Padding);width:var(--fdButton_ToolHeader_Size)} +.fd-button--tool-header [class*=sap-icon],.fd-button--tool-header[class*=sap-icon]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-size:var(--fdButton_ToolHeader_Icon_Size);height:var(--fdButton_ToolHeader_Icon_Size);width:var(--fdButton_ToolHeader_Icon_Size)} +.fd-button--tool-header.is-hover,.fd-button--tool-header:hover{--fdButton_ToolHeader_Background:var(--fdButton_ToolHeader_Background_Hover);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Hover);--fdButton_Hover_Shadow:none} +.fd-button--tool-header.is-active,.fd-button--tool-header:active{--fdButton_ToolHeader_Background:var(--fdButton_ToolHeader_Background_Active);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Active);--fdButton_ToolHeader_Color:var(--fdButton_ToolHeader_Color_Active);outline:none} +.fd-button--tool-header.is-active.is-focus,.fd-button--tool-header.is-active:focus,.fd-button--tool-header:active.is-focus,.fd-button--tool-header:active:focus{z-index:5;--fdButton_ToolHeader_Border_Radius:0.375rem;--fdButton_ToolHeader_Background:var(--fdButton_ToolHeader_Background_Active);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Active);outline:none} +.fd-button--tool-header.is-active.is-focus:after,.fd-button--tool-header.is-active:focus:after,.fd-button--tool-header:active.is-focus:after,.fd-button--tool-header:active:focus:after{border:none} +.fd-button--tool-header.is-focus,.fd-button--tool-header:focus{z-index:5;--fdButton_ToolHeader_Background:var(--fdButton_ToolHeader_Background_Active);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Focus);--fdButton_ToolHeader_Border_Radius:var(--fdButton_ToolHeader_Border_Radius_Focus);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--fdButton_ToolHeader_Outline_Color)} +.fd-button--tool-header.is-focus:after,.fd-button--tool-header:focus:after{border:none} +.fd-button--tool-header.is-disabled,.fd-button--tool-header:disabled,.fd-button--tool-header[aria-disabled=true]{--fdButton_ToolHeader_Background:var(--sapButton_Lite_Background);--fdButton_ToolHeader_Border_Color:var(--fdButton_ToolHeader_Border_Color_Disabled);opacity:var(--sapContent_DisabledOpacity);pointer-events:none} +.fd-button--tool-header[class*=-compact],[class*=-compact] .fd-button--tool-header:not([class*=-cozy]){--fdButton_ToolHeader_Padding:0.5rem;--fdButton_ToolHeader_Size:var(--fdButton_ToolHeader_Button_Size_Compact)} +.fd-button--tool-header .fd-button__badge{background:var(--sapContent_BadgeBackground);border:0;border:.0625rem solid var(--fdButton_ToolHeader_Badge_Border_Color);border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_BadgeBackground);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.625rem;line-height:normal;margin-block:0;margin-inline:0;max-height:.625rem;max-width:.625rem;min-height:.625rem;min-width:.625rem;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;right:-.125rem;top:-.125rem;width:.625rem} +.fd-button--tool-header .fd-button__badge:after,.fd-button--tool-header .fd-button__badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-button--tool-header .fd-button__badge[dir=rtl],[dir=rtl] .fd-button--tool-header .fd-button__badge{left:-.125rem;right:auto} +.fd-button--nested,.fd-button--nested-square{--fdButton_Nested_Size:1.5rem;--fdButton_Nested_Icon_Size:0.75rem;--fdButton_Nested_Click_Area:2rem;--fdButton_Nested_Color:var(--sapContent_IconColor);--fdButton_Nested_Background:var(--sapButton_Lite_Background);--fdButton_Nested_Border_Color:var(--fdButton_ToolHeader_Border_Color_Normal);--fdButton_Nested_Border_Radius:1rem;background:var(--fdButton_Nested_Background);border:var(--sapButton_BorderWidth) solid var(--fdButton_Nested_Border_Color);border-radius:var(--fdButton_Nested_Border_Radius);color:var(--fdButton_Nested_Color);height:var(--fdButton_Nested_Size);max-height:var(--fdButton_Nested_Size);max-width:var(--fdButton_Nested_Size);min-height:var(--fdButton_Nested_Size);min-width:var(--fdButton_Nested_Size);padding-block:0;padding-inline:0;width:var(--fdButton_Nested_Size)} +.fd-button--nested [class*=sap-icon],.fd-button--nested-square [class*=sap-icon],.fd-button--nested-square[class*=sap-icon],.fd-button--nested[class*=sap-icon]{color:inherit;font-size:var(--fdButton_Nested_Icon_Size)} +.fd-button--nested-square:before,.fd-button--nested:before{height:var(--fdButton_Nested_Click_Area);inset:auto auto auto auto;max-height:var(--fdButton_Nested_Click_Area);max-width:var(--fdButton_Nested_Click_Area);min-height:var(--fdButton_Nested_Click_Area);min-width:var(--fdButton_Nested_Click_Area);width:var(--fdButton_Nested_Click_Area)} +.fd-button--nested-square.is-hover,.fd-button--nested-square:hover,.fd-button--nested.is-hover,.fd-button--nested:hover{--fdButton_Nested_Background:var(--sapButton_Lite_Hover_Background);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Hover);--fdButton_Hover_Shadow:none} +.fd-button--nested-square.is-active,.fd-button--nested-square:active,.fd-button--nested.is-active,.fd-button--nested:active{--fdButton_Nested_Background:var(--fdButton_Nested_Background_Active);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Active);--fdButton_Nested_Color:var(--fdButton_Nested_Color_Active);outline:none} +.fd-button--nested-square.is-active.is-focus,.fd-button--nested-square.is-active:focus,.fd-button--nested-square:active.is-focus,.fd-button--nested-square:active:focus,.fd-button--nested.is-active.is-focus,.fd-button--nested.is-active:focus,.fd-button--nested:active.is-focus,.fd-button--nested:active:focus{z-index:5;--fdButton_Nested_Border_Radius:0.75rem;--fdButton_Nested_Background:var(--fdButton_Nested_Background_Active);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Active);outline:none} +.fd-button--nested-square.is-active.is-focus:after,.fd-button--nested-square.is-active:focus:after,.fd-button--nested-square:active.is-focus:after,.fd-button--nested-square:active:focus:after,.fd-button--nested.is-active.is-focus:after,.fd-button--nested.is-active:focus:after,.fd-button--nested:active.is-focus:after,.fd-button--nested:active:focus:after{border:none} +.fd-button--nested-square.is-focus,.fd-button--nested-square:focus,.fd-button--nested.is-focus,.fd-button--nested:focus{z-index:5;--fdButton_Nested_Background:var(--fdButton_Nested_Background_Focus);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Focus);--fdButton_Nested_Border_Radius:var(--fdButton_Nested_Border_Radius_Focus);outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor)} +.fd-button--nested-square.is-focus:after,.fd-button--nested-square:focus:after,.fd-button--nested.is-focus:after,.fd-button--nested:focus:after{border:none} +.fd-button--nested-square.is-disabled,.fd-button--nested-square:disabled,.fd-button--nested-square[aria-disabled=true],.fd-button--nested.is-disabled,.fd-button--nested:disabled,.fd-button--nested[aria-disabled=true]{--fdButton_Nested_Background:var(--sapButton_Lite_Background);--fdButton_Nested_Border_Color:var(--fdButton_Nested_Border_Color_Disabled);opacity:var(--sapContent_DisabledOpacity);pointer-events:none} +.fd-button--nested-square[class*=-compact],.fd-button--nested[class*=-compact],[class*=-compact] .fd-button--nested-square:not([class*=-cozy]),[class*=-compact] .fd-button--nested:not([class*=-cozy]){--fdButton_Nested_Size:1.375rem;--fdButton_Nested_Click_Area:1.625rem} +.fd-button--nested-square,.fd-button--nested-square.is-active,.fd-button--nested-square:active{--fdButton_Nested_Border_Radius:0.1875rem} +.fd-button--nested-square.is-active.is-focus,.fd-button--nested-square.is-active:focus,.fd-button--nested-square.is-focus,.fd-button--nested-square:active.is-focus,.fd-button--nested-square:active:focus,.fd-button--nested-square:focus{z-index:5;--fdButton_Nested_Border_Radius:0.1875rem} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-card{--fdCard_Border:0.0625rem solid var(--sapTile_BorderColor);--fdCard_Border_Corner_Radius:var(--sapTile_BorderCornerRadius);--fdCard_Header_Text_Spacing:0.25rem;--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Regular);--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:inherit;--fdCard_Footer_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Content_Border_Radius:0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Offset:0.0625rem;--fdCard_Media_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Bottom:var(--fdCard_Header_Border_Bottom);--fdCard_Main_Header_Border_Top:none;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:var(--fdCard_Main_Header_Padding_Bottom);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;background:var(--fdCard_Background,var(--sapTile_Background));border:var(--fdCard_Border);border-radius:var(--fdCard_Border_Corner_Radius);-webkit-box-shadow:var(--fdCard_Box_Shadow);box-shadow:var(--fdCard_Box_Shadow);-ms-flex:1;flex:1;min-height:100%;position:relative;width:100%} +.fd-card:after,.fd-card:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card--interactive{cursor:pointer} +.fd-card--interactive.is-focus,.fd-card--interactive:focus{outline:none;z-index:5} +.fd-card--interactive.is-focus:before,.fd-card--interactive:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3} +.fd-card--interactive.is-hover,.fd-card--interactive:hover{--fdCard_Background:var(--sapTile_Hover_Background);--fdCard_Box_Shadow:var(--fdCard_Box_Shadow_Hover);--fdCard_Footer_Background:var(--sapTile_Hover_Background);--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)} +.fd-card--interactive.is-active,.fd-card--interactive:active{--fdCard_Box_Shadow:none;--fdCard_Background:var(--sapTile_Active_Background);--fdCard_Footer_Background:var(--sapTile_Active_Background);--fdCard_Main_Header_Background:var(--sapTile_Active_Background);--fdCard_Border:0.0625rem solid var(--sapTile_Interactive_BorderColor)} +.fd-card--interactive.is-selected:before,.fd-card--interactive[aria-selected=true]:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3} +.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus,.fd-card--interactive[role=button] .fd-card__header-main-container:focus{outline:none;z-index:5} +.fd-card--interactive[role=button] .fd-card__header-main-container.is-focus:before,.fd-card--interactive[role=button] .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3} +.fd-card--interactive[role=listitem] .fd-card__header-main-container{pointer-events:none} +.fd-card__header{border:0;border-radius:var(--fdCard_Header_Border_Radius);-webkit-box-sizing:border-box;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;overflow:hidden;padding-block:0;padding-inline:0} +.fd-card__header:after,.fd-card__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__header:is(:first-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0} +.fd-card__header:is(:last-child){--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Border_Top:var(--fdCard_Header_Border_Bottom);--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)} +.fd-card__header:is(:last-child) .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:0} +.fd-card__header:only-child{--fdCard_Header_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)} +.fd-card__header:only-child .fd-card__header-main:not(:only-child){--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0} +.fd-card__header:only-child .fd-card__header-main{--fdCard_Main_Header_Padding_Block_Start:1rem;--fdCard_Main_Header_Padding_Block_End:1rem;--fdCard_Main_Header_Border_Bottom:none;--fdCard_Main_Header_Border_Top:none} +.fd-card__header--interactive .fd-card__header-main{cursor:pointer} +.fd-card__header--interactive .fd-card__header-main.is-hover,.fd-card__header--interactive .fd-card__header-main:hover{--fdCard_Main_Header_Background:var(--sapTile_Hover_Background)} +.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container.is-active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)} +.fd-card__header--interactive .fd-card__header-main:has(.fd-card__header-main-container:active){--fdCard_Main_Header_Background:var(--sapTile_Active_Background)} +.fd-card__header--interactive .fd-card__header-main-container.is-focus,.fd-card__header--interactive .fd-card__header-main-container:focus{outline:none;z-index:5} +.fd-card__header--interactive .fd-card__header-main-container.is-focus:before,.fd-card__header--interactive .fd-card__header-main-container:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3} +.fd-card__header-main{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:var(--fdCard_Main_Header_Background,var(--sapTile_Background));border-bottom:var(--fdCard_Main_Header_Border_Bottom);border-radius:var(--fdCard_Main_Header_Border_Radius);border-top:var(--fdCard_Main_Header_Border_Top);-ms-flex-direction:row;flex-direction:row;gap:.5rem;padding-block:var(--fdCard_Main_Header_Padding_Block_Start) var(--fdCard_Main_Header_Padding_Block_End);padding-inline:1rem;position:relative;text-decoration:none} +.fd-card__header-main:after,.fd-card__header-main:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__header-main-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%} +.fd-card__header-main-container:after,.fd-card__header-main-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__header-main-actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:5} +.fd-card__header-main-actions:after,.fd-card__header-main-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__header-extended{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:.5rem;padding-inline:1rem} +.fd-card__header-extended:after,.fd-card__header-extended:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__header-extended--top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} +.fd-card__header-extended--bottom-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} +.fd-card__header-column{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} +.fd-card__header-column:after,.fd-card__header-column:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__header-column--right-aligned{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} +.fd-card__header-row{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem} +.fd-card__header-row:after,.fd-card__header-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__header-numeric{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem;padding-block:.25rem;padding-inline:1rem} +.fd-card__header-numeric:after,.fd-card__header-numeric:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-padding-before:.5rem;padding-block-start:.5rem} +.fd-card__indicator:after,.fd-card__indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__numeric-container{border:0;-webkit-box-sizing:border-box;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;-webkit-box-flex:1;-ms-flex:1;flex:1} +.fd-card__numeric-container:after,.fd-card__numeric-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__indicator-title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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} +.fd-card__indicator-title:after,.fd-card__indicator-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__indicator-value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);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;text-align:right} +.fd-card__indicator-value:after,.fd-card__indicator-value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__timestamp{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.125rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--sapFontSmallSize)} +.fd-card__timestamp:after,.fd-card__timestamp:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdCard_Footer_Background,var(--sapTile_Background));border-radius:var(--fdCard_Footer_Border_Radius);border-top:var(--fdCard_Footer_Border_Top);padding-block:var(--fdCard_Footer_Padding) 1rem;padding-inline:1rem} +.fd-card__footer:after,.fd-card__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__footer-actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%} +.fd-card__footer-actions:after,.fd-card__footer-actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__footer .fd-card__footer-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdCard_Footer_Actions_Item_Spacing);margin-inline-end:var(--fdCard_Footer_Actions_Item_Spacing);text-overflow:clip} +.fd-card__footer:is(:first-child){--fdCard_Footer_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0} +.fd-card__header-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;gap:var(--fdCard_Header_Text_Spacing);height:100%;width:100%} +.fd-card__header-text:after,.fd-card__header-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__title-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%} +.fd-card__title-area:after,.fd-card__title-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:3;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--fdCard_Title_Font_Size);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:4.2rem;max-width:100%} +.fd-card__title:after,.fd-card__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__subtitle-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} +.fd-card__subtitle-area:after,.fd-card__subtitle-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;-webkit-line-clamp:2;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-height:2.5rem;max-width:100%} +.fd-card__subtitle:after,.fd-card__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__counter.fd-object-status{white-space:nowrap;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;-webkit-margin-before:var(--fdCard_Counter_Margin);margin-block-start:var(--fdCard_Counter_Margin)} +.fd-card__badge-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;right:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;max-width:calc(100% - 1rem);min-width:1.375rem;position:absolute;top:-.5rem;z-index:10} +.fd-card__badge-container:after,.fd-card__badge-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__badge-container[dir=rtl],[dir=rtl] .fd-card__badge-container{left:.5rem;right:auto} +.fd-card__badge-container+.fd-card__header{--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Main_Header_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0} +.fd-card__badge-container+.fd-card__header:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)} +.fd-card__badge-container+.fd-card__content{overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0} +.fd-card__badge-container+.fd-card__content:is(:last-child){--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)} +.fd-card__badge.fd-object-status{--fdObjectStatus_Inverted_Border_Radius:0.5rem;--fdObjectStatus_Inverted_Padding_Block:0;--fdObjectStatus_Inverted_Padding_Inline:0.25rem;--fdObjectStatus_Inverted_Line_Height:0.875rem} +.fd-card__badge.fd-object-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.fd-card__currency{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;color:var(--sapTile_TextColor);-ms-flex-direction:row;flex-direction:row;text-overflow:ellipsis;-webkit-margin-start:.25rem;margin-inline-start:.25rem;white-space:nowrap} +.fd-card__currency:after,.fd-card__currency:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__currency:before{content:"| "} +.fd-card__analytics-area{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:.5rem;overflow:hidden} +.fd-card__analytics-area:after,.fd-card__analytics-area:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__analytics-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:hidden;white-space:nowrap;width:100%;-webkit-margin-start:2rem;margin-inline-start:2rem} +.fd-card__analytics-container:after,.fd-card__analytics-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__analytics{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-padding-after:.25rem;padding-block-end:.25rem;-webkit-margin-start:1rem;font-size:var(--sapFontSmallSize);margin-inline-start:1rem;max-width:calc(50% - 1rem);overflow:hidden} +.fd-card__analytics:after,.fd-card__analytics:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__analytics-text{border:0;-webkit-box-sizing:border-box;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;-webkit-padding-after:.25rem;color:var(--sapTile_TextColor);padding-block-end:.25rem} +.fd-card__analytics-text:after,.fd-card__analytics-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__analytics-content{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);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} +.fd-card__analytics-content:after,.fd-card__analytics-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__analytics-content[dir=rtl],[dir=rtl] .fd-card__analytics-content{direction:ltr;text-align:right} +.fd-card__second-subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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;margin-top:.25rem;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap;width:100%} +.fd-card__second-subtitle:after,.fd-card__second-subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__numeric-content.fd-numeric-content{-ms-flex-negative:0;flex-shrink:0;width:auto} +.fd-card__content{border:0;-webkit-box-sizing:border-box;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;--fdCard_Focus_Outline_Radius:0;-webkit-box-flex:1;border-radius:var(--fdCard_Content_Border_Radius);-ms-flex:1 0 auto;flex:1 0 auto;position:relative} +.fd-card__content:after,.fd-card__content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__content.is-focus,.fd-card__content:focus{outline:none;z-index:5} +.fd-card__content.is-focus:before,.fd-card__content:focus:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdCard_Focus_Outline_Radius);content:"";display:block;inset:var(--fdCard_Focus_Outline_Offset);position:absolute;z-index:3} +.fd-card__content:is(:first-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0;--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius) 0 0} +.fd-card__content:is(:last-child){overflow:hidden;--fdCard_Content_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)} +.fd-card__content:is(:only-child){overflow:hidden;--fdCard_Content_Border_Radius:var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:var(--fdCard_Border_Corner_Radius)} +.fd-card__content--with-spacing{padding-block:1rem;padding-inline:1rem} +.fd-card__content-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.75rem} +.fd-card__content-container:after,.fd-card__content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__content-container--horizontal{gap:2rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} +.fd-card__content-section{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;max-width:24rem;min-width:12rem;width:100%} +.fd-card__content-section:after,.fd-card__content-section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__content-title-container{border:0;-webkit-box-sizing:border-box;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;-webkit-padding-after:.5rem;padding-block-end:.5rem} +.fd-card__content-title-container:after,.fd-card__content-title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__content-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-card__content-group:after,.fd-card__content-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__content-group-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem} +.fd-card__content-group-text:after,.fd-card__content-group-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card--analytical .fd-card__subtitle-area{margin-top:.5rem} +.fd-card--analytical .fd-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.8rem;overflow:hidden;text-overflow:ellipsis;white-space:normal} +.fd-card--table[class*=-compact] .fd-card__content,.fd-card--table[class*=-condensed] .fd-card__content,[class*=-compact] .fd-card--table:not([class*=-cozy]) .fd-card__content,[class*=-condensed] .fd-card--table:not([class*=-cozy]) .fd-card__content{-webkit-padding-after:.5rem;padding-block-end:.5rem} +.fd-card--object .fd-card__content{padding-block:1rem;padding-inline:1rem} +.fd-card__loader{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:5rem} +.fd-card__loader:after,.fd-card__loader:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__media{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--fdCard_Media_Background,var(--sapTile_Background));border-radius:var(--fdCard_Media_Border_Radius);-ms-flex-direction:row;flex-direction:row;flex-direction:var(--fdCard_Media_Flex_Direction,row);height:100%;overflow:hidden;padding-block:var(--fdCard_Media_Padding_Block_Start,0) var(--fdCard_Media_Padding_Block_End,0);padding-inline:var(--fdCard_Media_Padding_Inline_Start,0) var(--fdCard_Media_Padding_Inline_End,0);position:relative} +.fd-card__media:after,.fd-card__media:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__media.fd-card__media--with-padding{--fdCard_Media_Image_Radius:0.5rem;--fdCard_Media_Padding_Inline_Start:1rem;--fdCard_Media_Padding_Inline_End:1rem;--fdCard_Media_Padding_Block_Start:1rem} +.fd-card__media.fd-card__media--bg-shell-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)} +.fd-card__media.fd-card__media--bg-shell-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)} +.fd-card__media.fd-card__media--bg-shell-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)} +.fd-card__media.fd-card__media--bg-shell-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)} +.fd-card__media.fd-card__media--bg-shell-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)} +.fd-card__media.fd-card__media--bg-shell-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)} +.fd-card__media.fd-card__media--bg-shell-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)} +.fd-card__media.fd-card__media--bg-shell-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)} +.fd-card__media.fd-card__media--bg-shell-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)} +.fd-card__media.fd-card__media--bg-shell-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)} +.fd-card__media.fd-card__media--bg-shell-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)} +.fd-card__media.fd-card__media--bg-shell-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)} +.fd-card__media.fd-card__media--bg-shell-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)} +.fd-card__media.fd-card__media--bg-shell-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)} +.fd-card__media.fd-card__media--bg-shell-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)} +.fd-card__media.fd-card__media--bg-shell-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)} +.fd-card__media.fd-card__media--bg-legend-1{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-2{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-3{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-4{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-5{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-6{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-7{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-8{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-9{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-10{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-11{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-12{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-13{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-14{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-15{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-16{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-17{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-18{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-19{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none} +.fd-card__media.fd-card__media--bg-legend-20{--fdCard_Media_Content_Container_Background:transparent;--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none} +.fd-card__media+.fd-card__header{--fdCard_Header_Border_Radius:0;--fdCard_Focus_Outline_Radius:0} +.fd-card__media+.fd-card__header:is(:last-child){--fdCard_Header_Border_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius);--fdCard_Focus_Outline_Radius:0 0 var(--fdCard_Border_Corner_Radius) var(--fdCard_Border_Corner_Radius)} +.fd-card__media:only-child{--fdCard_Media_Border_Radius:var(--sapTile_BorderCornerRadius)} +.fd-card__media-content-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;background:var(--fdCard_Media_Content_Container_Background,var(--sapTile_Background));height:var(--fdCard_Media_Content_Container_Height,100%);inset:var(--fdCard_Media_Content_Container_Top,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Right,0) var(--fdCard_Media_Content_Container_Left,0);justify-content:center;max-height:100%;padding-block:var(--fdCard_Media_Content_Container_Padding_Block,1rem);padding-inline:var(--fdCard_Media_Content_Container_Padding_Inline,1rem);position:var(--fdCard_Media_Content_Container_Position,relative);-webkit-transform:var(--fdCard_Media_Content_Container_Transform,none);transform:var(--fdCard_Media_Content_Container_Transform,none);width:var(--fdCard_Media_Content_Container_Width,100%);z-index:3} +.fd-card__media-content-container:after,.fd-card__media-content-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-1{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_1_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_1_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_1_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_1_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-2{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_2_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_2_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_2_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_2_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-3{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_3_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_3_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_3_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_3_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-4{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_4_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_4_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_4_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_4_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-5{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_5_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_5_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_5_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_5_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-6{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_6_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_6_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_6_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_6_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-7{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_7_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_7_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_7_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_7_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-8{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_8_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_8_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_8_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_8_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-9{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_9_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_9_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_9_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_9_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-10{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_10_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_10_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_10_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_10_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-11{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_11_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_11_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_11_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_11_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-12{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_12_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_12_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_12_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_12_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-13{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_13_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_13_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_13_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_13_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-14{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_14_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_14_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_14_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_14_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-15{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_15_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_15_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_15_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_15_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-shell-16{--fdCard_Media_Content_Container_Background:var(--sapShell_Category_16_Background);--fdCard_Media_Heading_Color:var(--sapShell_Category_16_TextColor);--fdCard_Media_Heading_Shadow:var(--sapShell_Category_16_TextShadow);--fdCard_Media_Text_Color:var(--sapShell_Category_16_TextColor)} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-1{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor1);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-2{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor2);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-3{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor3);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-4{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor4);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-5{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor5);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-6{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor6);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-7{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor7);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-8{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor8);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-9{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor9);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-10{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor10);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-11{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor11);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-12{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor12);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-13{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor13);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-14{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor14);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-15{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor15);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-16{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor16);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-17{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor17);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-18{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor18);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-19{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor19);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-content-container.fd-card__media-content-container--bg-legend-20{--fdCard_Media_Heading_Color:var(--sapTextColor);--fdCard_Media_Text_Color:var(--sapTextColor);--fdCard_Media_Content_Container_Background:var(--sapLegendBackgroundColor20);--fdCard_Media_Heading_Shadow:none} +.fd-card__media-image-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:var(--fdCard_Media_Image_Container_Height,100%);width:var(--fdCard_Media_Image_Container_Width,100%)} +.fd-card__media-image-container:after,.fd-card__media-image-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__media-image{-webkit-box-flex:1;border-radius:var(--fdCard_Media_Image_Radius,0);-ms-flex:1;flex:1;height:var(--fdCard_Media_Image_Height,100%);width:var(--fdCard_Media_Image_Width,100%)} +.fd-card__media-heading{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Heading_Color,var(--sapTile_TitleTextColor));font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader3Size);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-shadow:var(--fdCard_Media_Heading_Shadow,none)} +.fd-card__media-heading:after,.fd-card__media-heading:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card__media-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdCard_Media_Text_Color,var(--sapTile_TextColor));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} +.fd-card__media-text:after,.fd-card__media-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-card--banner{--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Content_Container_Padding_Inline:3rem;--fdCard_Media_Content_Container_Padding_Block:3rem;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);height:100%} +@media (width >= 600px) and (width <= 1023px){.fd-card--banner{--fdCard_Media_Image_Container_Width:80%}} +@media (width <= 599px){.fd-card--banner{--fdCard_Media_Image_Container_Width:100%}} +.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:50%;--fdCard_Media_Image_Container_Width:50%} +@media (width >= 600px) and (width <= 1023px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Content_Container_Width:80%;--fdCard_Media_Image_Container_Width:20%}} +@media (width <= 599px){.fd-card--banner:has(.fd-card__media-image-container){--fdCard_Media_Flex_Direction:column-reverse;--fdCard_Media_Content_Container_Width:100%;--fdCard_Media_Image_Container_Width:100%}} +.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width:calc(50% - 3rem);--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Top:50%;--fdCard_Media_Content_Container_Left:3rem;--fdCard_Media_Content_Container_Height:fit-content;--fdCard_Media_Content_Container_Position:absolute;--fdCard_Media_Content_Container_Transform:translateY(-50%)} +@media (width >= 600px) and (width <= 1023px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width:calc(80% - 3rem);--fdCard_Media_Image_Container_Width:100%}} +@media (width <= 599px){.fd-card--banner:has(.fd-card__media-image-container):has(.fd-card__media-content-container--overlay){--fdCard_Media_Content_Container_Width:calc(100% - 3rem)%;--fdCard_Media_Image_Container_Width:100%;--fdCard_Media_Content_Container_Right:3rem;--fdCard_Media_Content_Container_Padding_Inline:1rem;--fdCard_Media_Content_Container_Padding_Block:1rem}} +.fd-card[class*=-compact],.fd-card[class*=-condensed],[class*=-compact] .fd-card:not([class*=-cozy]),[class*=-condensed] .fd-card:not([class*=-cozy]){--fdCard_Header_Text_Spacing:0.5rem} +@media (width <= 599px){.fd-card{--fdCard_Media_Content_Container_Width:100%}} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-panel{--fdPanel_Header_Width:100%;--fdPanel_Header_Height:2.75rem;--fdPanel_Flex_Direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:var(--fdPanel_Flex_Direction);flex-direction:var(--fdPanel_Flex_Direction)} +.fd-panel,.fd-panel__content,.fd-panel__expand,.fd-panel__header,.fd-panel__title{border:0;-webkit-box-sizing:border-box;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} +.fd-panel:after,.fd-panel:before,.fd-panel__content:after,.fd-panel__content:before,.fd-panel__expand:after,.fd-panel__expand:before,.fd-panel__header:after,.fd-panel__header:before,.fd-panel__title:after,.fd-panel__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-panel:not(:last-child){-webkit-margin-after:var(--fdPanel_Margin_Bottom);margin-block-end:var(--fdPanel_Margin_Bottom)} +.fd-panel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapGroup_TitleBackground);border-bottom:var(--sapGroup_TitleBorderWidth) solid var(--fdPanel_Header_Border_Color,var(--sapGroup_TitleBorderColor));border-radius:var(--fdPanel_Header_Border_Top_Left_Radius,var(--fdPanel_Border_Radius)) var(--fdPanel_Header_Border_Top_Right_Radius,var(--fdPanel_Border_Radius)) var(--fdPanel_Header_Border_Bottom_Right_Radius,0) var(--fdPanel_Header_Border_Bottom_Left_Radius,0);height:var(--fdPanel_Header_Height);min-height:var(--fdPanel_Header_Height);min-width:var(--fdPanel_Header_Width);overflow:hidden;padding-inline:var(--fdPanel_Header_Padding_Inline_Start,0) var(--fdPanel_Header_Padding_Inline_End,.5rem);position:var(--fdPanel_Header_Position,relative);top:var(--fdPanel_Header_Position_Top,unset);width:var(--fdPanel_Header_Width)} +.fd-panel__header:has(.fd-panel__button[aria-expanded=false]){--fdPanel_Header_Border_Bottom_Left_Radius:var(--fdPanel_Border_Radius);--fdPanel_Header_Border_Bottom_Right_Radius:var(--fdPanel_Border_Radius)} +.fd-panel__header:has(.fd-toolbar){--fdPanel_Header_Padding_Inline_End:0} +.fd-panel__header:not(:has(.fd-panel__button)){--fdPanel_Header_Padding_Inline_Start:0.75rem} +.fd-panel__title{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapGroup_Title_FontSize);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--fdPanel_Title_Font_Size);max-width:100%;width:100%;-webkit-padding-start:.25rem;padding-inline-start:.25rem} +.fd-panel__content{background:var(--fdPanel_Content_Background_Color);border-bottom:.0625rem solid var(--fdPanel_Content_Border_Bottom_Color);border-radius:var(--fdPanel_Content_Border_Top_Left_Radius,0) var(--fdPanel_Content_Border_Top_Right_Radius,0) var(--fdPanel_Content_Border_Bottom_Right_Radius,var(--fdPanel_Border_Radius)) var(--fdPanel_Content_Border_Bottom_Left_Radius,var(--fdPanel_Border_Radius));overflow:auto;padding-block:var(--fdPanel_Content_Padding_Block,.625rem);padding-inline:var(--fdPanel_Content_Padding_Inline,1rem);scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)} +.fd-panel__content.is-focus,.fd-panel__content:focus{outline:none;z-index:5} +.fd-panel__content::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)} +.fd-panel__content::-webkit-scrollbar-corner,.fd-panel__content::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)} +.fd-panel__content::-webkit-scrollbar-thumb{background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)} +.fd-panel__content::-webkit-scrollbar-thumb:active,.fd-panel__content::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)} +.fd-panel__content::-webkit-scrollbar-corner,.fd-panel__content::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0} +.fd-panel__content[dir=rtl]::-webkit-scrollbar-corner,.fd-panel__content[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-panel__content::-webkit-scrollbar-corner,[dir=rtl] .fd-panel__content::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)} +.fd-panel__content[aria-hidden=true]{display:none} +.fd-panel__content--no-padding{--fdPanel_Content_Padding_Inline:0;--fdPanel_Content_Padding_Block:0} +.fd-panel__expand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fdPanel_Header_Height);min-height:var(--fdPanel_Header_Height);width:2.75rem} +.fd-panel__button{font-size:1rem} +.fd-panel__button[dir=rtl] .sap-icon--slim-arrow-right,[dir=rtl] .fd-panel__button .sap-icon--slim-arrow-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)} +.fd-panel--fixed{--fdPanel_Header_Padding_Inline_Start:1rem} +.fd-panel--sticky{--fdPanel_Header_Position:sticky;--fdPanel_Header_Position_Top:0} +.fd-panel--borderless{--fdPanel_Header_Border_Color:transparent} +.fd-panel--transparent{--fdPanel_Content_Background_Color:transparent} +.fd-panel[class*=-compact],.fd-panel[class*=-condensed],[class*=-compact] .fd-panel:not([class*=-cozy]),[class*=-condensed] .fd-panel:not([class*=-cozy]){--fdPanel_Header_Height:2.5rem} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-progress-indicator{--rootMarginBlock:0.5rem;--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Neutral);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Neutral,transparent);--progressBarBorderRightColor:var(--fdProgress_Indicator_Border_Right_Color,var(--progressBarBorderColor));--containerBackground:var(--fdProgress_Indicator_Container_Background_Neutral,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Neutral,var(--sapField_BorderColor));--iconDisplay:none;--iconContent:"";--labelMarginStart:var(--fdProgress_Indicator_Label_Margin_Start);--labelMarginEnd:var(--fdProgress_Indicator_Label_Margin_End);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdProgress_Indicator_Height);line-height:normal;margin-block:0;margin-block:var(--rootMarginBlock);margin-inline:0;padding-block:0;padding-block:var(--fdProgress_Indicator_Container_Margin_Block);padding-inline:0;padding-inline:var(--fdProgress_Indicator_Container_Margin_Inline);width:100%} +.fd-progress-indicator:after,.fd-progress-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-progress-indicator.fd-popover{cursor:pointer;margin-block:var(--rootMarginBlock);margin-inline:0} +.fd-progress-indicator--mobile{--rootMarginBlock:0.875rem} +.fd-progress-indicator--display{--rootMarginBlock:0} +.fd-progress-indicator--display.fd-popover{margin-block:0;margin-inline:0} +.fd-progress-indicator--informative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Informative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Informative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Informative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Informative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Informative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Informative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0} +.fd-progress-indicator--positive{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Positive);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Positive,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Positive,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Positive,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Positive);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Positive,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0} +.fd-progress-indicator--negative{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Negative);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Negative,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Negative,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Negative,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Negative);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Negative,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0} +.fd-progress-indicator--critical{--progressBarBackground:var(--fdProgress_Indicator_Background_Color_Critical);--progressBarBorderColor:var(--fdProgress_Indicator_Progress_Bar_Border_Color_Critical,transparent);--containerBackground:var(--fdProgress_Indicator_Container_Background_Critical,var(--sapField_Background));--containerBorderColor:var(--fdProgress_Indicator_Container_Border_Critical,var(--sapField_BorderColor));--iconContent:var(--fdProgress_Icon_Critical);--iconDisplay:inline;--iconColor:var(--fdProgress_Icon_Color_Critical,var(--fdProgress_Indicator_Label_Color));--labelMarginStart:0} +.fd-progress-indicator .fd-progress-indicator__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:var(--containerBackground);border:.0625rem solid var(--containerBorderColor);border-radius:.5rem;-ms-flex-direction:row;flex-direction:row;height:var(--fdProgress_Indicator_Container_Height);min-height:var(--fdProgress_Indicator_Container_Height);min-width:4rem;overflow:var(--fdProgress_Indicator_Container_Overflow);position:var(--fdProgress_Indicator_Container_Position,static);width:var(--fdProgress_Indicator_Container_Width)} +.fd-progress-indicator .fd-progress-indicator__container:after,.fd-progress-indicator .fd-progress-indicator__container:before{background-color:var(--progressBarBackground);border-radius:50%;-webkit-box-sizing:inherit;box-sizing:inherit;content:"";display:var(--fdProgress_Indicator_Progress_Bar_Boundary_Display,none);font-size:inherit;height:.25rem;position:absolute;top:0;width:.25rem} +.fd-progress-indicator .fd-progress-indicator__container:before{left:0} +.fd-progress-indicator .fd-progress-indicator__container:after{right:0} +.fd-progress-indicator[aria-valuenow="0"] .fd-progress-indicator__progress-bar{border:none} +.fd-progress-indicator[aria-valuenow="100"] .fd-progress-indicator__progress-bar{right:var(--fdProgress_Indicator_Progress_Bar_Position_Left);width:auto!important} +.fd-progress-indicator[aria-valuenow="100"] .fd-progress-indicator__progress-bar[dir=rtl],.fd-progress-indicator__progress-bar,[dir=rtl] .fd-progress-indicator[aria-valuenow="100"] .fd-progress-indicator__progress-bar{left:var(--fdProgress_Indicator_Progress_Bar_Position_Left)} +.fd-progress-indicator__progress-bar{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;background:var(--progressBarBackground);border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-radius:var(--fdProgress_Indicator_Progress_Bar_Border_Radius);border-right:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);bottom:var(--fdProgress_Indicator_Progress_Bar_Position_Bottom);height:var(--fdProgress_Indicator_Progress_Bar_Height);justify-content:flex-end;margin-block:var(--fdProgress_Indicator_Progress_Bar_Margin_Block);margin-inline:0} +.fd-progress-indicator__progress-bar:after,.fd-progress-indicator__progress-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-progress-indicator__progress-bar .fd-progress-indicator__label{color:var(--fdProgress_Indicator_Label_Color_Contrast)} +.fd-progress-indicator__progress-bar[dir=rtl],[dir=rtl] .fd-progress-indicator__progress-bar{border-right:none;border:var(--fdProgress_Indicator_Progress_Bar_Border) var(--progressBarBorderColor);border-left:var(--fdProgress_Indicator_Border_Right) var(--progressBarBorderRightColor);left:auto;right:var(--fdProgress_Indicator_Progress_Bar_Position_Left)} +.fd-progress-indicator .fd-progress-indicator__remaining{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:static} +.fd-progress-indicator .fd-progress-indicator__remaining:after,.fd-progress-indicator .fd-progress-indicator__remaining:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-progress-indicator .fd-progress-indicator__remaining.fd-popover__control{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0} +.fd-progress-indicator__icon{bottom:-.625rem;display:var(--iconDisplay);margin-inline:var(--fdProgress_Indicator_Label_Margin_Start) var(--fdProgress_Icon_Space_Before_Label);position:var(--fdProgress_Indicator_Icon_Position,static);right:-1.25rem} +.fd-progress-indicator__icon[dir=rtl],[dir=rtl] .fd-progress-indicator__icon{left:-1.25rem;right:auto} +.fd-progress-indicator__icon:before{color:var(--iconColor);content:var(--iconContent);font-family:SAP-icons;font-size:var(--fdProgress_Indicator_Icon_Font_Size);vertical-align:middle} +.fd-progress-indicator__icon+.fd-progress-indicator__label{-webkit-margin-start:0;margin-inline-start:0} +.fd-progress-indicator__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdProgress_Indicator_Label_Color);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdProgress_Indicator_Label_Font_Size);font-weight:400;forced-color-adjust:none;left:0;line-height:normal;margin-block:0;margin-inline:0;margin-inline:var(--labelMarginStart) var(--labelMarginEnd);max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;position:var(--fdProgress_Indicator_Label_Position,static);text-overflow:ellipsis;top:-1.25rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap} +.fd-progress-indicator__label:after,.fd-progress-indicator__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-progress-indicator__label[dir=rtl],[dir=rtl] .fd-progress-indicator__label{left:auto;right:0} +.fd-progress-indicator__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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-block:.25rem;padding-inline:0;padding-inline:.5rem 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:95vw;overflow:hidden;white-space:normal} +.fd-progress-indicator__overflow:after,.fd-progress-indicator__overflow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-progress-indicator__overflow-close{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;cursor:pointer;height:1.375rem;max-height:1.375rem;max-width:1.4375rem;min-height:1.375rem;min-width:1.4375rem;text-align:center;width:1.4375rem} +.fd-progress-indicator__overflow-close:after,.fd-progress-indicator__overflow-close:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-progress-indicator__overflow-close.is-focus,.fd-progress-indicator__overflow-close:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);z-index:5} +.fd-progress-indicator__overflow-close [class*=sap-icon]{color:var(--sapContent_IconColor);font-size:var(--sapFontSmallSize)} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-badge{background:var(--sapHighlightColor);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;font-weight:700;forced-color-adjust:none;height:1rem;line-height:normal;margin-block:0;margin-inline:0;max-width:calc(100% - 1rem);overflow:hidden;padding-block:0;padding-inline:0;padding-inline:.5rem;position:absolute;right:.5rem;text-overflow:ellipsis;top:-.55rem;white-space:nowrap;z-index:10} +.fd-badge:after,.fd-badge:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-badge[dir=rtl],[dir=rtl] .fd-badge{left:.5rem;right:auto} +.fd-badge--static{position:static} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +[class*=sap-icon]{background-color:var(--fdIcon_Background_Color,transparent);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdIcon_Color,inherit);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdIcon_Font_Size,1rem);font-style:normal;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0} +[class*=sap-icon]:after,[class*=sap-icon]:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +[class*=sap-icon]:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none} +[class*=sap-icon].sap-icon--sm{--fdIcon_Font_Size:1rem} +[class*=sap-icon].sap-icon--md{--fdIcon_Font_Size:2rem} +[class*=sap-icon].sap-icon--lg{--fdIcon_Font_Size:3rem} +[class*=sap-icon].sap-icon--xl{--fdIcon_Font_Size:4rem} +[class*=sap-icon].sap-icon--xxl{--fdIcon_Font_Size:5rem} +[class*=sap-icon].sap-icon--color-default{--fdIcon_Color:var(--sapContent_IconColor)} +[class*=sap-icon].sap-icon--background-default{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--color-contrast{--fdIcon_Color:var(--sapContent_ContrastIconColor)} +[class*=sap-icon].sap-icon--background-contrast{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--color-non-interactive{--fdIcon_Color:var(--sapContent_NonInteractiveIconColor)} +[class*=sap-icon].sap-icon--background-non-interactive{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--color-tile{--fdIcon_Color:var(--sapTile_IconColor)} +[class*=sap-icon].sap-icon--background-tile{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--color-marker{--fdIcon_Color:var(--sapContent_MarkerIconColor)} +[class*=sap-icon].sap-icon--background-marker{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--color-critical{--fdIcon_Color:var(--sapCriticalElementColor)} +[class*=sap-icon].sap-icon--background-critical{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--color-negative{--fdIcon_Color:var(--sapNegativeElementColor)} +[class*=sap-icon].sap-icon--background-negative{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--color-neutral{--fdIcon_Color:var(--sapNeutralElementColor)} +[class*=sap-icon].sap-icon--background-neutral{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--color-positive{--fdIcon_Color:var(--sapPositiveElementColor)} +[class*=sap-icon].sap-icon--background-positive{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--color-information{--fdIcon_Color:var(--sapInformativeElementColor)} +[class*=sap-icon].sap-icon--background-information{--fdIcon_Background_Color: } +[class*=sap-icon].sap-icon--background-default{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapContent_IconColor)} +[class*=sap-icon].sap-icon--background-contrast{--fdIcon_Color:var(--sapContent_IconColor);--fdIcon_Background_Color:var(--sapGroup_ContentBackground)} +[class*=sap-icon].sap-icon--background-non-interactive{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapContent_NonInteractiveIconColor)} +[class*=sap-icon].sap-icon--background-tile{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapTile_IconColor)} +[class*=sap-icon].sap-icon--background-marker{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapContent_MarkerIconColor)} +[class*=sap-icon].sap-icon--background-critical{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapCriticalElementColor)} +[class*=sap-icon].sap-icon--background-negative{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapNegativeElementColor)} +[class*=sap-icon].sap-icon--background-neutral{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapNeutralElementColor)} +[class*=sap-icon].sap-icon--background-positive{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapPositiveElementColor)} +[class*=sap-icon].sap-icon--background-information{--fdIcon_Color:var(--sapGroup_ContentBackground);--fdIcon_Background_Color:var(--sapInformativeElementColor)} +[class*=sap-icon][tabindex="0"]{cursor:pointer} +[class*=sap-icon][tabindex="0"].is-focus,[class*=sap-icon][tabindex="0"]:focus{border-radius:.25rem;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);z-index:5} +[class*=sap-icon-businessSuiteInAppSymbols]:before{font-family:SAP-icons-Business-Suite} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-default{--fdIcon_Color:var(--sapContent_IconColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-default{--fdIcon_Background_Color: } +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-contrast{--fdIcon_Color:var(--sapContent_ContrastIconColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-contrast{--fdIcon_Background_Color: } +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-non-interactive{--fdIcon_Color:var(--sapContent_NonInteractiveIconColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-non-interactive{--fdIcon_Background_Color: } +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-tile{--fdIcon_Color:var(--sapTile_IconColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-tile{--fdIcon_Background_Color: } +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-marker{--fdIcon_Color:var(--sapContent_MarkerIconColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-marker{--fdIcon_Background_Color: } +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-critical{--fdIcon_Color:var(--sapCriticalElementColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-critical{--fdIcon_Background_Color: } +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-negative{--fdIcon_Color:var(--sapNegativeElementColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-negative{--fdIcon_Background_Color: } +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-neutral{--fdIcon_Color:var(--sapNeutralElementColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-neutral{--fdIcon_Background_Color: } +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-positive{--fdIcon_Color:var(--sapPositiveElementColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-positive{--fdIcon_Background_Color: } +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--color-information{--fdIcon_Color:var(--sapInformativeElementColor)} +[class*=sap-icon-businessSuiteInAppSymbols].sap-icon-businessSuiteInAppSymbols--background-information{--fdIcon_Background_Color: } +[class*=sap-icon-TNT]:before{font-family:SAP-icons-TNT} +[class*=sap-icon-TNT].sap-icon-TNT--color-default{--fdIcon_Color:var(--sapContent_IconColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-default{--fdIcon_Background_Color: } +[class*=sap-icon-TNT].sap-icon-TNT--color-contrast{--fdIcon_Color:var(--sapContent_ContrastIconColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-contrast{--fdIcon_Background_Color: } +[class*=sap-icon-TNT].sap-icon-TNT--color-non-interactive{--fdIcon_Color:var(--sapContent_NonInteractiveIconColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-non-interactive{--fdIcon_Background_Color: } +[class*=sap-icon-TNT].sap-icon-TNT--color-tile{--fdIcon_Color:var(--sapTile_IconColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-tile{--fdIcon_Background_Color: } +[class*=sap-icon-TNT].sap-icon-TNT--color-marker{--fdIcon_Color:var(--sapContent_MarkerIconColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-marker{--fdIcon_Background_Color: } +[class*=sap-icon-TNT].sap-icon-TNT--color-critical{--fdIcon_Color:var(--sapCriticalElementColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-critical{--fdIcon_Background_Color: } +[class*=sap-icon-TNT].sap-icon-TNT--color-negative{--fdIcon_Color:var(--sapNegativeElementColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-negative{--fdIcon_Background_Color: } +[class*=sap-icon-TNT].sap-icon-TNT--color-neutral{--fdIcon_Color:var(--sapNeutralElementColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-neutral{--fdIcon_Background_Color: } +[class*=sap-icon-TNT].sap-icon-TNT--color-positive{--fdIcon_Color:var(--sapPositiveElementColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-positive{--fdIcon_Background_Color: } +[class*=sap-icon-TNT].sap-icon-TNT--color-information{--fdIcon_Color:var(--sapInformativeElementColor)} +[class*=sap-icon-TNT].sap-icon-TNT--background-information{--fdIcon_Background_Color: } +.sap-icon--accidental-leave:before{content:"\e000"} +.sap-icon--account:before{content:"\e001"} +.sap-icon--wrench:before{content:"\e002"} +.sap-icon--windows-doors:before{content:"\e003"} +.sap-icon--washing-machine:before{content:"\e004"} +.sap-icon--visits:before{content:"\e005"} +.sap-icon--video:before{content:"\e006"} +.sap-icon--travel-expense:before{content:"\e007"} +.sap-icon--temperature:before{content:"\e008"} +.sap-icon--task:before{content:"\e009"} +.sap-icon--synchronize:before{content:"\e00a"} +.sap-icon--survey:before{content:"\e00b"} +.sap-icon--settings:before{content:"\e00c"} +.sap-icon--search:before{content:"\e00d"} +.sap-icon--sales-document:before{content:"\e00e"} +.sap-icon--retail-store:before{content:"\e00f"} +.sap-icon--refresh:before{content:"\e010"} +.sap-icon--product:before{content:"\e011"} +.sap-icon--present:before{content:"\e012"} +.sap-icon--ppt-attachment:before{content:"\e013"} +.sap-icon--pool:before{content:"\e014"} +.sap-icon--pie-chart:before{content:"\e015"} +.sap-icon--picture:before{content:"\e016"} +.sap-icon--photo-voltaic:before{content:"\e017"} +.sap-icon--phone:before{content:"\e018"} +.sap-icon--pending:before{content:"\e019"} +.sap-icon--pdf-attachment:before{content:"\e01a"} +.sap-icon--past:before{content:"\e01b"} +.sap-icon--outgoing-call:before{content:"\e01c"} +.sap-icon--opportunity:before{content:"\e01d"} +.sap-icon--opportunities:before{content:"\e01e"} +.sap-icon--notes:before{content:"\e01f"} +.sap-icon--money-bills:before{content:"\e020"} +.sap-icon--map:before{content:"\e021"} +.sap-icon--log:before{content:"\e022"} +.sap-icon--line-charts:before{content:"\e023"} +.sap-icon--lightbulb:before{content:"\e024"} +.sap-icon--leads:before{content:"\e025"} +.sap-icon--lead:before{content:"\e026"} +.sap-icon--laptop:before{content:"\e027"} +.sap-icon--kpi-managing-my-area:before{content:"\e028"} +.sap-icon--kpi-corporate-performance:before{content:"\e029"} +.sap-icon--incoming-call:before{content:"\e02a"} +.sap-icon--inbox:before{content:"\e02b"} +.sap-icon--horizontal-bar-chart:before{content:"\e02c"} +.sap-icon--history:before{content:"\e02d"} +.sap-icon--heating-cooling:before{content:"\e02e"} +.sap-icon--gantt-bars:before{content:"\e02f"} +.sap-icon--future:before{content:"\e030"} +.sap-icon--fridge:before{content:"\e031"} +.sap-icon--fallback:before{content:"\e032"} +.sap-icon--expense-report:before{content:"\e033"} +.sap-icon--excel-attachment:before{content:"\e034"} +.sap-icon--energy-saving-lightbulb:before{content:"\e035"} +.sap-icon--employee:before{content:"\e036"} +.sap-icon--email:before{content:"\e037"} +.sap-icon--edit:before{content:"\e038"} +.sap-icon--duplicate:before{content:"\e039"} +.sap-icon--download:before{content:"\e03a"} +.sap-icon--doc-attachment:before{content:"\e03b"} +.sap-icon--dishwasher:before{content:"\e03c"} +.sap-icon--delete:before{content:"\e03d"} +.sap-icon--decline:before{content:"\e03e"} +.sap-icon--complete:before{content:"\e03f"} +.sap-icon--competitor:before{content:"\e040"} +.sap-icon--collections-management:before{content:"\e041"} +.sap-icon--chalkboard:before{content:"\e042"} +.sap-icon--cart:before{content:"\e043"} +.sap-icon--card:before{content:"\e044"} +.sap-icon--camera:before{content:"\e045"} +.sap-icon--calendar:before{content:"\e046"} +.sap-icon--begin:before{content:"\e047"} +.sap-icon--basket:before{content:"\e048"} +.sap-icon--bar-chart:before{content:"\e049"} +.sap-icon--attachment:before{content:"\e04a"} +.sap-icon--arrow-top:before{content:"\e04b"} +.sap-icon--arrow-right:before{content:"\e04c"} +.sap-icon--arrow-left:before{content:"\e04d"} +.sap-icon--arrow-bottom:before{content:"\e04e"} +.sap-icon--approvals:before{content:"\e04f"} +.sap-icon--appointment:before{content:"\e050"} +.sap-icon--alphabetical-order:before{content:"\e051"} +.sap-icon--along-stacked-chart:before{content:"\e052"} +.sap-icon--alert:before{content:"\e053"} +.sap-icon--addresses:before{content:"\e054"} +.sap-icon--address-book:before{content:"\e055"} +.sap-icon--add-filter:before{content:"\e056"} +.sap-icon--add-favorite:before{content:"\e057"} +.sap-icon--add:before{content:"\e058"} +.sap-icon--activities:before{content:"\e059"} +.sap-icon--action:before{content:"\e05a"} +.sap-icon--accept:before{content:"\e05b"} +.sap-icon--hint:before{content:"\e05c"} +.sap-icon--group:before{content:"\e05d"} +.sap-icon--check-availability:before{content:"\e05e"} +.sap-icon--weather-proofing:before{content:"\e05f"} +.sap-icon--payment-approval:before{content:"\e060"} +.sap-icon--batch-payments:before{content:"\e061"} +.sap-icon--bed:before{content:"\e062"} +.sap-icon--arobase:before{content:"\e063"} +.sap-icon--family-care:before{content:"\e064"} +.sap-icon--favorite:before{content:"\e065"} +.sap-icon--navigation-right-arrow:before{content:"\e066"} +.sap-icon--navigation-left-arrow:before{content:"\e067"} +.sap-icon--e-care:before{content:"\e068"} +.sap-icon--less:before{content:"\e069"} +.sap-icon--lateness:before{content:"\e06a"} +.sap-icon--lab:before{content:"\e06b"} +.sap-icon--internet-browser:before{content:"\e06c"} +.sap-icon--instance:before{content:"\e06d"} +.sap-icon--inspection:before{content:"\e06e"} +.sap-icon--image-viewer:before{content:"\e06f"} +.sap-icon--home:before{content:"\e070"} +.sap-icon--grid:before{content:"\e071"} +.sap-icon--goalseek:before{content:"\e072"} +.sap-icon--general-leave-request:before{content:"\e073"} +.sap-icon--create-leave-request:before{content:"\e074"} +.sap-icon--flight:before{content:"\e075"} +.sap-icon--filter:before{content:"\e076"} +.sap-icon--favorite-list:before{content:"\e077"} +.sap-icon--factory:before{content:"\e078"} +.sap-icon--endoscopy:before{content:"\e079"} +.sap-icon--employee-pane:before{content:"\e07a"} +.sap-icon--employee-approvals:before{content:"\e07b"} +.sap-icon--email-read:before{content:"\e07c"} +.sap-icon--electrocardiogram:before{content:"\e07d"} +.sap-icon--documents:before{content:"\e07e"} +.sap-icon--decision:before{content:"\e07f"} +.sap-icon--database:before{content:"\e080"} +.sap-icon--customer-history:before{content:"\e081"} +.sap-icon--customer:before{content:"\e082"} +.sap-icon--credit-card:before{content:"\e083"} +.sap-icon--create-entry-time:before{content:"\e084"} +.sap-icon--contacts:before{content:"\e085"} +.sap-icon--compare:before{content:"\e086"} +.sap-icon--clinical-order:before{content:"\e087"} +.sap-icon--chain-link:before{content:"\e088"} +.sap-icon--pull-down:before{content:"\e089"} +.sap-icon--cargo-train:before{content:"\e08a"} +.sap-icon--car-rental:before{content:"\e08b"} +.sap-icon--business-card:before{content:"\e08c"} +.sap-icon--bar-code:before{content:"\e08d"} +.sap-icon--folder-blank:before{content:"\e08e"} +.sap-icon--passenger-train:before{content:"\e08f"} +.sap-icon--question-mark:before{content:"\e090"} +.sap-icon--world:before{content:"\e091"} +.sap-icon--iphone:before{content:"\e092"} +.sap-icon--ipad:before{content:"\e093"} +.sap-icon--warning:before{content:"\e094"} +.sap-icon--sort:before{content:"\e095"} +.sap-icon--course-book:before{content:"\e096"} +.sap-icon--course-program:before{content:"\e097"} +.sap-icon--add-coursebook:before{content:"\e098"} +.sap-icon--print:before{content:"\e099"} +.sap-icon--save:before{content:"\e09a"} +.sap-icon--play:before{content:"\e09b"} +.sap-icon--pause:before{content:"\e09c"} +.sap-icon--record:before{content:"\e09d"} +.sap-icon--response:before{content:"\e09e"} +.sap-icon--pushpin-on:before{content:"\e09f"} +.sap-icon--pushpin-off:before{content:"\e0a0"} +.sap-icon--unfavorite:before{content:"\e0a1"} +.sap-icon--learning-assistant:before{content:"\e0a2"} +.sap-icon--timesheet:before{content:"\e0a3"} +.sap-icon--time-entry-request:before{content:"\e0a4"} +.sap-icon--list:before{content:"\e0a5"} +.sap-icon--action-settings:before{content:"\e0a6"} +.sap-icon--share:before{content:"\e0a7"} +.sap-icon--feed:before{content:"\e0a8"} +.sap-icon--role:before{content:"\e0a9"} +.sap-icon--flag:before{content:"\e0aa"} +.sap-icon--post:before{content:"\e0ab"} +.sap-icon--inspect:before{content:"\e0ac"} +.sap-icon--inspect-down:before{content:"\e0ad"} +.sap-icon--appointment-2:before{content:"\e0ae"} +.sap-icon--target-group:before{content:"\e0af"} +.sap-icon--marketing-campaign:before{content:"\e0b0"} +.sap-icon--message-error:before,.sap-icon--notification:before{content:"\e0b1"} +.sap-icon--comment:before{content:"\e0b2"} +.sap-icon--shipping-status:before{content:"\e0b3"} +.sap-icon--collaborate:before{content:"\e0b4"} +.sap-icon--shortcut:before{content:"\e0b5"} +.sap-icon--lead-outdated:before{content:"\e0b6"} +.sap-icon--tools-opportunity:before{content:"\e0b7"} +.sap-icon--permission:before{content:"\e0b8"} +.sap-icon--supplier:before{content:"\e0b9"} +.sap-icon--table-view:before{content:"\e0ba"} +.sap-icon--table-chart:before{content:"\e0bb"} +.sap-icon--switch-views:before{content:"\e0bc"} +.sap-icon--e-learning:before{content:"\e0bd"} +.sap-icon--manager:before{content:"\e0be"} +.sap-icon--switch-classes:before{content:"\e0bf"} +.sap-icon--simple-payment:before{content:"\e0c0"} +.sap-icon--signature:before{content:"\e0c1"} +.sap-icon--sales-order-item:before{content:"\e0c2"} +.sap-icon--sales-order:before{content:"\e0c3"} +.sap-icon--request:before{content:"\e0c4"} +.sap-icon--receipt:before{content:"\e0c5"} +.sap-icon--puzzle:before{content:"\e0c6"} +.sap-icon--process:before{content:"\e0c7"} +.sap-icon--private:before{content:"\e0c8"} +.sap-icon--popup-window:before{content:"\e0c9"} +.sap-icon--person-placeholder:before{content:"\e0ca"} +.sap-icon--per-diem:before{content:"\e0cb"} +.sap-icon--paper-plane:before{content:"\e0cc"} +.sap-icon--paid-leave:before{content:"\e0cd"} +.sap-icon--pdf-reader:before{content:"\e0ce"} +.sap-icon--overview-chart:before{content:"\e0cf"} +.sap-icon--overlay:before{content:"\e0d0"} +.sap-icon--org-chart:before{content:"\e0d1"} +.sap-icon--number-sign:before{content:"\e0d2"} +.sap-icon--notification-2:before{content:"\e0d3"} +.sap-icon--my-sales-order:before{content:"\e0d4"} +.sap-icon--meal:before{content:"\e0d5"} +.sap-icon--loan:before{content:"\e0d6"} +.sap-icon--order-status:before{content:"\e0d7"} +.sap-icon--customer-order-entry:before{content:"\e0d8"} +.sap-icon--performance:before{content:"\e0d9"} +.sap-icon--menu:before{content:"\e0da"} +.sap-icon--employee-lookup:before{content:"\e0db"} +.sap-icon--education:before{content:"\e0dc"} +.sap-icon--customer-briefing:before{content:"\e0dd"} +.sap-icon--customer-and-contacts:before{content:"\e0de"} +.sap-icon--my-view:before{content:"\e0df"} +.sap-icon--accelerated:before{content:"\e0e0"} +.sap-icon--to-be-reviewed:before{content:"\e0e1"} +.sap-icon--warning2:before{content:"\e0e2"} +.sap-icon--feeder-arrow:before{content:"\e0e3"} +.sap-icon--quality-issue:before{content:"\e0e4"} +.sap-icon--workflow-tasks:before{content:"\e0e5"} +.sap-icon--create:before{content:"\e0e6"} +.sap-icon--home-share:before{content:"\e0e7"} +.sap-icon--globe:before{content:"\e0e8"} +.sap-icon--tags:before{content:"\e0e9"} +.sap-icon--work-history:before{content:"\e0ea"} +.sap-icon--x-ray:before{content:"\e0eb"} +.sap-icon--wounds-doc:before{content:"\e0ec"} +.sap-icon--web-cam:before{content:"\e0ed"} +.sap-icon--waiver:before{content:"\e0ee"} +.sap-icon--vertical-bar-chart:before{content:"\e0ef"} +.sap-icon--upstacked-chart:before{content:"\e0f0"} +.sap-icon--trip-report:before{content:"\e0f1"} +.sap-icon--microphone:before{content:"\e0f2"} +.sap-icon--unpaid-leave:before{content:"\e0f3"} +.sap-icon--tree:before{content:"\e0f4"} +.sap-icon--toaster-up:before{content:"\e0f5"} +.sap-icon--toaster-top:before{content:"\e0f6"} +.sap-icon--toaster-down:before{content:"\e0f7"} +.sap-icon--time-account:before{content:"\e0f8"} +.sap-icon--theater:before{content:"\e0f9"} +.sap-icon--taxi:before{content:"\e0fa"} +.sap-icon--subway-train:before{content:"\e0fb"} +.sap-icon--study-leave:before{content:"\e0fc"} +.sap-icon--stethoscope:before{content:"\e0fd"} +.sap-icon--step:before{content:"\e0fe"} +.sap-icon--sonography:before{content:"\e0ff"} +.sap-icon--soccer:before,.sap-icon--soccor:before{content:"\e100"} +.sap-icon--physical-activity:before{content:"\e101"} +.sap-icon--pharmacy:before{content:"\e102"} +.sap-icon--official-service:before{content:"\e103"} +.sap-icon--offsite-work:before{content:"\e104"} +.sap-icon--nutrition-activity:before{content:"\e105"} +.sap-icon--newspaper:before{content:"\e106"} +.sap-icon--monitor-payments:before{content:"\e107"} +.sap-icon--map-2:before{content:"\e108"} +.sap-icon--machine:before{content:"\e109"} +.sap-icon--mri-scan:before{content:"\e10a"} +.sap-icon--end-user-experience-monitoring:before{content:"\e10b"} +.sap-icon--unwired:before{content:"\e10c"} +.sap-icon--customer-financial-fact-sheet:before{content:"\e10d"} +.sap-icon--retail-store-manager:before{content:"\e10e"} +.sap-icon--Netweaver-business-client:before{content:"\e10f"} +.sap-icon--electronic-medical-record:before{content:"\e110"} +.sap-icon--eam-work-order:before{content:"\e111"} +.sap-icon--customer-view:before{content:"\e112"} +.sap-icon--crm-service-manager:before{content:"\e113"} +.sap-icon--crm-sales:before{content:"\e114"} +.sap-icon--widgets:before{content:"\e115"} +.sap-icon--commission-check:before{content:"\e116"} +.sap-icon--collections-insight:before{content:"\e117"} +.sap-icon--clinical-task-tracker:before{content:"\e118"} +.sap-icon--citizen-connect:before{content:"\e119"} +.sap-icon--cart-approval:before{content:"\e11a"} +.sap-icon--capital-projects:before{content:"\e11b"} +.sap-icon--bo-strategy-management:before{content:"\e11c"} +.sap-icon--business-objects-mobile:before{content:"\e11d"} +.sap-icon--business-objects-explorer:before{content:"\e11e"} +.sap-icon--business-objects-experience:before{content:"\e11f"} +.sap-icon--bbyd-dashboard:before{content:"\e120"} +.sap-icon--bbyd-active-sales:before{content:"\e121"} +.sap-icon--business-by-design:before{content:"\e122"} +.sap-icon--business-one:before{content:"\e123"} +.sap-icon--sap-box:before{content:"\e124"} +.sap-icon--manager-insight:before{content:"\e125"} +.sap-icon--accounting-document-verification:before{content:"\e126"} +.sap-icon--hr-approval:before{content:"\e127"} +.sap-icon--idea-wall:before{content:"\e128"} +.sap-icon--Chart-Tree-Map:before{content:"\e129"} +.sap-icon--cart-5:before{content:"\e12a"} +.sap-icon--cart-4:before{content:"\e12b"} +.sap-icon--wallet:before{content:"\e12c"} +.sap-icon--vehicle-repair:before{content:"\e12d"} +.sap-icon--upload:before{content:"\e12e"} +.sap-icon--unlocked:before{content:"\e12f"} +.sap-icon--umbrella:before{content:"\e130"} +.sap-icon--travel-request:before{content:"\e131"} +.sap-icon--travel-expense-report:before{content:"\e132"} +.sap-icon--travel-itinerary:before{content:"\e133"} +.sap-icon--time-overtime:before{content:"\e134"} +.sap-icon--thing-type:before{content:"\e135"} +.sap-icon--technical-object:before{content:"\e136"} +.sap-icon--tag:before{content:"\e137"} +.sap-icon--syringe:before{content:"\e138"} +.sap-icon--syntax:before{content:"\e139"} +.sap-icon--suitcase:before{content:"\e13a"} +.sap-icon--simulate:before{content:"\e13b"} +.sap-icon--shield:before{content:"\e13c"} +.sap-icon--share-2:before{content:"\e13d"} +.sap-icon--sales-quote:before{content:"\e13e"} +.sap-icon--repost:before{content:"\e13f"} +.sap-icon--provision:before{content:"\e140"} +.sap-icon--projector:before{content:"\e141"} +.sap-icon--add-product:before{content:"\e142"} +.sap-icon--pipeline-analysis:before{content:"\e143"} +.sap-icon--add-photo:before{content:"\e144"} +.sap-icon--palette:before{content:"\e145"} +.sap-icon--nurse:before{content:"\e146"} +.sap-icon--sales-notification:before{content:"\e147"} +.sap-icon--mileage:before{content:"\e148"} +.sap-icon--meeting-room:before{content:"\e149"} +.sap-icon--media-forward:before{content:"\e14a"} +.sap-icon--media-play:before{content:"\e14b"} +.sap-icon--media-pause:before{content:"\e14c"} +.sap-icon--media-reverse:before{content:"\e14d"} +.sap-icon--media-rewind:before{content:"\e14e"} +.sap-icon--measurement-document:before{content:"\e14f"} +.sap-icon--measuring-point:before{content:"\e150"} +.sap-icon--measure:before{content:"\e151"} +.sap-icon--map-3:before{content:"\e152"} +.sap-icon--locked:before{content:"\e153"} +.sap-icon--letter:before{content:"\e154"} +.sap-icon--journey-arrive:before{content:"\e155"} +.sap-icon--journey-change:before{content:"\e156"} +.sap-icon--journey-depart:before{content:"\e157"} +.sap-icon--it-system:before{content:"\e158"} +.sap-icon--it-instance:before{content:"\e159"} +.sap-icon--it-host:before{content:"\e15a"} +.sap-icon--iphone-2:before{content:"\e15b"} +.sap-icon--ipad-2:before{content:"\e15c"} +.sap-icon--inventory:before{content:"\e15d"} +.sap-icon--insurance-house:before{content:"\e15e"} +.sap-icon--insurance-life:before{content:"\e15f"} +.sap-icon--insurance-car:before{content:"\e160"} +.sap-icon--initiative:before{content:"\e161"} +.sap-icon--incident:before{content:"\e162"} +.sap-icon--group-2:before{content:"\e163"} +.sap-icon--goal:before{content:"\e164"} +.sap-icon--functional-location:before{content:"\e165"} +.sap-icon--full-screen:before{content:"\e166"} +.sap-icon--form:before{content:"\e167"} +.sap-icon--fob-watch:before{content:"\e168"} +.sap-icon--blank-tag:before{content:"\e169"} +.sap-icon--family-protection:before{content:"\e16a"} +.sap-icon--folder:before{content:"\e16b"} +.sap-icon--fax-machine:before{content:"\e16c"} +.sap-icon--example:before{content:"\e16d"} +.sap-icon--eraser:before{content:"\e16e"} +.sap-icon--employee-rejections:before{content:"\e16f"} +.sap-icon--drop-down-list:before{content:"\e170"} +.sap-icon--draw-rectangle:before{content:"\e171"} +.sap-icon--document:before{content:"\e172"} +.sap-icon--doctor:before{content:"\e173"} +.sap-icon--discussion-2:before{content:"\e174"} +.sap-icon--discussion:before{content:"\e175"} +.sap-icon--dimension:before{content:"\e176"} +.sap-icon--customer-and-supplier:before{content:"\e177"} +.sap-icon--crop:before{content:"\e178"} +.sap-icon--add-contact:before{content:"\e179"} +.sap-icon--compare-2:before{content:"\e17a"} +.sap-icon--color-fill:before{content:"\e17b"} +.sap-icon--collision:before{content:"\e17c"} +.sap-icon--curriculum:before{content:"\e17d"} +.sap-icon--chart-axis:before{content:"\e17e"} +.sap-icon--full-stacked-chart:before{content:"\e17f"} +.sap-icon--full-stacked-column-chart:before{content:"\e180"} +.sap-icon--vertical-bar-chart-2:before{content:"\e181"} +.sap-icon--horizontal-bar-chart-2:before{content:"\e182"} +.sap-icon--horizontal-stacked-chart:before{content:"\e183"} +.sap-icon--vertical-stacked-chart:before{content:"\e184"} +.sap-icon--choropleth-chart:before{content:"\e185"} +.sap-icon--geographic-bubble-chart:before{content:"\e186"} +.sap-icon--multiple-radar-chart:before{content:"\e187"} +.sap-icon--radar-chart:before{content:"\e188"} +.sap-icon--crossed-line-chart:before{content:"\e189"} +.sap-icon--multiple-line-chart:before{content:"\e18a"} +.sap-icon--multiple-bar-chart:before{content:"\e18b"} +.sap-icon--line-chart:before{content:"\e18c"} +.sap-icon--line-chart-dual-axis:before{content:"\e18d"} +.sap-icon--bubble-chart:before{content:"\e18e"} +.sap-icon--scatter-chart:before{content:"\e18f"} +.sap-icon--multiple-pie-chart:before{content:"\e190"} +.sap-icon--column-chart-dual-axis:before{content:"\e191"} +.sap-icon--tag-cloud-chart:before{content:"\e192"} +.sap-icon--area-chart:before{content:"\e193"} +.sap-icon--cause:before{content:"\e194"} +.sap-icon--cart-3:before{content:"\e195"} +.sap-icon--cart-2:before{content:"\e196"} +.sap-icon--bus-public-transport:before{content:"\e197"} +.sap-icon--burglary:before{content:"\e198"} +.sap-icon--building:before{content:"\e199"} +.sap-icon--border:before{content:"\e19a"} +.sap-icon--bookmark:before{content:"\e19b"} +.sap-icon--badge:before{content:"\e19c"} +.sap-icon--attachment-audio:before{content:"\e19d"} +.sap-icon--attachment-video:before{content:"\e19e"} +.sap-icon--attachment-html:before{content:"\e19f"} +.sap-icon--attachment-photo:before{content:"\e1a0"} +.sap-icon--attachment-e-pub:before{content:"\e1a1"} +.sap-icon--attachment-zip-file:before{content:"\e1a2"} +.sap-icon--attachment-text-file:before{content:"\e1a3"} +.sap-icon--add-equipment:before{content:"\e1a4"} +.sap-icon--add-activity:before{content:"\e1a5"} +.sap-icon--activity-individual:before{content:"\e1a6"} +.sap-icon--activity-2:before{content:"\e1a7"} +.sap-icon--add-activity-2:before{content:"\e1a8"} +.sap-icon--activity-items:before{content:"\e1a9"} +.sap-icon--activity-assigned-to-goal:before{content:"\e1aa"} +.sap-icon--status-completed:before,.sap-icon--status-positive:before{content:"\e1ab"} +.sap-icon--status-error:before,.sap-icon--status-negative:before{content:"\e1ac"} +.sap-icon--status-inactive:before{content:"\e1ad"} +.sap-icon--status-critical:before,.sap-icon--status-in-progress:before{content:"\e1ae"} +.sap-icon--blank-tag-2:before{content:"\e1af"} +.sap-icon--cart-full:before{content:"\e1b0"} +.sap-icon--locate-me:before{content:"\e1b1"} +.sap-icon--paging:before{content:"\e1b2"} +.sap-icon--company-view:before{content:"\e1b3"} +.sap-icon--document-text:before{content:"\e1b4"} +.sap-icon--explorer:before{content:"\e1b5"} +.sap-icon--personnel-view:before{content:"\e1b6"} +.sap-icon--sorting-ranking:before{content:"\e1b7"} +.sap-icon--drill-down:before{content:"\e1b8"} +.sap-icon--drill-up:before{content:"\e1b9"} +.sap-icon--vds-file:before{content:"\e1ba"} +.sap-icon--sap-logo-shape:before{content:"\e1bb"} +.sap-icon--folder-full:before{content:"\e1bc"} +.sap-icon--system-exit:before{content:"\e1bd"} +.sap-icon--system-exit-2:before{content:"\e1be"} +.sap-icon--close-command-field:before{content:"\e1bf"} +.sap-icon--open-command-field:before{content:"\e1c0"} +.sap-icon--sys-enter-2:before{content:"\e1c1"} +.sap-icon--sys-enter:before{content:"\e1c2"} +.sap-icon--sys-help-2:before{content:"\e1c3"} +.sap-icon--sys-help:before{content:"\e1c4"} +.sap-icon--sys-back:before{content:"\e1c5"} +.sap-icon--sys-back-2:before{content:"\e1c6"} +.sap-icon--sys-cancel:before{content:"\e1c7"} +.sap-icon--sys-cancel-2:before{content:"\e1c8"} +.sap-icon--open-folder:before{content:"\e1c9"} +.sap-icon--sys-find-next:before{content:"\e1ca"} +.sap-icon--sys-find:before{content:"\e1cb"} +.sap-icon--sys-monitor:before{content:"\e1cc"} +.sap-icon--sys-prev-page:before{content:"\e1cd"} +.sap-icon--sys-first-page:before{content:"\e1ce"} +.sap-icon--sys-next-page:before{content:"\e1cf"} +.sap-icon--sys-last-page:before{content:"\e1d0"} +.sap-icon--generate-shortcut:before{content:"\e1d1"} +.sap-icon--create-session:before{content:"\e1d2"} +.sap-icon--display-more:before{content:"\e1d3"} +.sap-icon--enter-more:before{content:"\e1d4"} +.sap-icon--zoom-in:before{content:"\e1d5"} +.sap-icon--zoom-out:before{content:"\e1d6"} +.sap-icon--header:before{content:"\e1d7"} +.sap-icon--detail-view:before,.sap-icon--show-edit:before{content:"\e1d8"} +.sap-icon--collapse:before{content:"\e1d9"} +.sap-icon--expand:before{content:"\e1da"} +.sap-icon--positive:before{content:"\e1db"} +.sap-icon--negative:before{content:"\e1dc"} +.sap-icon--display:before{content:"\e1dd"} +.sap-icon--menu2:before{content:"\e1de"} +.sap-icon--redo:before{content:"\e1df"} +.sap-icon--undo:before{content:"\e1e0"} +.sap-icon--navigation-up-arrow:before{content:"\e1e1"} +.sap-icon--navigation-down-arrow:before{content:"\e1e2"} +.sap-icon--down:before{content:"\e1e3"} +.sap-icon--up:before{content:"\e1e4"} +.sap-icon--shelf:before{content:"\e1e5"} +.sap-icon--background:before{content:"\e1e6"} +.sap-icon--resize:before{content:"\e1e7"} +.sap-icon--move:before{content:"\e1e8"} +.sap-icon--show:before{content:"\e1e9"} +.sap-icon--hide:before{content:"\e1ea"} +.sap-icon--nav-back:before{content:"\e1eb"} +.sap-icon--error:before{content:"\e1ec"} +.sap-icon--slim-arrow-right:before{content:"\e1ed"} +.sap-icon--slim-arrow-left:before{content:"\e1ee"} +.sap-icon--slim-arrow-down:before{content:"\e1ef"} +.sap-icon--slim-arrow-up:before{content:"\e1f0"} +.sap-icon--forward:before{content:"\e1f1"} +.sap-icon--overflow:before{content:"\e1f2"} +.sap-icon--value-help:before{content:"\e1f3"} +.sap-icon--multi-select:before,.sap-icon--multiselect:before{content:"\e1f4"} +.sap-icon--exit-full-screen:before,.sap-icon--exitfullscreen:before{content:"\e1f5"} +.sap-icon--sys-add:before{content:"\e1f6"} +.sap-icon--sys-minus:before{content:"\e1f7"} +.sap-icon--dropdown:before{content:"\e1f8"} +.sap-icon--expand-group:before{content:"\e1f9"} +.sap-icon--vertical-grip:before{content:"\e1fa"} +.sap-icon--horizontal-grip:before{content:"\e1fb"} +.sap-icon--sort-descending:before{content:"\e1fc"} +.sap-icon--sort-ascending:before{content:"\e1fd"} +.sap-icon--arrow-down:before{content:"\e1fe"} +.sap-icon--legend:before{content:"\e1ff"} +.sap-icon--collapse-group:before{content:"\e200"} +.sap-icon--message-warning:before{content:"\e201"} +.sap-icon--message-information:before{content:"\e202"} +.sap-icon--message-success:before{content:"\e203"} +.sap-icon--restart:before{content:"\e204"} +.sap-icon--stop:before{content:"\e205"} +.sap-icon--add-process:before{content:"\e206"} +.sap-icon--cancel-maintenance:before{content:"\e207"} +.sap-icon--activate:before{content:"\e208"} +.sap-icon--resize-horizontal:before{content:"\e209"} +.sap-icon--resize-vertical:before{content:"\e20a"} +.sap-icon--connected:before{content:"\e20b"} +.sap-icon--disconnected:before{content:"\e20c"} +.sap-icon--edit-outside:before{content:"\e20d"} +.sap-icon--key:before{content:"\e20e"} +.sap-icon--minimize:before{content:"\e20f"} +.sap-icon--back-to-top:before{content:"\e210"} +.sap-icon--hello-world:before{content:"\e211"} +.sap-icon--outbox:before{content:"\e212"} +.sap-icon--donut-chart:before{content:"\e213"} +.sap-icon--heatmap-chart:before{content:"\e214"} +.sap-icon--horizontal-bullet-chart:before{content:"\e215"} +.sap-icon--vertical-bullet-chart:before{content:"\e216"} +.sap-icon--call:before{content:"\e217"} +.sap-icon--download-from-cloud:before{content:"\e218"} +.sap-icon--upload-to-cloud:before{content:"\e219"} +.sap-icon--jam:before{content:"\e21a"} +.sap-icon--sap-ui5:before{content:"\e21b"} +.sap-icon--message-popup:before{content:"\e21c"} +.sap-icon--cloud:before{content:"\e21d"} +.sap-icon--horizontal-waterfall-chart:before{content:"\e21e"} +.sap-icon--vertical-waterfall-chart:before{content:"\e21f"} +.sap-icon--broken-link:before{content:"\e220"} +.sap-icon--headset:before{content:"\e221"} +.sap-icon--thumb-up:before{content:"\e222"} +.sap-icon--thumb-down:before{content:"\e223"} +.sap-icon--multiselect-all:before{content:"\e224"} +.sap-icon--multiselect-none:before{content:"\e225"} +.sap-icon--scissors:before{content:"\e226"} +.sap-icon--sound:before{content:"\e227"} +.sap-icon--sound-loud:before{content:"\e228"} +.sap-icon--sound-off:before{content:"\e229"} +.sap-icon--date-time:before{content:"\e22a"} +.sap-icon--user-settings:before{content:"\e22b"} +.sap-icon--key-user-settings:before{content:"\e22c"} +.sap-icon--developer-settings:before{content:"\e22d"} +.sap-icon--text-formatting:before{content:"\e22e"} +.sap-icon--bold-text:before{content:"\e22f"} +.sap-icon--italic-text:before{content:"\e230"} +.sap-icon--underline-text:before{content:"\e231"} +.sap-icon--text-align-justified:before{content:"\e232"} +.sap-icon--text-align-left:before{content:"\e233"} +.sap-icon--text-align-center:before{content:"\e234"} +.sap-icon--text-align-right:before{content:"\e235"} +.sap-icon--bullet-text:before{content:"\e236"} +.sap-icon--numbered-text:before{content:"\e237"} +.sap-icon--co:before{content:"\e238"} +.sap-icon--ui-notifications:before{content:"\e239"} +.sap-icon--bell:before{content:"\e23a"} +.sap-icon--cancel-share:before{content:"\e23b"} +.sap-icon--write-new-document:before{content:"\e23c"} +.sap-icon--write-new:before{content:"\e23d"} +.sap-icon--cancel:before{content:"\e23e"} +.sap-icon--screen-split-one:before{content:"\e23f"} +.sap-icon--screen-split-two:before{content:"\e240"} +.sap-icon--screen-split-three:before{content:"\e241"} +.sap-icon--customize:before{content:"\e242"} +.sap-icon--user-edit:before{content:"\e243"} +.sap-icon--source-code:before{content:"\e244"} +.sap-icon--copy:before{content:"\e245"} +.sap-icon--paste:before{content:"\e246"} +.sap-icon--line-chart-time-axis:before{content:"\e247"} +.sap-icon--clear-filter:before{content:"\e248"} +.sap-icon--reset:before{content:"\e249"} +.sap-icon--trend-up:before{content:"\e24a"} +.sap-icon--trend-down:before{content:"\e24b"} +.sap-icon--cursor-arrow:before,.sap-icon--cursor:before{content:"\e24c"} +.sap-icon--add-document:before{content:"\e24d"} +.sap-icon--create-form:before{content:"\e24e"} +.sap-icon--resize-corner:before{content:"\e24f"} +.sap-icon--chevron-phase:before{content:"\e250"} +.sap-icon--chevron-phase-2:before{content:"\e251"} +.sap-icon--rhombus-milestone:before{content:"\e252"} +.sap-icon--rhombus-milestone-2:before{content:"\e253"} +.sap-icon--circle-task:before{content:"\e254"} +.sap-icon--circle-task-2:before{content:"\e255"} +.sap-icon--project-definition-triangle:before{content:"\e256"} +.sap-icon--project-definition-triangle-2:before{content:"\e257"} +.sap-icon--master-task-triangle:before{content:"\e258"} +.sap-icon--master-task-triangle-2:before{content:"\e259"} +.sap-icon--program-triangles:before{content:"\e25a"} +.sap-icon--program-triangles-2:before{content:"\e25b"} +.sap-icon--mirrored-task-circle:before{content:"\e25c"} +.sap-icon--mirrored-task-circle-2:before{content:"\e25d"} +.sap-icon--checklist-item:before{content:"\e25e"} +.sap-icon--checklist-item-2:before{content:"\e25f"} +.sap-icon--checklist:before{content:"\e260"} +.sap-icon--checklist-2:before{content:"\e261"} +.sap-icon--chart-table-view:before{content:"\e262"} +.sap-icon--filter-analytics:before{content:"\e263"} +.sap-icon--filter-facets:before{content:"\e264"} +.sap-icon--filter-fields:before{content:"\e265"} +.sap-icon--indent:before{content:"\e266"} +.sap-icon--outdent:before{content:"\e267"} +.sap-icon--heading-1:before,.sap-icon--heading1:before{content:"\e268"} +.sap-icon--heading-2:before,.sap-icon--heading2:before{content:"\e269"} +.sap-icon--heading-3:before,.sap-icon--heading3:before{content:"\e26a"} +.sap-icon--decrease-line-height:before{content:"\e26b"} +.sap-icon--increase-line-height:before{content:"\e26c"} +.sap-icon--fx:before{content:"\e26d"} +.sap-icon--add-folder:before{content:"\e26e"} +.sap-icon--away:before{content:"\e26f"} +.sap-icon--busy:before{content:"\e270"} +.sap-icon--appear-offline:before{content:"\e271"} +.sap-icon--blur:before{content:"\e272"} +.sap-icon--pixelate:before{content:"\e273"} +.sap-icon--horizontal-combination-chart:before{content:"\e274"} +.sap-icon--add-employee:before{content:"\e275"} +.sap-icon--text-color:before{content:"\e276"} +.sap-icon--browse-folder:before{content:"\e277"} +.sap-icon--primary-key:before{content:"\e278"} +.sap-icon--two-keys:before{content:"\e279"} +.sap-icon--strikethrough:before{content:"\e27a"} +.sap-icon--text:before{content:"\e27b"} +.sap-icon--responsive:before{content:"\e27c"} +.sap-icon--desktop-mobile:before{content:"\e27d"} +.sap-icon--table-row:before{content:"\e27e"} +.sap-icon--table-column:before{content:"\e27f"} +.sap-icon--validate:before{content:"\e280"} +.sap-icon--keyboard-and-mouse:before{content:"\e281"} +.sap-icon--touch:before{content:"\e282"} +.sap-icon--expand-all:before{content:"\e283"} +.sap-icon--collapse-all:before{content:"\e284"} +.sap-icon--combine:before{content:"\e285"} +.sap-icon--split:before{content:"\e286"} +.sap-icon--megamenu:before{content:"\e287"} +.sap-icon--feedback:before{content:"\e288"} +.sap-icon--information:before{content:"\e289"} +.sap-icon--s4hana:before{content:"\e28a"} +.sap-icon--translate:before{content:"\e28b"} +.sap-icon--clear-all:before{content:"\e28c"} +.sap-icon--command-line-interfaces:before{content:"\e28d"} +.sap-icon--icon-sum:before{content:"\e28e"} +.sap-icon--icon-qr-code:before{content:"\e28f"} +.sap-icon--space-navigation:before{content:"\e290"} +.sap-icon--in-progress:before{content:"\e291"} +.sap-icon--not-editable:before{content:"\e292"} +.sap-icon--heart:before{content:"\e293"} +.sap-icon--heart-2:before{content:"\e294"} +.sap-icon--tri-state:before{content:"\e295"} +.sap-icon--bookmark-2:before{content:"\e296"} +.sap-icon--detail-less:before{content:"\e297"} +.sap-icon--detail-more:before{content:"\e298"} +.sap-icon--flag-2:before{content:"\e299"} +.sap-icon--folder-2:before{content:"\e29a"} +.sap-icon--paint-bucket:before{content:"\e29b"} +.sap-icon--direction-arrows:before{content:"\e29c"} +.sap-icon--binary:before,.sap-icon--non-binary:before{content:"\e29d"} +.sap-icon--female:before{content:"\e29e"} +.sap-icon--male:before{content:"\e29f"} +.sap-icon--gender-male-and-female:before{content:"\e300"} +.sap-icon--rotate:before{content:"\e301"} +.sap-icon--locate-me-2:before{content:"\e302"} +.sap-icon--map-fill:before{content:"\e303"} +.sap-icon--cloud-check:before{content:"\e304"} +.sap-icon--enablement:before{content:"\e305"} +.sap-icon--biometric-thumb:before{content:"\e306"} +.sap-icon--biometric-face:before{content:"\e307"} +.sap-icon--people-connected:before{content:"\e308"} +.sap-icon--select-appointments:before{content:"\e30b"} +.sap-icon--light-mode:before{content:"\e309"} +.sap-icon--dark-mode:before{content:"\e30a"} +.sap-icon--time-off:before{content:"\e30c"} +.sap-icon--add-calendar:before{content:"\e30d"} +.sap-icon--currency:before{content:"\e30e"} +.sap-icon--bell-2:before{content:"\e2a0"} +.sap-icon--accessibility:before{content:"\e2a1"} +.sap-icon--high-priority:before{content:"\e2a2"} +.sap-icon--da:before{content:"\e2a3"} +.sap-icon--da-2:before{content:"\e2a4"} +.sap-icon--ai:before{content:"\e2a5"} +.sap-icon--in-progress-2:before{content:"\e2a6"} +.sap-icon--unsynchronize:before{content:"\e2a7"} +.sap-icon--verified:before{content:"\e2a8"} +.sap-icon--walk-me:before{content:"\e2a9"} +.sap-icon--smart-watch:before{content:"\e2aa"} +.sap-icon--vr-glasses:before{content:"\e2ab"} +.sap-icon-businessSuiteInAppSymbols--heart:before{content:"\e000"} +.sap-icon-businessSuiteInAppSymbols--quarter:before{content:"\e001"} +.sap-icon-businessSuiteInAppSymbols--year:before{content:"\e002"} +.sap-icon-businessSuiteInAppSymbols--equalizer:before{content:"\e003"} +.sap-icon-businessSuiteInAppSymbols--component:before{content:"\e004"} +.sap-icon-businessSuiteInAppSymbols--component-private:before{content:"\e005"} +.sap-icon-businessSuiteInAppSymbols--raw-material:before{content:"\e006"} +.sap-icon-businessSuiteInAppSymbols--sms:before{content:"\e007"} +.sap-icon-businessSuiteInAppSymbols--add-note:before{content:"\e008"} +.sap-icon-businessSuiteInAppSymbols--change-time-horizon:before{content:"\e009"} +.sap-icon-businessSuiteInAppSymbols--table-chart-customization:before{content:"\e00a"} +.sap-icon-businessSuiteInAppSymbols--delegated-important-task:before{content:"\e00b"} +.sap-icon-businessSuiteInAppSymbols--forklift:before{content:"\e00c"} +.sap-icon-businessSuiteInAppSymbols--coins:before{content:"\e00d"} +.sap-icon-businessSuiteInAppSymbols--filter-menu:before{content:"\e00e"} +.sap-icon-businessSuiteInAppSymbols--target-to-date:before{content:"\e00f"} +.sap-icon-businessSuiteInAppSymbols--program:before{content:"\e010"} +.sap-icon-businessSuiteInAppSymbols--phase:before{content:"\e011"} +.sap-icon-businessSuiteInAppSymbols--checklist:before{content:"\e012"} +.sap-icon-businessSuiteInAppSymbols--mirrored-task:before{content:"\e013"} +.sap-icon-businessSuiteInAppSymbols--sub-project:before{content:"\e014"} +.sap-icon-businessSuiteInAppSymbols--checklist-item:before{content:"\e015"} +.sap-icon-businessSuiteInAppSymbols--adhoc-analysis:before{content:"\e016"} +.sap-icon-businessSuiteInAppSymbols--change-analysis:before{content:"\e017"} +.sap-icon-businessSuiteInAppSymbols--review-demands:before{content:"\e018"} +.sap-icon-businessSuiteInAppSymbols--project-definition:before{content:"\e019"} +.sap-icon-businessSuiteInAppSymbols--data-access:before{content:"\e01a"} +.sap-icon-businessSuiteInAppSymbols--define-shortage:before{content:"\e01b"} +.sap-icon-businessSuiteInAppSymbols--review-supplies:before{content:"\e01c"} +.sap-icon-businessSuiteInAppSymbols--change-log:before{content:"\e01d"} +.sap-icon-businessSuiteInAppSymbols--priority-1:before{content:"\e01e"} +.sap-icon-businessSuiteInAppSymbols--priority-2:before{content:"\e01f"} +.sap-icon-businessSuiteInAppSymbols--jam:before{content:"\e020"} +.sap-icon-businessSuiteInAppSymbols--milestone:before{content:"\e021"} +.sap-icon-businessSuiteInAppSymbols--bulleting-with-numbers:before{content:"\e022"} +.sap-icon-businessSuiteInAppSymbols--decrease-indent:before{content:"\e023"} +.sap-icon-businessSuiteInAppSymbols--increase-indent:before{content:"\e024"} +.sap-icon-businessSuiteInAppSymbols--bold:before{content:"\e025"} +.sap-icon-businessSuiteInAppSymbols--italic:before{content:"\e026"} +.sap-icon-businessSuiteInAppSymbols--strike-through:before{content:"\e027"} +.sap-icon-businessSuiteInAppSymbols--underline:before{content:"\e028"} +.sap-icon-businessSuiteInAppSymbols--save-as:before{content:"\e029"} +.sap-icon-businessSuiteInAppSymbols--segmentation:before{content:"\e02a"} +.sap-icon-businessSuiteInAppSymbols--context-menu:before{content:"\e02b"} +.sap-icon-businessSuiteInAppSymbols--snapshot:before{content:"\e02c"} +.sap-icon-businessSuiteInAppSymbols--subtraction-b-a:before{content:"\e02d"} +.sap-icon-businessSuiteInAppSymbols--subtraction-a-b:before{content:"\e02e"} +.sap-icon-businessSuiteInAppSymbols--intersection:before{content:"\e02f"} +.sap-icon-businessSuiteInAppSymbols--union:before{content:"\e030"} +.sap-icon-businessSuiteInAppSymbols--top:before{content:"\e031"} +.sap-icon-businessSuiteInAppSymbols--bottom:before{content:"\e032"} +.sap-icon-businessSuiteInAppSymbols--page-up:before{content:"\e033"} +.sap-icon-businessSuiteInAppSymbols--page-down:before{content:"\e034"} +.sap-icon-businessSuiteInAppSymbols--create-dashboard:before{content:"\e035"} +.sap-icon-businessSuiteInAppSymbols--excelsius-file:before{content:"\e036"} +.sap-icon-businessSuiteInAppSymbols--open-folder:before{content:"\e037"} +.sap-icon-businessSuiteInAppSymbols--neutral:before{content:"\e038"} +.sap-icon-businessSuiteInAppSymbols--split-segmentation:before{content:"\e039"} +.sap-icon-businessSuiteInAppSymbols--manage-budget:before{content:"\e03a"} +.sap-icon-businessSuiteInAppSymbols--blocked:before{content:"\e03b"} +.sap-icon-businessSuiteInAppSymbols--pipette:before{content:"\e03c"} +.sap-icon-businessSuiteInAppSymbols--top-recipe:before{content:"\e03d"} +.sap-icon-businessSuiteInAppSymbols--recipe:before{content:"\e03e"} +.sap-icon-businessSuiteInAppSymbols--ingredients:before{content:"\e03f"} +.sap-icon-businessSuiteInAppSymbols--multiple-charts:before{content:"\e040"} +.sap-icon-businessSuiteInAppSymbols--descending-bars:before{content:"\e041"} +.sap-icon-businessSuiteInAppSymbols--descending-stacked-bars:before{content:"\e042"} +.sap-icon-businessSuiteInAppSymbols--scatter-plot:before{content:"\e043"} +.sap-icon-businessSuiteInAppSymbols--spill:before{content:"\e044"} +.sap-icon-businessSuiteInAppSymbols--fire:before{content:"\e045"} +.sap-icon-businessSuiteInAppSymbols--stratification:before{content:"\e046"} +.sap-icon-businessSuiteInAppSymbols--relationship:before{content:"\e047"} +.sap-icon-businessSuiteInAppSymbols--margin-decomposition:before{content:"\e048"} +.sap-icon-businessSuiteInAppSymbols--control-group:before{content:"\e049"} +.sap-icon-businessSuiteInAppSymbols--comparison-chart:before{content:"\e04a"} +.sap-icon-businessSuiteInAppSymbols--responsible-area:before{content:"\e04b"} +.sap-icon-businessSuiteInAppSymbols--increase:before{content:"\e04c"} +.sap-icon-businessSuiteInAppSymbols--decrease:before{content:"\e04d"} +.sap-icon-businessSuiteInAppSymbols--current-stock:before{content:"\e04e"} +.sap-icon-businessSuiteInAppSymbols--expedite:before{content:"\e04f"} +.sap-icon-businessSuiteInAppSymbols--postpone:before{content:"\e050"} +.sap-icon-businessSuiteInAppSymbols--approved:before{content:"\e051"} +.sap-icon-businessSuiteInAppSymbols--partially-delivered:before{content:"\e052"} +.sap-icon-businessSuiteInAppSymbols--line-bar-chart:before{content:"\e053"} +.sap-icon-businessSuiteInAppSymbols--expand-all:before{content:"\e054"} +.sap-icon-businessSuiteInAppSymbols--submission:before{content:"\e055"} +.sap-icon-businessSuiteInAppSymbols--change-request:before{content:"\e056"} +.sap-icon-businessSuiteInAppSymbols--column-unselected:before{content:"\e057"} +.sap-icon-businessSuiteInAppSymbols--column-selected:before{content:"\e058"} +.sap-icon-businessSuiteInAppSymbols--row-unselected:before{content:"\e059"} +.sap-icon-businessSuiteInAppSymbols--row-selected:before{content:"\e05a"} +.sap-icon-businessSuiteInAppSymbols--stock-requirements:before{content:"\e05b"} +.sap-icon-businessSuiteInAppSymbols--gender-male-and-female:before{content:"\e05c"} +.sap-icon-businessSuiteInAppSymbols--marital-status:before{content:"\e05d"} +.sap-icon-businessSuiteInAppSymbols--birthday:before{content:"\e05e"} +.sap-icon-businessSuiteInAppSymbols--classification:before{content:"\e05f"} +.sap-icon-businessSuiteInAppSymbols--marked-for-deletion:before{content:"\e060"} +.sap-icon-businessSuiteInAppSymbols--bullet-chart:before{content:"\e061"} +.sap-icon-businessSuiteInAppSymbols--remove-filter:before{content:"\e062"} +.sap-icon-businessSuiteInAppSymbols--bank-account:before{content:"\e063"} +.sap-icon-businessSuiteInAppSymbols--savings-account:before{content:"\e064"} +.sap-icon-businessSuiteInAppSymbols--debit-card:before{content:"\e065"} +.sap-icon-businessSuiteInAppSymbols--vip-customer:before{content:"\e066"} +.sap-icon-businessSuiteInAppSymbols--undesirable-customer:before{content:"\e067"} +.sap-icon-businessSuiteInAppSymbols--answered-change-request:before{content:"\e068"} +.sap-icon-businessSuiteInAppSymbols--collected-change-request:before{content:"\e069"} +.sap-icon-businessSuiteInAppSymbols--draw-freehand:before{content:"\e06a"} +.sap-icon-businessSuiteInAppSymbols--draw-circle:before{content:"\e06b"} +.sap-icon-businessSuiteInAppSymbols--completed:before{content:"\e06c"} +.sap-icon-businessSuiteInAppSymbols--answered:before{content:"\e06d"} +.sap-icon-businessSuiteInAppSymbols--traffic-cone:before{content:"\e06e"} +.sap-icon-businessSuiteInAppSymbols--traffic-lights:before{content:"\e06f"} +.sap-icon-businessSuiteInAppSymbols--container:before{content:"\e070"} +.sap-icon-businessSuiteInAppSymbols--container-loading:before{content:"\e071"} +.sap-icon-businessSuiteInAppSymbols--traffic-jam:before{content:"\e072"} +.sap-icon-businessSuiteInAppSymbols--products:before{content:"\e073"} +.sap-icon-businessSuiteInAppSymbols--sidepanel:before{content:"\e074"} +.sap-icon-businessSuiteInAppSymbols--split-screen:before{content:"\e075"} +.sap-icon-businessSuiteInAppSymbols--truck-driver-2:before{content:"\e076"} +.sap-icon-businessSuiteInAppSymbols--keep-segment:before{content:"\e077"} +.sap-icon-businessSuiteInAppSymbols--exclude-segment:before{content:"\e078"} +.sap-icon-businessSuiteInAppSymbols--separate-segments:before{content:"\e079"} +.sap-icon-businessSuiteInAppSymbols--distribute-segments:before{content:"\e07a"} +.sap-icon-businessSuiteInAppSymbols--next-open-item:before{content:"\e07b"} +.sap-icon-businessSuiteInAppSymbols--where-used:before{content:"\e07c"} +.sap-icon-businessSuiteInAppSymbols--outbound-delivery:before{content:"\e07d"} +.sap-icon-businessSuiteInAppSymbols--outbound-delivery-inactive:before{content:"\e07e"} +.sap-icon-businessSuiteInAppSymbols--outbound-delivery-active:before{content:"\e07f"} +.sap-icon-businessSuiteInAppSymbols--target:before{content:"\e080"} +.sap-icon-businessSuiteInAppSymbols--source:before{content:"\e081"} +.sap-icon-businessSuiteInAppSymbols--material:before{content:"\e082"} +.sap-icon-businessSuiteInAppSymbols--due-date:before{content:"\e083"} +.sap-icon-businessSuiteInAppSymbols--overdue:before{content:"\e084"} +.sap-icon-businessSuiteInAppSymbols--set-as-default:before{content:"\e085"} +.sap-icon-businessSuiteInAppSymbols--face-very-bad:before{content:"\e086"} +.sap-icon-businessSuiteInAppSymbols--face-bad:before{content:"\e087"} +.sap-icon-businessSuiteInAppSymbols--face-skeptical:before{content:"\e088"} +.sap-icon-businessSuiteInAppSymbols--face-neutral:before{content:"\e089"} +.sap-icon-businessSuiteInAppSymbols--face-astonished:before{content:"\e08a"} +.sap-icon-businessSuiteInAppSymbols--face-happy:before{content:"\e08b"} +.sap-icon-businessSuiteInAppSymbols--face-very-happy:before{content:"\e08c"} +.sap-icon-businessSuiteInAppSymbols--face-awful:before{content:"\e08d"} +.sap-icon-businessSuiteInAppSymbols--face-devastated:before{content:"\e08e"} +.sap-icon-businessSuiteInAppSymbols--face-okey-dokey:before{content:"\e08f"} +.sap-icon-businessSuiteInAppSymbols--alarm:before{content:"\e090"} +.sap-icon-businessSuiteInAppSymbols--activate:before{content:"\e091"} +.sap-icon-businessSuiteInAppSymbols--segment-preview-reference-objects:before{content:"\e092"} +.sap-icon-businessSuiteInAppSymbols--radius:before{content:"\e093"} +.sap-icon-businessSuiteInAppSymbols--polygon-black:before{content:"\e094"} +.sap-icon-businessSuiteInAppSymbols--polygon-white:before{content:"\e095"} +.sap-icon-businessSuiteInAppSymbols--polygon:before{content:"\e096"} +.sap-icon-businessSuiteInAppSymbols--no-filter:before{content:"\e097"} +.sap-icon-businessSuiteInAppSymbols--grip:before{content:"\e098"} +.sap-icon-businessSuiteInAppSymbols--add-component:before{content:"\e099"} +.sap-icon-businessSuiteInAppSymbols--water:before{content:"\e09a"} +.sap-icon-businessSuiteInAppSymbols--gas:before{content:"\e09b"} +.sap-icon-businessSuiteInAppSymbols--liquid:before{content:"\e09c"} +.sap-icon-businessSuiteInAppSymbols--gas-2:before{content:"\e09d"} +.sap-icon-businessSuiteInAppSymbols--water-2:before{content:"\e09e"} +.sap-icon-businessSuiteInAppSymbols--operator:before{content:"\e09f"} +.sap-icon-businessSuiteInAppSymbols--target-filter:before{content:"\e0a0"} +.sap-icon-businessSuiteInAppSymbols--equipment:before{content:"\e0a1"} +.sap-icon-businessSuiteInAppSymbols--gis-layer:before{content:"\e0a2"} +.sap-icon-businessSuiteInAppSymbols--section:before{content:"\e0a3"} +.sap-icon-businessSuiteInAppSymbols--kohorte:before{content:"\e0a4"} +.sap-icon-businessSuiteInAppSymbols--female:before{content:"\e0a5"} +.sap-icon-businessSuiteInAppSymbols--male:before{content:"\e0a6"} +.sap-icon-businessSuiteInAppSymbols--model:before{content:"\e0a7"} +.sap-icon-businessSuiteInAppSymbols--hourglass:before{content:"\e0a8"} +.sap-icon-businessSuiteInAppSymbols--plain-grid-layout:before{content:"\e0a9"} +.sap-icon-businessSuiteInAppSymbols--top-panel-layout:before{content:"\e0aa"} +.sap-icon-businessSuiteInAppSymbols--2x1-grid-layout:before{content:"\e0ab"} +.sap-icon-businessSuiteInAppSymbols--1x2-grid-layout:before{content:"\e0ac"} +.sap-icon-businessSuiteInAppSymbols--side-panel-left-layout:before{content:"\e0ad"} +.sap-icon-businessSuiteInAppSymbols--2x2-grid-layout:before{content:"\e0ae"} +.sap-icon-businessSuiteInAppSymbols--inverse-t-layout:before{content:"\e0af"} +.sap-icon-businessSuiteInAppSymbols--t-layout:before{content:"\e0b0"} +.sap-icon-businessSuiteInAppSymbols--top-side-panel-layout:before{content:"\e0b1"} +.sap-icon-businessSuiteInAppSymbols--side-top-panel-layout:before{content:"\e0b2"} +.sap-icon-businessSuiteInAppSymbols--4x4-grid-layout:before{content:"\e0b3"} +.sap-icon-businessSuiteInAppSymbols--add-point:before{content:"\e0b4"} +.sap-icon-businessSuiteInAppSymbols--add-polyline:before{content:"\e0b5"} +.sap-icon-businessSuiteInAppSymbols--add-polygone:before{content:"\e0b6"} +.sap-icon-businessSuiteInAppSymbols--email-send-delayed:before{content:"\e0b7"} +.sap-icon-businessSuiteInAppSymbols--email-not-opened:before{content:"\e0b8"} +.sap-icon-businessSuiteInAppSymbols--link-not-clicked:before{content:"\e0b9"} +.sap-icon-businessSuiteInAppSymbols--sms-send-delayed:before{content:"\e0ba"} +.sap-icon-businessSuiteInAppSymbols--ab-testing:before{content:"\e0bb"} +.sap-icon-businessSuiteInAppSymbols--tv:before{content:"\e0bc"} +.sap-icon-businessSuiteInAppSymbols--radio:before{content:"\e0bd"} +.sap-icon-businessSuiteInAppSymbols--outdoor:before{content:"\e0be"} +.sap-icon-businessSuiteInAppSymbols--event:before{content:"\e0bf"} +.sap-icon-businessSuiteInAppSymbols--paid-search:before{content:"\e0c0"} +.sap-icon-businessSuiteInAppSymbols--display-ads:before{content:"\e0c1"} +.sap-icon-businessSuiteInAppSymbols--call-center:before{content:"\e0c2"} +.sap-icon-businessSuiteInAppSymbols--social:before{content:"\e0c3"} +.sap-icon-businessSuiteInAppSymbols--event2:before{content:"\e0c4"} +.sap-icon-businessSuiteInAppSymbols--official-service-group:before{content:"\e0c5"} +.sap-icon-businessSuiteInAppSymbols--time-deposit:before{content:"\e0c6"} +.sap-icon-businessSuiteInAppSymbols--early-widthdrawal-for-time-deposits:before{content:"\e0c7"} +.sap-icon-businessSuiteInAppSymbols--aggregated-view:before{content:"\e0c8"} +.sap-icon-businessSuiteInAppSymbols--detailed-view:before{content:"\e0c9"} +.sap-icon-businessSuiteInAppSymbols--rescheduling:before{content:"\e0ca"} +.sap-icon-businessSuiteInAppSymbols--resequencing:before{content:"\e0cb"} +.sap-icon-businessSuiteInAppSymbols--movement-warning:before{content:"\e0cc"} +.sap-icon-businessSuiteInAppSymbols--multiple-warnings:before{content:"\e0cd"} +.sap-icon-businessSuiteInAppSymbols--box-truck:before{content:"\e0ce"} +.sap-icon-businessSuiteInAppSymbols--box-truck-empty:before{content:"\e0cf"} +.sap-icon-businessSuiteInAppSymbols--tractor:before{content:"\e0d0"} +.sap-icon-businessSuiteInAppSymbols--driver:before{content:"\e0d1"} +.sap-icon-businessSuiteInAppSymbols--driver-warning:before{content:"\e0d2"} +.sap-icon-businessSuiteInAppSymbols--overlap:before{content:"\e0d3"} +.sap-icon-businessSuiteInAppSymbols--expand-overlap:before{content:"\e0d4"} +.sap-icon-businessSuiteInAppSymbols--collapse-overlap:before{content:"\e0d5"} +.sap-icon-businessSuiteInAppSymbols--utilization:before{content:"\e0d6"} +.sap-icon-businessSuiteInAppSymbols--expand-utilization:before{content:"\e0d7"} +.sap-icon-businessSuiteInAppSymbols--collapse-utilization:before{content:"\e0d8"} +.sap-icon-businessSuiteInAppSymbols--trailer:before{content:"\e0d9"} +.sap-icon-businessSuiteInAppSymbols--container-closed:before{content:"\e0da"} +.sap-icon-businessSuiteInAppSymbols--railcar:before{content:"\e0db"} +.sap-icon-businessSuiteInAppSymbols--warehouse:before{content:"\e0dc"} +.sap-icon-businessSuiteInAppSymbols--goods:before{content:"\e0dd"} +.sap-icon-businessSuiteInAppSymbols--ship:before{content:"\e0de"} +.sap-icon-businessSuiteInAppSymbols--truck-driver:before{content:"\e0df"} +.sap-icon-businessSuiteInAppSymbols--return-delivery:before{content:"\e0e0"} +.sap-icon-businessSuiteInAppSymbols--return-order:before{content:"\e0e1"} +.sap-icon-businessSuiteInAppSymbols--contract:before{content:"\e0e2"} +.sap-icon-businessSuiteInAppSymbols--business-partner:before{content:"\e0e3"} +.sap-icon-businessSuiteInAppSymbols--business-partner-verified:before{content:"\e0e4"} +.sap-icon-businessSuiteInAppSymbols--business-partner-anonymous:before{content:"\e0e5"} +.sap-icon-businessSuiteInAppSymbols--business-partner-self-identified:before{content:"\e0e6"} +.sap-icon-businessSuiteInAppSymbols--money-withdrawal:before{content:"\e0e7"} +.sap-icon-businessSuiteInAppSymbols--truck-load:before{content:"\e0e8"} +.sap-icon-businessSuiteInAppSymbols--truck-unload:before{content:"\e0e9"} +.sap-icon-businessSuiteInAppSymbols--truck-load-unload:before{content:"\e0ea"} +.sap-icon-businessSuiteInAppSymbols--pharmacy:before{content:"\e0eb"} +.sap-icon-businessSuiteInAppSymbols--medicine-syrup:before{content:"\e0ec"} +.sap-icon-businessSuiteInAppSymbols--reminder:before{content:"\e0ed"} +.sap-icon-businessSuiteInAppSymbols--medicine-pill:before{content:"\e0ee"} +.sap-icon-businessSuiteInAppSymbols--medicine-ointment:before{content:"\e0ef"} +.sap-icon-businessSuiteInAppSymbols--medicine-drops:before{content:"\e0f0"} +.sap-icon-businessSuiteInAppSymbols--blood-test:before{content:"\e0f1"} +.sap-icon-businessSuiteInAppSymbols--temperature:before{content:"\e0f2"} +.sap-icon-businessSuiteInAppSymbols--medicine-inhaler:before{content:"\e0f3"} +.sap-icon-businessSuiteInAppSymbols--foot-steps:before{content:"\e0f4"} +.sap-icon-businessSuiteInAppSymbols--weight:before{content:"\e0f5"} +.sap-icon-businessSuiteInAppSymbols--health-tracking:before{content:"\e0f6"} +.sap-icon-businessSuiteInAppSymbols--blood-pressure:before{content:"\e0f7"} +.sap-icon-businessSuiteInAppSymbols--immunization:before{content:"\e0f8"} +.sap-icon-businessSuiteInAppSymbols--allergies:before{content:"\e0f9"} +.sap-icon-businessSuiteInAppSymbols--rescheduling2:before{content:"\e0fa"} +.sap-icon-businessSuiteInAppSymbols--resequencing2:before{content:"\e0fb"} +.sap-icon-businessSuiteInAppSymbols--no-time-change:before{content:"\e0fc"} +.sap-icon-businessSuiteInAppSymbols--time-change:before{content:"\e0fd"} +.sap-icon-businessSuiteInAppSymbols--smart-matcher:before{content:"\e0fe"} +.sap-icon-businessSuiteInAppSymbols--3D:before{content:"\e0ff"} +.sap-icon-businessSuiteInAppSymbols--parallel-sequence:before{content:"\e100"} +.sap-icon-businessSuiteInAppSymbols--alternative-sequence:before{content:"\e101"} +.sap-icon-businessSuiteInAppSymbols--main-sequence:before{content:"\e102"} +.sap-icon-businessSuiteInAppSymbols--refinery:before{content:"\e103"} +.sap-icon-businessSuiteInAppSymbols--terminal:before{content:"\e104"} +.sap-icon-businessSuiteInAppSymbols--vessel:before{content:"\e105"} +.sap-icon-businessSuiteInAppSymbols--barge:before{content:"\e106"} +.sap-icon-businessSuiteInAppSymbols--road:before{content:"\e107"} +.sap-icon-businessSuiteInAppSymbols--pipeline:before{content:"\e108"} +.sap-icon-businessSuiteInAppSymbols--delay:before{content:"\e109"} +.sap-icon-businessSuiteInAppSymbols--legal-section:before{content:"\e10a"} +.sap-icon-businessSuiteInAppSymbols--causes:before{content:"\e10b"} +.sap-icon-businessSuiteInAppSymbols--effects:before{content:"\e10c"} +.sap-icon-businessSuiteInAppSymbols--shared-by-me:before{content:"\e10d"} +.sap-icon-businessSuiteInAppSymbols--shared-with-me:before{content:"\e10e"} +.sap-icon-businessSuiteInAppSymbols--main-milestone:before{content:"\e10f"} +.sap-icon-businessSuiteInAppSymbols--indicator-groups:before{content:"\e110"} +.sap-icon-businessSuiteInAppSymbols--alert-groups:before{content:"\e111"} +.sap-icon-businessSuiteInAppSymbols--function-alert:before{content:"\e112"} +.sap-icon-businessSuiteInAppSymbols--function-hierarchy:before{content:"\e113"} +.sap-icon-businessSuiteInAppSymbols--rfid:before{content:"\e114"} +.sap-icon-businessSuiteInAppSymbols--input:before{content:"\e115"} +.sap-icon-businessSuiteInAppSymbols--software-item:before{content:"\e116"} +.sap-icon-businessSuiteInAppSymbols--product-view:before{content:"\e117"} +.sap-icon-businessSuiteInAppSymbols--software-item-variant:before{content:"\e118"} +.sap-icon-businessSuiteInAppSymbols--lighthouse:before{content:"\e119"} +.sap-icon-businessSuiteInAppSymbols--demand-unit:before{content:"\e11a"} +.sap-icon-businessSuiteInAppSymbols--fma-management:before{content:"\e11b"} +.sap-icon-businessSuiteInAppSymbols--fma-validation:before{content:"\e11c"} +.sap-icon-businessSuiteInAppSymbols--fma-analytics:before{content:"\e11d"} +.sap-icon-businessSuiteInAppSymbols--class:before{content:"\e11e"} +.sap-icon-businessSuiteInAppSymbols--overview:before{content:"\e11f"} +.sap-icon-businessSuiteInAppSymbols--production:before{content:"\e120"} +.sap-icon-businessSuiteInAppSymbols--subclass:before{content:"\e121"} +.sap-icon-businessSuiteInAppSymbols--variant-configuration:before{content:"\e122"} +.sap-icon-businessSuiteInAppSymbols--sum:before{content:"\e123"} +.sap-icon-businessSuiteInAppSymbols--add-outside:before{content:"\e124"} +.sap-icon-businessSuiteInAppSymbols--compressor:before{content:"\e125"} +.sap-icon-businessSuiteInAppSymbols--dehydrator:before{content:"\e126"} +.sap-icon-businessSuiteInAppSymbols--heater-treater:before{content:"\e127"} +.sap-icon-businessSuiteInAppSymbols--pump:before{content:"\e128"} +.sap-icon-businessSuiteInAppSymbols--separator:before{content:"\e129"} +.sap-icon-businessSuiteInAppSymbols--well-completion:before{content:"\e12a"} +.sap-icon-businessSuiteInAppSymbols--well:before{content:"\e12b"} +.sap-icon-businessSuiteInAppSymbols--meter-chained:before{content:"\e12c"} +.sap-icon-businessSuiteInAppSymbols--cluster-chained:before{content:"\e12d"} +.sap-icon-businessSuiteInAppSymbols--tank-chained:before{content:"\e12e"} +.sap-icon-businessSuiteInAppSymbols--empty-trailer:before{content:"\e12f"} +.sap-icon-businessSuiteInAppSymbols--door:before{content:"\e130"} +.sap-icon-businessSuiteInAppSymbols--loading-point:before{content:"\e131"} +.sap-icon-businessSuiteInAppSymbols--stock-warehouse:before{content:"\e132"} +.sap-icon-businessSuiteInAppSymbols--gate:before{content:"\e133"} +.sap-icon-businessSuiteInAppSymbols--timeseries-waterfall-chart:before{content:"\e134"} +.sap-icon-businessSuiteInAppSymbols--expand-collapse-level-2:before{content:"\e135"} +.sap-icon-businessSuiteInAppSymbols--expand-collapse-level-3:before{content:"\e136"} +.sap-icon-businessSuiteInAppSymbols--recycle:before{content:"\e137"} +.sap-icon-businessSuiteInAppSymbols--stages-warning:before{content:"\e138"} +.sap-icon-businessSuiteInAppSymbols--empty-warning:before{content:"\e139"} +.sap-icon-businessSuiteInAppSymbols--all-spaces-pin:before{content:"\e13a"} +.sap-icon-businessSuiteInAppSymbols--handling-units:before{content:"\e13b"} +.sap-icon-businessSuiteInAppSymbols--packing-work-center:before{content:"\e13c"} +.sap-icon-businessSuiteInAppSymbols--zoom-to-fit:before{content:"\e13d"} +.sap-icon-businessSuiteInAppSymbols--ps-text:before{content:"\e140"} +.sap-icon-businessSuiteInAppSymbols--activity:before{content:"\e141"} +.sap-icon-businessSuiteInAppSymbols--activity-element:before{content:"\e142"} +.sap-icon-businessSuiteInAppSymbols--transformer:before{content:"\e143"} +.sap-icon-businessSuiteInAppSymbols--generation:before{content:"\e144"} +.sap-icon-businessSuiteInAppSymbols--consumer:before{content:"\e145"} +.sap-icon-businessSuiteInAppSymbols--storage:before{content:"\e146"} +.sap-icon-businessSuiteInAppSymbols--circuit-breaker:before{content:"\e147"} +.sap-icon-businessSuiteInAppSymbols--grid:before{content:"\e148"} +.sap-icon-businessSuiteInAppSymbols--applied_filter:before{content:"\e149"} +.sap-icon-businessSuiteInAppSymbols--thumb-sideway:before{content:"\e14a"} +.sap-icon-businessSuiteInAppSymbols--thumb-sideway-filled:before{content:"\e14b"} +.sap-icon-businessSuiteInAppSymbols--thumb-up-filled:before{content:"\e14c"} +.sap-icon-businessSuiteInAppSymbols--thumb-down-filled:before{content:"\e14d"} +.sap-icon-businessSuiteInAppSymbols--multi-container:before{content:"\e14e"} +.sap-icon-businessSuiteInAppSymbols--collaboration-manager:before{content:"\e14f"} +.sap-icon-businessSuiteInAppSymbols--network-header:before{content:"\e150"} +.sap-icon-businessSuiteInAppSymbols--late:before{content:"\e151"} +.sap-icon-businessSuiteInAppSymbols--created:before{content:"\e152"} +.sap-icon-businessSuiteInAppSymbols--dispatched-deallocate:before{content:"\e153"} +.sap-icon-businessSuiteInAppSymbols--confirmed:before{content:"\e154"} +.sap-icon-businessSuiteInAppSymbols--unfirmed:before{content:"\e155"} +.sap-icon-businessSuiteInAppSymbols--firmed:before{content:"\e156"} +.sap-icon-businessSuiteInAppSymbols--unsaved-changes:before{content:"\e157"} +.sap-icon-businessSuiteInAppSymbols--project-definition-2:before{content:"\e158"} +.sap-icon-businessSuiteInAppSymbols--asterisk:before{content:"\e159"} +.sap-icon-businessSuiteInAppSymbols--equal:before{content:"\e15a"} +.sap-icon-businessSuiteInAppSymbols--not-equal:before{content:"\e15b"} +.sap-icon-businessSuiteInAppSymbols--fixed-cell:before{content:"\e15c"} +.sap-icon-businessSuiteInAppSymbols--partially-fixed-cell:before{content:"\e15d"} +.sap-icon-businessSuiteInAppSymbols--stripes-pattern:before{content:"\e15e"} +.sap-icon-businessSuiteInAppSymbols--feature-dictionary:before{content:"\e15f"} +.sap-icon-businessSuiteInAppSymbols--variant-planning:before{content:"\e160"} +.sap-icon-businessSuiteInAppSymbols--requirement-model:before{content:"\e161"} +.sap-icon-businessSuiteInAppSymbols--bottle:before{content:"\e162"} +.sap-icon-businessSuiteInAppSymbols--bottle-cap:before{content:"\e163"} +.sap-icon-businessSuiteInAppSymbols--pallet:before{content:"\e164"} +.sap-icon-businessSuiteInAppSymbols--foil:before{content:"\e165"} +.sap-icon-businessSuiteInAppSymbols--tray:before{content:"\e166"} +.sap-icon-businessSuiteInAppSymbols--unknown-dependency:before{content:"\e167"} +.sap-icon-businessSuiteInAppSymbols--layer:before{content:"\e168"} +.sap-icon-businessSuiteInAppSymbols--move-folder:before{content:"\e169"} +.sap-icon-businessSuiteInAppSymbols--remove-folder:before{content:"\e16a"} +.sap-icon-businessSuiteInAppSymbols--match-case:before{content:"\e16b"} +.sap-icon-businessSuiteInAppSymbols--match-whole-word:before{content:"\e16c"} +.sap-icon-businessSuiteInAppSymbols--remove-total:before{content:"\e16d"} +.sap-icon-businessSuiteInAppSymbols--after-total:before{content:"\e16e"} +.sap-icon-businessSuiteInAppSymbols--before-total:before{content:"\e16f"} +.sap-icon-businessSuiteInAppSymbols--workbook-filter:before{content:"\e170"} +.sap-icon-businessSuiteInAppSymbols--update-filter:before{content:"\e171"} +.sap-icon-businessSuiteInAppSymbols--cell-lock:before{content:"\e172"} +.sap-icon-businessSuiteInAppSymbols--monitor-assembly-sequence:before{content:"\e173"} +.sap-icon-businessSuiteInAppSymbols--monitor-just-in-time-calls:before{content:"\e174"} +.sap-icon-businessSuiteInAppSymbols--manage-charging-stations:before{content:"\e175"} +.sap-icon-businessSuiteInAppSymbols--district-heating:before{content:"\e176"} +.sap-icon-businessSuiteInAppSymbols--producer-switch:before{content:"\e177"} +.sap-icon-businessSuiteInAppSymbols--consumer-switch:before{content:"\e178"} +.sap-icon-businessSuiteInAppSymbols--storage-switch:before{content:"\e179"} +.sap-icon-businessSuiteInAppSymbols--repeatable:before{content:"\e17a"} +.sap-icon-businessSuiteInAppSymbols--max-container:before{content:"\e17b"} +.sap-icon-businessSuiteInAppSymbols--max-interval:before{content:"\e17c"} +.sap-icon-businessSuiteInAppSymbols--min-interval:before{content:"\e17d"} +.sap-icon-businessSuiteInAppSymbols--cross-order:before{content:"\e17e"} +.sap-icon-businessSuiteInAppSymbols--empty-order:before{content:"\e17f"} +.sap-icon-businessSuiteInAppSymbols--cross-sequence:before{content:"\e180"} +.sap-icon-businessSuiteInAppSymbols--empty-sequence:before{content:"\e181"} +.sap-icon-businessSuiteInAppSymbols--cross-union:before{content:"\e182"} +.sap-icon-businessSuiteInAppSymbols--empty-union:before{content:"\e183"} +.sap-icon-businessSuiteInAppSymbols--cross-target:before{content:"\e184"} +.sap-icon-businessSuiteInAppSymbols--non-stackable:before{content:"\e185"} +.sap-icon-businessSuiteInAppSymbols--back-to-search:before{content:"\e186"} +.sap-icon-businessSuiteInAppSymbols--business-objects-folder:before{content:"\e187"} +.sap-icon-businessSuiteInAppSymbols--map-navigation:before{content:"\e188"} +.sap-icon-businessSuiteInAppSymbols--staging:before{content:"\e189"} +.sap-icon-businessSuiteInAppSymbols--dangerous-goods:before{content:"\e18a"} +.sap-icon-businessSuiteInAppSymbols--configurable-product:before{content:"\e18b"} +.sap-icon-businessSuiteInAppSymbols--entry-configurable-product:before{content:"\e18c"} +.sap-icon-TNT--technicalsystem:before{content:"\e000"} +.sap-icon-TNT--systemjava:before{content:"\e001"} +.sap-icon-TNT--systemabap:before{content:"\e002"} +.sap-icon-TNT--systemrecommendations:before{content:"\e003"} +.sap-icon-TNT--system:before{content:"\e004"} +.sap-icon-TNT--systemtrex:before{content:"\e005"} +.sap-icon-TNT--systemtracks:before{content:"\e006"} +.sap-icon-TNT--technicalscenario:before{content:"\e007"} +.sap-icon-TNT--technicalinstance:before{content:"\e008"} +.sap-icon-TNT--throughput-backlog:before{content:"\e009"} +.sap-icon-TNT--batch-processing:before{content:"\e00a"} +.sap-icon-TNT--database-consistency:before{content:"\e00b"} +.sap-icon-TNT--intermediate-message:before{content:"\e00c"} +.sap-icon-TNT--exceptions:before{content:"\e00d"} +.sap-icon-TNT--system-HANA:before{content:"\e00e"} +.sap-icon-TNT--python:before{content:"\e00f"} +.sap-icon-TNT--raise-fault:before{content:"\e010"} +.sap-icon-TNT--code1:before{content:"\e011"} +.sap-icon-TNT--code2:before{content:"\e012"} +.sap-icon-TNT--spike-arrest:before{content:"\e013"} +.sap-icon-TNT--verify-API:before{content:"\e014"} +.sap-icon-TNT--user:before{content:"\e015"} +.sap-icon-TNT--note:before{content:"\e016"} +.sap-icon-TNT--throwing-message:before{content:"\e017"} +.sap-icon-TNT--catching-message:before{content:"\e018"} +.sap-icon-TNT--start-event:before{content:"\e019"} +.sap-icon-TNT--end-event:before{content:"\e01a"} +.sap-icon-TNT--gateway:before{content:"\e01b"} +.sap-icon-TNT--sub-process-marker:before{content:"\e01c"} +.sap-icon-TNT--ad-hoc-marker:before{content:"\e01d"} +.sap-icon-TNT--manual-task:before{content:"\e01e"} +.sap-icon-TNT--send-task:before{content:"\e01f"} +.sap-icon-TNT--receive-task:before{content:"\e020"} +.sap-icon-TNT--script-task:before{content:"\e021"} +.sap-icon-TNT--marquee:before{content:"\e022"} +.sap-icon-TNT--data-input-arrow:before{content:"\e023"} +.sap-icon-TNT--data-output-arrow:before{content:"\e024"} +.sap-icon-TNT--more:before{content:"\e025"} +.sap-icon-TNT--pattern:before{content:"\e026"} +.sap-icon-TNT--task:before{content:"\e027"} +.sap-icon-TNT--arrow:before{content:"\e028"} +.sap-icon-TNT--data:before{content:"\e029"} +.sap-icon-TNT--data-store:before{content:"\e02a"} +.sap-icon-TNT--pool:before{content:"\e02b"} +.sap-icon-TNT--swimlane:before{content:"\e02c"} +.sap-icon-TNT--select:before{content:"\e02d"} +.sap-icon-TNT--cursor:before{content:"\e02e"} +.sap-icon-TNT--api:before{content:"\e02f"} +.sap-icon-TNT--o-data:before{content:"\e030"} +.sap-icon-TNT--java:before,.sap-icon-TNT--javascript:before{content:"\e031"} +.sap-icon-TNT--value-mapping:before{content:"\e032"} +.sap-icon-TNT--terminate-end-event:before{content:"\e033"} +.sap-icon-TNT--parallel-gateway:before{content:"\e034"} +.sap-icon-TNT--exclusive-gateway:before{content:"\e035"} +.sap-icon-TNT--service-task:before{content:"\e036"} +.sap-icon-TNT--workflow-editor:before{content:"\e037"} +.sap-icon-TNT--boundary-interrupting:before{content:"\e038"} +.sap-icon-TNT--boundary-non-interrupting:before{content:"\e039"} +.sap-icon-TNT--block:before{content:"\e03a"} +.sap-icon-TNT--constrain-block:before{content:"\e03b"} +.sap-icon-TNT--actor:before{content:"\e03c"} +.sap-icon-TNT--instance-specification:before{content:"\e03d"} +.sap-icon-TNT--value-type:before{content:"\e03e"} +.sap-icon-TNT--interface-block:before{content:"\e03f"} +.sap-icon-TNT--unit:before{content:"\e040"} +.sap-icon-TNT--signal:before{content:"\e041"} +.sap-icon-TNT--quantity-kind:before{content:"\e042"} +.sap-icon-TNT--item-flow:before{content:"\e043"} +.sap-icon-TNT--dependency:before{content:"\e044"} +.sap-icon-TNT--generalization:before{content:"\e045"} +.sap-icon-TNT--aggregation:before{content:"\e046"} +.sap-icon-TNT--composition:before{content:"\e047"} +.sap-icon-TNT--association:before{content:"\e048"} +.sap-icon-TNT--port:before{content:"\e049"} +.sap-icon-TNT--proxy-port:before{content:"\e04a"} +.sap-icon-TNT--full-port:before{content:"\e04b"} +.sap-icon-TNT--operations:before{content:"\e04c"} +.sap-icon-TNT--constrains:before{content:"\e04d"} +.sap-icon-TNT--receptions:before{content:"\e04e"} +.sap-icon-TNT--references:before{content:"\e04f"} +.sap-icon-TNT--parts:before{content:"\e050"} +.sap-icon-TNT--flow:before{content:"\e051"} +.sap-icon-TNT--values:before{content:"\e052"} +.sap-icon-TNT--bill-of-material:before{content:"\e053"} +.sap-icon-TNT--document-info-recording:before{content:"\e054"} +.sap-icon-TNT--use-case-diagram:before{content:"\e055"} +.sap-icon-TNT--bdd-diagram:before{content:"\e056"} +.sap-icon-TNT--requirement-diagram:before{content:"\e057"} +.sap-icon-TNT--package-diagram:before{content:"\e058"} +.sap-icon-TNT--internal-block-diagram:before{content:"\e059"} +.sap-icon-TNT--requirement-containment-relationship:before{content:"\e05a"} +.sap-icon-TNT--use-case:before{content:"\e05b"} +.sap-icon-TNT--use-case-extension-point:before{content:"\e05c"} +.sap-icon-TNT--communication-path:before{content:"\e05d"} +.sap-icon-TNT--note-connection:before{content:"\e05e"} +.sap-icon-TNT--subject:before{content:"\e05f"} +.sap-icon-TNT--auto-layout:before{content:"\e060"} +.sap-icon-TNT--required-interface:before{content:"\e061"} +.sap-icon-TNT--provided-interface:before{content:"\e062"} +.sap-icon-TNT--sub-content:before{content:"\e063"} +.sap-icon-TNT--connector:before{content:"\e064"} +.sap-icon-TNT--local-process-call:before{content:"\e065"} +.sap-icon-TNT--aggregator:before{content:"\e066"} +.sap-icon-TNT--splitter:before{content:"\e067"} +.sap-icon-TNT--converter:before{content:"\e068"} +.sap-icon-TNT--content-modifier:before{content:"\e069"} +.sap-icon-TNT--message-start-event:before{content:"\e06a"} +.sap-icon-TNT--message-end-event:before{content:"\e06b"} +.sap-icon-TNT--escalation-end-event:before{content:"\e06c"} +.sap-icon-TNT--start-timer-event:before{content:"\e06d"} +.sap-icon-TNT--error-start-event:before{content:"\e06e"} +.sap-icon-TNT--error-end-event:before{content:"\e06f"} +.sap-icon-TNT--content-enricher:before{content:"\e070"} +.sap-icon-TNT--realization:before{content:"\e071"} +.sap-icon-TNT--interface:before{content:"\e072"} +.sap-icon-TNT--business-capability:before{content:"\e073"} +.sap-icon-TNT--progress-group:before{content:"\e074"} +.sap-icon-TNT--value-stream:before{content:"\e075"} +.sap-icon-TNT--value-flow:before{content:"\e076"} +.sap-icon-TNT--application:before{content:"\e077"} +.sap-icon-TNT--etl-job:before{content:"\e078"} +.sap-icon-TNT--business-service:before{content:"\e079"} +.sap-icon-TNT--application-service:before{content:"\e07a"} +.sap-icon-TNT--network-node:before{content:"\e07b"} +.sap-icon-TNT--network:before{content:"\e07c"} +.sap-icon-TNT--deployment-instance:before{content:"\e07d"} +.sap-icon-TNT--intranet:before{content:"\e07e"} +.sap-icon-TNT--mobile-network:before{content:"\e07f"} +.sap-icon-TNT--private-cloud:before{content:"\e080"} +.sap-icon-TNT--antenna:before{content:"\e081"} +.sap-icon-TNT--firewall:before{content:"\e082"} +.sap-icon-TNT--hub:before{content:"\e083"} +.sap-icon-TNT--modem:before{content:"\e084"} +.sap-icon-TNT--repeater:before{content:"\e085"} +.sap-icon-TNT--router:before{content:"\e086"} +.sap-icon-TNT--switch:before{content:"\e087"} +.sap-icon-TNT--satellite:before{content:"\e088"} +.sap-icon-TNT--system-2:before{content:"\e089"} +.sap-icon-TNT--status-activating:before{content:"\e08a"} +.sap-icon-TNT--status-suspended:before{content:"\e08b"} +.sap-icon-TNT--status-suspending:before{content:"\e08c"} +.sap-icon-TNT--status-terminated:before{content:"\e08d"} +.sap-icon-TNT--status-terminating:before{content:"\e08e"} +.sap-icon-TNT--solution-not-licensed:before{content:"\e08f"} +.sap-icon-TNT--clear-all-mapping:before{content:"\e090"} +.sap-icon-TNT--map-all-fields:before{content:"\e091"} +.sap-icon-TNT--process-package:before{content:"\e092"} +.sap-icon-TNT--process-kpis:before{content:"\e093"} +.sap-icon-TNT--insights:before{content:"\e094"} +.sap-icon-TNT--escalation-boundary-interrupting:before{content:"\e095"} +.sap-icon-TNT--escalation-boundary-non-interrupting:before{content:"\e096"} +.sap-icon-TNT--escalation-throwing:before{content:"\e097"} +.sap-icon-TNT--solution:before{content:"\e098"} +.sap-icon-TNT--binary:before{content:"\e099"} +.sap-icon-TNT--uuid:before{content:"\e09a"} +.sap-icon-TNT--github:before{content:"\e09b"} +.sap-icon-TNT--robot:before{content:"\e09c"} +.sap-icon-TNT--string:before{content:"\e09d"} +.sap-icon-TNT--boolean:before{content:"\e09e"} +.sap-icon-TNT--array:before{content:"\e09f"} +.sap-icon-TNT--any:before{content:"\e101"} +.sap-icon-TNT--integer:before{content:"\e102"} +.sap-icon-TNT--float:before{content:"\e103"} +.sap-icon-TNT--build-work-zone:before{content:"\e104"} +.sap-icon-TNT--build-apps:before{content:"\e105"} +.sap-icon-TNT--build-process-automation:before{content:"\e106"} +.sap-icon-TNT--indicator:before{content:"\e107"} +.sap-icon-TNT--indicator-active:before{content:"\e108"} +.sap-icon-TNT--task-optional:before{content:"\e109"} +.sap-icon-TNT--task-done:before{content:"\e10a"} +.sap-icon-TNT--ai-1:before{content:"\e10b"} +.sap-icon-TNT--ai-2:before{content:"\e10c"} +.sap-icon-TNT--bound-validation-rule:before{content:"\e10d"} +.sap-icon-TNT--fiori-application:before{content:"\e10e"} +.sap-icon-TNT--build-code:before{content:"\e10f"} +.sap-icon-TNT--business-application-studio:before{content:"\e110"} +.sap-icon-TNT--clone-from-git:before{content:"\e111"} +.sap-icon-TNT--business-accelerator:before{content:"\e112"} +.sap-icon-TNT--ai-feature-estimator:before{content:"\e113"} +.sap-icon-TNT--service-estimator:before{content:"\e114"} +.sap-icon-TNT--add-project:before{content:"\e115"} +.sap-icon-TNT--add-issue:before{content:"\e116"} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-tabs{--fdTabs_Icon_Size:1.125rem;--fdTabs_Icon_Selection_Height:2.625rem;--fdTabs_Label_Padding_Bottom:0.375rem;--fdTabs_Filter_Link_Height:5.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-padding-start:0;background-color:var(--sapObjectHeader_Background);border-color:var(--sapObjectHeader_BorderColor);-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow);color:var(--sapContent_LabelColor);list-style:none;padding-inline-start:0} +.fd-tabs:after,.fd-tabs:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__count{border:0;-webkit-box-sizing:border-box;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;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-after:.125rem;color:var(--sapContent_LabelColor);padding-block-end:.125rem} +.fd-tabs__count:after,.fd-tabs__count:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:pointer;display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-block:.875rem;padding-inline:0;padding-inline:.75rem;position:relative;text-decoration:none;-webkit-transition:0s;transition:0s} +.fd-tabs__link:after,.fd-tabs__link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__link.is-selected .fd-tabs__icon,.fd-tabs__link[aria-selected=true] .fd-tabs__icon{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastIconColor)} +.fd-tabs__link.is-selected .fd-tabs__icon:after,.fd-tabs__link.is-selected .fd-tabs__tag:after,.fd-tabs__link[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__link[aria-selected=true] .fd-tabs__tag:after{background-color:var(--fdIcon_Tab_Bar_Selection_Bar_Color)} +.fd-tabs__link.is-focus,.fd-tabs__link:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;z-index:5} +.fd-tabs__link.is-focus .fd-tabs__icon:before,.fd-tabs__link.is-focus .fd-tabs__tag:before,.fd-tabs__link:focus .fd-tabs__icon:before,.fd-tabs__link:focus .fd-tabs__tag:before{content:"";inset:0;outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--sapContent_FocusWidth);position:absolute} +.fd-tabs__item{border:0;-webkit-box-sizing:border-box;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;margin-inline:.25rem;padding-block:0;padding-inline:0;position:relative} +.fd-tabs__item:after,.fd-tabs__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__item.is-selected .fd-tabs__tag,.fd-tabs__item[aria-selected=true] .fd-tabs__tag{color:var(--fdIcon_Tab_Bar_Selection_Color)} +.fd-tabs__item.is-selected .fd-tabs__icon,.fd-tabs__item[aria-selected=true] .fd-tabs__icon{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastIconColor)} +.fd-tabs__item.is-selected .fd-tabs__icon:after,.fd-tabs__item.is-selected .fd-tabs__link:after,.fd-tabs__item.is-selected .fd-tabs__tag:after,.fd-tabs__item[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item[aria-selected=true] .fd-tabs__tag:after{background-color:var(--fdIcon_Tab_Bar_Selection_Bar_Color)} +.fd-tabs__item--error .fd-tabs__icon{border-color:var(--sapErrorColor);color:var(--sapErrorColor)} +.fd-tabs__item--error .fd-tabs__link .fd-tabs__tag{color:var(--sapErrorColor)} +.fd-tabs__item--error.is-selected .fd-tabs__icon,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon{background-color:var(--sapErrorColor);color:var(--sapContent_ContrastIconColor)} +.fd-tabs__item--error.is-selected .fd-tabs__icon:after,.fd-tabs__item--error.is-selected .fd-tabs__link:after,.fd-tabs__item--error.is-selected .fd-tabs__tag:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--error[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapErrorColor)} +.fd-tabs__item--warning .fd-tabs__icon{border-color:var(--sapWarningColor);color:var(--sapWarningColor)} +.fd-tabs__item--warning .fd-tabs__link .fd-tabs__tag{color:var(--sapWarningColor)} +.fd-tabs__item--warning.is-selected .fd-tabs__icon,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon{background-color:var(--sapWarningColor);color:var(--sapContent_ContrastIconColor)} +.fd-tabs__item--warning.is-selected .fd-tabs__icon:after,.fd-tabs__item--warning.is-selected .fd-tabs__link:after,.fd-tabs__item--warning.is-selected .fd-tabs__tag:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--warning[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapWarningColor)} +.fd-tabs__item--success .fd-tabs__icon{border-color:var(--sapSuccessColor);color:var(--sapSuccessColor)} +.fd-tabs__item--success .fd-tabs__link .fd-tabs__tag{color:var(--sapSuccessColor)} +.fd-tabs__item--success.is-selected .fd-tabs__icon,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon{background-color:var(--sapSuccessColor);color:var(--sapContent_ContrastIconColor)} +.fd-tabs__item--success.is-selected .fd-tabs__icon:after,.fd-tabs__item--success.is-selected .fd-tabs__link:after,.fd-tabs__item--success.is-selected .fd-tabs__tag:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--success[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapSuccessColor)} +.fd-tabs__item--information .fd-tabs__icon{border-color:var(--sapInformationColor);color:var(--sapInformationColor)} +.fd-tabs__item--information .fd-tabs__link .fd-tabs__tag{color:var(--sapInformationColor)} +.fd-tabs__item--information.is-selected .fd-tabs__icon,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon{background-color:var(--sapInformationColor);color:var(--sapContent_ContrastIconColor)} +.fd-tabs__item--information.is-selected .fd-tabs__icon:after,.fd-tabs__item--information.is-selected .fd-tabs__link:after,.fd-tabs__item--information.is-selected .fd-tabs__tag:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--information[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapInformationColor)} +.fd-tabs__item--neutral .fd-tabs__icon{border-color:var(--sapNeutralColor);color:var(--sapNeutralColor)} +.fd-tabs__item--neutral .fd-tabs__link .fd-tabs__tag{color:var(--sapNeutralColor)} +.fd-tabs__item--neutral.is-selected .fd-tabs__icon,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon{background-color:var(--sapNeutralColor);color:var(--sapContent_ContrastIconColor)} +.fd-tabs__item--neutral.is-selected .fd-tabs__icon:after,.fd-tabs__item--neutral.is-selected .fd-tabs__link:after,.fd-tabs__item--neutral.is-selected .fd-tabs__tag:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__icon:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__link:after,.fd-tabs__item--neutral[aria-selected=true] .fd-tabs__tag:after{background-color:var(--sapNeutralColor)} +.fd-tabs__item:first-child{-webkit-margin-start:0;margin-inline-start:0} +.fd-tabs__item:first-child .fd-tabs__link{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem;-webkit-padding-start:0;padding-inline-start:0} +.fd-tabs__icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:var(--fdIcon_Tab_Bar_Icon_Border_Weight) solid var(--fdIcon_Tab_Bar_Icon_Border_Color);border-radius:50%;color:var(--fdIcon_Tab_Bar_Inactive_Tab_Icon_Color);height:var(--fdTabs_Icon_Selection_Height);margin-block:0;margin-inline:.188rem;position:relative;width:var(--fdTabs_Icon_Selection_Height)} +.fd-tabs__icon:after,.fd-tabs__icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__icon [class*=sap-icon],.fd-tabs__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;font-size:var(--fdTabs_Icon_Size);line-height:1} +.fd-tabs__icon:after{border-radius:.125rem .125rem 0 0;bottom:-.875rem;content:"";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)} +.fd-tabs__tag{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:relative} +.fd-tabs__tag:after,.fd-tabs__tag:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__tag:after{border-radius:.125rem .125rem 0 0;bottom:-.875rem;content:"";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)} +.fd-tabs__panel{border:0;-webkit-box-sizing:border-box;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} +.fd-tabs__panel:after,.fd-tabs__panel:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__panel[aria-expanded=false]{display:none} +.fd-tabs__panel.is-expanded,.fd-tabs__panel[aria-expanded=true]{display:block} +.fd-tabs__counter-header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1.5rem;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-end:.5rem;padding-inline-end:.5rem} +.fd-tabs__counter-header:after,.fd-tabs__counter-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto} +.fd-tabs__overflow:after,.fd-tabs__overflow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__overflow [class*=sap-icon],.fd-tabs__overflow[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1} +.fd-tabs__process-icon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:1rem;font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.5rem} +.fd-tabs__process-icon:after,.fd-tabs__process-icon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__process-icon:before{content:"\e0c7";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none} +.fd-tabs__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;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;-webkit-padding-start:.125rem;color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize);max-width:100%;padding-inline-start:.125rem} +.fd-tabs__label:after,.fd-tabs__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__label:first-child{-webkit-padding-after:var(--fdTabs_Label_Padding_Bottom);padding-block-end:var(--fdTabs_Label_Padding_Bottom)} +.fd-tabs__separator{border:0;border-right:solid var(--sapGroup_TitleBorderColor);border-right-width:.0625rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;line-height:2rem;margin-block:0;margin-inline:0;margin-inline:.25rem;padding-block:0;padding-inline:0} +.fd-tabs__separator:after,.fd-tabs__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-tabs__header:after,.fd-tabs__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tabs__header .fd-tabs__label{max-width:4rem} +.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count,.fd-tabs--process .fd-tabs__count{font-size:var(--sapFontSmallSize)} +.fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link,.fd-tabs--icon-only .fd-tabs__item:first-child .fd-tabs__link,.fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{margin-block:0;margin-inline:0} +.fd-tabs--icon-only .fd-tabs__link,.fd-tabs--process .fd-tabs__link{padding-block:1rem 1rem} +.fd-tabs--icon-only .fd-tabs__icon:after,.fd-tabs--process .fd-tabs__icon:after{bottom:-1.0625rem} +.fd-tabs--filter .fd-tabs__count,.fd-tabs--icon-only .fd-tabs__count{left:calc(100% + .1875rem);position:absolute;top:0} +.fd-tabs--filter[dir=rtl] .fd-tabs__count,.fd-tabs--icon-only[dir=rtl] .fd-tabs__count,[dir=rtl] .fd-tabs--filter .fd-tabs__count,[dir=rtl] .fd-tabs--icon-only .fd-tabs__count{left:auto;right:calc(100% + .1875rem)} +.fd-tabs--process .fd-tabs__item{margin-block:0;margin-inline:0 .25rem} +.fd-tabs--process .fd-tabs__item,.fd-tabs--process .fd-tabs__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-tabs--process .fd-tabs__link{padding-inline:0} +.fd-tabs--process .fd-tabs__icon{margin-block:0;margin-inline:.1875rem} +.fd-tabs--process .fd-tabs__label{line-height:.875rem;max-width:7.5rem;overflow:hidden;white-space:nowrap} +.fd-tabs--process[dir=rtl] .fd-tabs__item,[dir=rtl] .fd-tabs--process .fd-tabs__item{margin-block:0;margin-inline:.25rem 0} +.fd-tabs--process[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--process .fd-tabs__item:first-child .fd-tabs__link{padding-inline:0} +.fd-tabs--filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-tabs--filter .fd-tabs__item{margin-block:0;margin-inline:0;padding-block:0;padding-inline:.25rem;width:5.375rem} +.fd-tabs--filter .fd-tabs__item--header{width:auto} +.fd-tabs--filter .fd-tabs__icon{-webkit-margin-after:.375rem;margin-block-end:.375rem} +.fd-tabs--filter .fd-tabs__icon:after{content:none} +.fd-tabs--filter .fd-tabs__label{line-height:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.fd-tabs--filter .fd-tabs__link{display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--fdTabs_Filter_Link_Height);padding-block:.875rem .625rem;padding-inline:.188rem;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative} +.fd-tabs--filter .fd-tabs__link:after{border-radius:.125rem .125rem 0 0;bottom:-.875rem;bottom:0;content:"";display:inline-block;height:var(--fdIcon_Tab_Bar_Selection_Bar_Height);left:-.1875rem;position:absolute;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;width:calc(100% + .375rem)} +.fd-tabs--filter .fd-tabs__link.is-focus,.fd-tabs--filter .fd-tabs__link:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;z-index:5} +.fd-tabs--filter[dir=rtl] .fd-tabs__item:first-child .fd-tabs__link,[dir=rtl] .fd-tabs--filter .fd-tabs__item:first-child .fd-tabs__link{padding-inline:.188rem} +.fd-tabs[class*=-compact],.fd-tabs[class*=-condensed],[class*=-compact] .fd-tabs:not([class*=-cozy]),[class*=-condensed] .fd-tabs:not([class*=-cozy]){--fdTabs_Icon_Size:1.125rem;--fdTabs_Icon_Selection_Height:1.875rem;--fdTabs_Label_Padding_Bottom:0.25rem;--fdTabs_Filter_Link_Height:4.75rem} +.fd-tabs--s{padding-block:0;padding-inline:1rem} +.fd-tabs--l,.fd-tabs--m{padding-block:0;padding-inline:2rem} +.fd-tabs--xl,.fd-tabs--xxl{padding-block:0;padding-inline:3rem} +.fd-tabs[dir=rtl] .fd-tabs__process-icon,[dir=rtl] .fd-tabs .fd-tabs__process-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)} +.fd-tabs__process{border:0;-webkit-box-sizing:border-box;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} +.fd-tabs__process:after,.fd-tabs__process:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-breadcrumb{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;--fdLink_Line_Height:1.5rem;list-style:none;-webkit-margin-after:.5rem;margin-block-end:.5rem} +.fd-breadcrumb:after,.fd-breadcrumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-breadcrumb__item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapContent_LabelColor);padding-block:.0625rem} +.fd-breadcrumb__item:after,.fd-breadcrumb__item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-breadcrumb__item:last-child:not(:has(a)){--fdBreadcrumb_Separator:none} +.fd-breadcrumb__item .fd-breadcrumb__popover-body{border:none;border-top-left-radius:.125rem;border-top-right-radius:.125rem} +.fd-breadcrumb__separator{border:0;-webkit-box-sizing:border-box;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} +.fd-breadcrumb__separator:after,.fd-breadcrumb__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-breadcrumb__separator:after{color:var(--sapTextColor);content:var(--fdBreadcrumb_Separator,"/");margin-inline:.25rem} +.fd-breadcrumb--backslash{--fdBreadcrumb_Separator:"\\"} +.fd-breadcrumb--double-slash{--fdBreadcrumb_Separator:"//"} +.fd-breadcrumb--double-backslash{--fdBreadcrumb_Separator:"\\\\"} +.fd-breadcrumb--greater-than{--fdBreadcrumb_Separator:">"} +.fd-breadcrumb--double-greater-than{--fdBreadcrumb_Separator:">>"} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +body.fd-overlay-active:before{background:var(--fdModal_BackgroundColor);content:"";height:100vh;left:0;pointer-events:all;position:fixed;top:0;width:100vw;z-index:999} +.fd-popover{--fdPopover_Display:inline-block;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--fdPopover_Display);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%;padding-block:0;padding-inline:0;position:relative} +.fd-popover:after,.fd-popover:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-popover__modal{position:relative;z-index:1000} +.fd-popover__control{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;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-popover__control:after,.fd-popover__control:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-popover__control:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)} +.fd-popover__control:has(.fd-tokenizer--display){cursor:auto} +.fd-popover__control:has(.fd-select__control.is-disabled){cursor:not-allowed;pointer-events:none} +.fd-popover__control.is-expanded>*,.fd-popover__control[aria-expanded=true]>*{-webkit-margin-after:0;margin-block-end:0} +.fd-popover__control.is-expanded+.fd-popover__body--input-message-group,.fd-popover__control[aria-expanded=true]+.fd-popover__body--input-message-group{margin-top:0} +.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none} +.fd-popover__control>a{white-space:nowrap} +.fd-popover__wrapper{border-radius:var(--fdPopover_Body_Border_Radius);overflow:auto;position:relative;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)} +.fd-popover__wrapper.is-focus,.fd-popover__wrapper:focus{outline:none;z-index:5} +.fd-popover__wrapper::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)} +.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)} +.fd-popover__wrapper::-webkit-scrollbar-thumb{background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)} +.fd-popover__wrapper::-webkit-scrollbar-thumb:active,.fd-popover__wrapper::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color);box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)} +.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0} +.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-corner,.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-corner,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)} +.fd-popover__wrapper--visible{overflow:visible!important} +.fd-popover__body{--fdPopover_Offset:100%;--fdPopover_Center_Offset:50%;--fdPopover_Arrow_Size:0.5rem;--fdPopover_Body_Border_Radius:var(--fdPopover_Border_Radius);--fdPopover_Body_Box_Shadow:var(--sapContent_Shadow2);--fdPopover_Body_Box_Shadow_No_Arrow:var(--sapContent_Shadow1);--fdIcon_Button_Height:2.25rem;--fdIcon_Button_Width:2.25rem;--fdPopover_Resize_Handle_Offset:-0.5rem;--fdPopover_Resize_Handle_Position_Top:auto;--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Bottom:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Rotate_Angle:0;--fdPopover_Resize_Handle_Cursor:se-resize;--fdPopover_Resize_Handle_Justify:center;--fdPopover_Resize_Handle_Transform_Scale:1;background:var(--sapGroup_ContentBackground);border:0;border-radius:var(--fdPopover_Body_Border_Radius);-webkit-box-shadow:var(--fdPopover_Body_Box_Shadow);box-shadow:var(--fdPopover_Body_Box_Shadow);-webkit-box-sizing:border-box;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;opacity:1;padding-block:0;padding-inline:0;position:absolute;top:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size));-webkit-transition:all .125s;transition:all .125s;visibility:visible;white-space:nowrap;z-index:1000} +.fd-popover__body:after,.fd-popover__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;content:"";font-size:inherit;position:absolute} +.fd-popover__body:before{border-bottom:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-left:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;top:calc(var(--fdPopover_Arrow_Size)*-1 + var(--fdPopover_Border_Width));z-index:1002} +.fd-popover__body:after,.fd-popover__body:before{border-top:none;display:inline-block;height:0;width:0} +.fd-popover__body:after{border-bottom:var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);border-left:var(--fdPopover_Arrow_Size) solid transparent;border-right:var(--fdPopover_Arrow_Size) solid transparent;top:calc(var(--fdPopover_Arrow_Size)*-1);z-index:1001} +.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden} +.fd-popover__body-header>:first-child,.fd-popover__body>:first-child{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)} +.fd-popover__body-footer>:last-child,.fd-popover__body>:last-child:not(.fd-popover__resize-handle){border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)} +.fd-popover__body .fd-menu{width:100%} +.fd-popover__body[class*=-compact],.fd-popover__body[class*=-condensed],[class*=-compact] .fd-popover__body:not([class*=-cozy]),[class*=-condensed] .fd-popover__body:not([class*=-cozy]){--fdIcon_Button_Height:1.625rem;--fdIcon_Button_Width:2rem} +.fd-popover__body--no-arrow{-webkit-box-shadow:var(--fdPopover_Body_Box_Shadow_No_Arrow);box-shadow:var(--fdPopover_Body_Box_Shadow_No_Arrow);top:var(--fdPopover_Offset)} +.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none} +.fd-popover__body,.fd-popover__body--left{left:0} +.fd-popover__body--left[dir=rtl],.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body,[dir=rtl] .fd-popover__body--left{left:auto;right:0} +.fd-popover__body--left:before,.fd-popover__body:before{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))} +.fd-popover__body--left:after,.fd-popover__body:after{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))} +.fd-popover__body--left[dir=rtl]:before,.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:before,[dir=rtl] .fd-popover__body:before{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))} +.fd-popover__body--left[dir=rtl]:after,.fd-popover__body[dir=rtl]:after,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body:after{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))} +.fd-popover__body--center{left:var(--fdPopover_Center_Offset);-webkit-transform:translateX(calc(var(--fdPopover_Center_Offset)*-1));transform:translateX(calc(var(--fdPopover_Center_Offset)*-1))} +.fd-popover__body--center[dir=rtl],[dir=rtl] .fd-popover__body--center{left:auto;right:var(--fdPopover_Center_Offset);-webkit-transform:translateX(var(--fdPopover_Center_Offset));transform:translateX(var(--fdPopover_Center_Offset))} +.fd-popover__body--right{left:auto;right:0} +.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:auto;left:0;right:auto} +.fd-popover__body--right:before{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))} +.fd-popover__body--right:after{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))} +.fd-popover__body--right[dir=rtl]:before,[dir=rtl] .fd-popover__body--right:before{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));right:auto} +.fd-popover__body--right[dir=rtl]:after,[dir=rtl] .fd-popover__body--right:after{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));right:auto} +.fd-popover__body--before{left:auto!important;right:var(--fdPopover_Offset)!important;top:0} +.fd-popover__body--after{left:var(--fdPopover_Offset)!important;right:auto!important;top:0} +.fd-popover__body--middle{top:var(--fdPopover_Center_Offset);-webkit-transform:translateY(calc(var(--fdPopover_Center_Offset)*-1));transform:translateY(calc(var(--fdPopover_Center_Offset)*-1))} +.fd-popover__body--bottom{bottom:0;top:auto} +.fd-popover__body--above{bottom:var(--fdPopover_Offset);top:auto} +.fd-popover__body--arrow-bottom{bottom:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size))!important} +.fd-popover__body--arrow-bottom:before{border-bottom:none;border-left:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-top:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);display:inline-block;height:0;top:100%;width:0} +.fd-popover__body--arrow-bottom:after{border-bottom:none;border-left:var(--fdPopover_Arrow_Size) solid transparent;border-right:var(--fdPopover_Arrow_Size) solid transparent;border-top:var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);display:inline-block;height:0;top:100%;width:0} +.fd-popover__body--arrow-left{left:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size))!important} +.fd-popover__body--arrow-left:before{border-bottom:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-top:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;top:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))} +.fd-popover__body--arrow-left:after,.fd-popover__body--arrow-left:before{border-left:none;display:inline-block;height:0;left:auto!important;right:100%!important;width:0} +.fd-popover__body--arrow-left:after{border-bottom:var(--fdPopover_Arrow_Size) solid transparent;border-right:var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);border-top:var(--fdPopover_Arrow_Size) solid transparent;top:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))} +.fd-popover__body--arrow-right{right:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size))!important} +.fd-popover__body--arrow-right:before{border-bottom:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;border-left:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-top:calc(var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width)) solid transparent;top:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))} +.fd-popover__body--arrow-right:after,.fd-popover__body--arrow-right:before{border-right:none;display:inline-block;height:0;left:100%!important;right:auto!important;width:0} +.fd-popover__body--arrow-right:after{border-bottom:var(--fdPopover_Arrow_Size) solid transparent;border-left:var(--fdPopover_Arrow_Size) solid var(--fdPopover_Border_Color);border-top:var(--fdPopover_Arrow_Size) solid transparent;top:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))} +.fd-popover__body--arrow-x-center:after,.fd-popover__body--arrow-x-center:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} +.fd-popover__body--arrow-x-center[dir=rtl]:after,.fd-popover__body--arrow-x-center[dir=rtl]:before,[dir=rtl] .fd-popover__body--arrow-x-center:after,[dir=rtl] .fd-popover__body--arrow-x-center:before{left:auto;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)} +.fd-popover__body--arrow-x-end:before{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))} +.fd-popover__body--arrow-x-end:after{left:auto;right:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width))} +.fd-popover__body--arrow-x-end[dir=rtl]:before,[dir=rtl] .fd-popover__body--arrow-x-end:before{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));right:auto} +.fd-popover__body--arrow-x-end[dir=rtl]:after,[dir=rtl] .fd-popover__body--arrow-x-end:after{left:calc(var(--fdIcon_Button_Width)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));right:auto} +.fd-popover__body--arrow-y-center:after,.fd-popover__body--arrow-y-center:before{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} +.fd-popover__body--arrow-y-bottom:before,.fd-popover__body--arrow-y-end:before{bottom:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));top:auto} +.fd-popover__body--arrow-y-bottom:after,.fd-popover__body--arrow-y-end:after{bottom:calc(var(--fdIcon_Button_Height)*.5 - var(--fdPopover_Arrow_Size) - var(--fdPopover_Border_Width));top:auto} +.fd-popover__body--dropdown{width:-webkit-max-content;width:-moz-max-content;width:max-content} +.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - var(--sapGroup_BorderWidth)*2)} +.fd-popover__body--static{position:relative;--fdPopover_Offset:0%;--fdPopover_Center_Offset:0%} +.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{opacity:0;visibility:hidden;z-index:-1} +.fd-popover__body .fd-popover__body--hidden{display:none} +.fd-popover__body--input-message-group{border:none;-webkit-box-shadow:none;box-shadow:none} +.fd-popover__body--inline-help{font-size:var(--sapFontSmallSize);padding-block:.75rem;padding-inline:.75rem} +.fd-popover__body--inline-help-icon{--fdIcon_Button_Height:1.375rem;--fdIcon_Button_Width:1.375rem} +.fd-popover__body.fd-popover__body--resizable[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable{--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Cursor:sw-resize;--fdPopover_Resize_Handle_Transform_Scale:-1} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--right{--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Cursor:sw-resize;--fdPopover_Resize_Handle_Transform_Scale:-1;--fdPopover_Resize_Handle_Container_Justify:flex-end} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--right{--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Cursor:se-resize;--fdPopover_Resize_Handle_Transform_Scale:1} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--above{--fdPopover_Resize_Handle_Position_Top:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Bottom:auto;--fdPopover_Resize_Handle_Position_Right:-0.5rem;--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Cursor:ne-resize;--fdPopover_Resize_Handle_Rotate_Angle:-90deg;--fdPopover_Resize_Handle_Transform_Scale:1} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--above[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--above{--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Cursor:nw-resize;--fdPopover_Resize_Handle_Transform_Scale:1;--fdPopover_Resize_Handle_Rotate_Angle:180deg;--fdPopover_Resize_Handle_Container_Justify:flex-end} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--above.fd-popover__body--right{--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Rotate_Angle:180deg;--fdPopover_Resize_Handle_Cursor:nw-resize;--fdPopover_Resize_Handle_Transform_Scale:1;--fdPopover_Resize_Handle_Container_Justify:flex-start} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--above.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--above.fd-popover__body--right{--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Rotate_Angle:-90deg;--fdPopover_Resize_Handle_Cursor:ne-resize;--fdPopover_Resize_Handle_Container_Justify:flex-end} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--after{--fdPopover_Resize_Handle_Position_Top:auto;--fdPopover_Resize_Handle_Position_Bottom:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Cursor:se-resize} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--after[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--after{--fdPopover_Resize_Handle_Rotate_Angle:-90deg} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--after.fd-popover__body--bottom{--fdPopover_Resize_Handle_Position_Top:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Bottom:auto;--fdPopover_Resize_Handle_Position_Right:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Left:auto;--fdPopover_Resize_Handle_Cursor:ne-resize;--fdPopover_Resize_Handle_Rotate_Angle:-90deg;--fdPopover_Resize_Handle_Transform_Scale:1} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--after.fd-popover__body--bottom[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--after.fd-popover__body--bottom{--fdPopover_Resize_Handle_Container_Justify:flex-end} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--before{--fdPopover_Resize_Handle_Position_Top:auto;--fdPopover_Resize_Handle_Position_Bottom:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Right:auto;--fdPopover_Resize_Handle_Position_Left:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Cursor:sw-resize;--fdPopover_Resize_Handle_Rotate_Angle:0;--fdPopover_Resize_Handle_Transform_Scale:-1;--fdPopover_Resize_Handle_Container_Justify:flex-end} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--before[dir=rtl],[dir=rtl] .fd-popover__body.fd-popover__body--resizable.fd-popover__body--before{--fdPopover_Resize_Handle_Container_Justify:flex-start} +.fd-popover__body.fd-popover__body--resizable.fd-popover__body--before.fd-popover__body--bottom,.fd-popover__body.fd-popover__body--resizable.fd-popover__body--before.fd-popover__body--middle{--fdPopover_Resize_Handle_Position_Top:var(--fdPopover_Resize_Handle_Offset);--fdPopover_Resize_Handle_Position_Bottom:auto;--fdPopover_Resize_Handle_Rotate_Angle:90deg;--fdPopover_Resize_Handle_Cursor:nw-resize} +.fd-popover__resize-handle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:1.5rem;line-height:normal;margin-block:0;margin-inline:0;min-width:1.5rem;padding-block:0;padding-inline:0;width:1.5rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:var(--fdPopover_Resize_Handle_Container_Justify,flex-start);-ms-flex-pack:var(--fdPopover_Resize_Handle_Container_Justify,flex-start);color:var(--sapButton_Lite_TextColor);cursor:var(--fdPopover_Resize_Handle_Cursor);font-size:1rem;inset:var(--fdPopover_Resize_Handle_Position_Top) var(--fdPopover_Resize_Handle_Position_Right) var(--fdPopover_Resize_Handle_Position_Bottom) var(--fdPopover_Resize_Handle_Position_Left);justify-content:var(--fdPopover_Resize_Handle_Container_Justify,flex-start);line-height:1rem;overflow:hidden;position:absolute;-webkit-transform:rotate(var(--fdPopover_Resize_Handle_Rotate_Angle));transform:rotate(var(--fdPopover_Resize_Handle_Rotate_Angle))} +.fd-popover__resize-handle:after,.fd-popover__resize-handle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-popover__resize-handle:after{content:"\e24f";display:-webkit-box;display:-ms-flexbox;display:flex;font-family:SAP-icons;height:1rem;min-width:1rem;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;width:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:var(--fdPopover_Resize_Handle_Justify);-ms-flex-pack:var(--fdPopover_Resize_Handle_Justify);color:inherit;justify-content:var(--fdPopover_Resize_Handle_Justify);-webkit-transform:scaleX(var(--fdPopover_Resize_Handle_Transform_Scale));transform:scaleX(var(--fdPopover_Resize_Handle_Transform_Scale))} +.fd-popover--slider{--fdPopover_Display:block} +.fd-popover--input-message-group .fd-popover__body,.fd-popover--input-message-group .fd-popover__body--no-arrow{border:none;-webkit-box-shadow:none;box-shadow:none} +.fd-popover--full-width{width:100%} +.fd-popover--btp .fd-popover__body{--fdPopover_Arrow_Size:0.375rem;--fdPopover_Body_Border_Radius:0.75rem;--fdPopover_Body_Box_Shadow:var(--sapMenu_Shadow2);border:none;top:calc(var(--fdPopover_Offset) + var(--fdPopover_Arrow_Size) - .1875rem)} +.fd-popover--btp .fd-popover__body--padding{padding-block:.75rem;padding-inline:.75rem} +.fd-popover--btp .fd-popover__body-header{border:0;-webkit-box-sizing:border-box;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} +.fd-popover--btp .fd-popover__body-header:after,.fd-popover--btp .fd-popover__body-header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-popover--btp .fd-popover__body-content{border:0;-webkit-box-sizing:border-box;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-block:.75rem;margin-inline:0;padding-block:0;padding-inline:0} +.fd-popover--btp .fd-popover__body-content:after,.fd-popover--btp .fd-popover__body-content:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-popover--btp .fd-popover__body-content:only-child{margin-block:0;margin-inline:0} +.fd-popover--btp .fd-popover__body-footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.1875rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-block:.375rem;padding-inline:0} +.fd-popover--btp .fd-popover__body-footer:after,.fd-popover--btp .fd-popover__body-footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-popover--btp .fd-popover__body-footer--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-bar{--fdBar_Z_Index:1;--fdBar_Height:2.75rem;--fdBar_Padding_X:1rem;--fdBar_Padding_Top:0;--fdBar_Padding_Bottom:0;--fdBar_Border_Radius:0;--fdBar_Floating_Footer_Offset_X:0.5rem;--fdBar_Floating_Footer_Offset_Y:0.5rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--fdBar_Background);border-radius:var(--fdBar_Border_Radius);-webkit-box-shadow:var(--fdBar_Shadow);box-shadow:var(--fdBar_Shadow);justify-content:space-between;min-height:var(--fdBar_Height);padding-block:var(--fdBar_Padding_Top) var(--fdBar_Padding_Bottom);padding-inline:var(--fdBar_Padding_X);z-index:var(--fdBar_Z_Index)} +.fd-bar:after,.fd-bar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-bar .fd-bar__header{color:var(--sapPageHeader_TextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader5Size)} +.fd-bar__left,.fd-bar__middle,.fd-bar__right{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0} +.fd-bar__left:after,.fd-bar__left:before,.fd-bar__middle:after,.fd-bar__middle:before,.fd-bar__right:after,.fd-bar__right:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-bar__left--stack-contents-vertically,.fd-bar__middle--stack-contents-vertically,.fd-bar__right--stack-contents-vertically{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} +.fd-bar__left:has(button,input),.fd-bar__middle:has(button,input),.fd-bar__right:has(button,input){min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content} +.fd-bar__left:has(h1,h2,h3,h4,h5,h6),.fd-bar__middle:has(h1,h2,h3,h4,h5,h6),.fd-bar__right:has(h1,h2,h3,h4,h5,h6){-ms-flex-negative:1;flex-shrink:1;min-width:0} +.fd-bar__left:only-child,.fd-bar__middle:only-child,.fd-bar__right:only-child{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;width:100%} +.fd-bar__middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} +.fd-bar__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} +.fd-bar__element{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdBar_Element_Text_Color,var(--sapTextColor));font-family:var(--fdBar_Element_Text_Font_Family,var(--sapFontFamily));font-size:var(--fdBar_Element_Text_Font_Size,var(--sapFontSize));max-height:100%;max-width:100%;text-wrap:auto} +.fd-bar__element:after,.fd-bar__element:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-bar__element--full-width{width:100%} +.fd-bar__element--full-width>:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1} +@media (width <= 599px){.fd-bar--responsive-paddings{padding-inline:1rem}} +@media (width >= 600px) and (width <= 1023px){.fd-bar--responsive-paddings{padding-inline:2rem}} +@media (width >= 1024px) and (width <= 1439px){.fd-bar--responsive-paddings{padding-inline:2rem}} +@media (width >= 1440px){.fd-bar--responsive-paddings{padding-inline:3rem}} +.fd-bar--header{--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background);--fdBar_Element_Text_Color:var(sapPageHeader_TextColor);--fdBar_Element_Text_Font_Family:var(--sapFontHeaderFamily);--fdBar_Element_Text_Font_Size:var(--sapFontHeader5Size)} +.fd-bar--header:has(+.fd-bar--subheader){--fdBar_Shadow:none} +.fd-bar--subheader{--fdBar_Height:3rem;--fdBar_Padding_Bottom:0.25rem;--fdBar_Shadow:var(--sapContent_HeaderShadow);--fdBar_Background:var(--sapPageHeader_Background)} +.fd-bar--header-with-subheader{--fdBar_Z_Index:2;--fdBar_Shadow:none;--fdBar_Background:var(--sapPageHeader_Background);position:relative} +.fd-bar--footer{--fdBar_Shadow:none;--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);border-top:var(--sapGroup_TitleBorderWidth) solid var(--sapPageFooter_BorderColor)} +.fd-bar--floating-footer{--fdBar_Shadow:var(--sapContent_Shadow1);--fdBar_Z_Index:map.get($fd-z-index-levels,"top");--fdBar_Background:var(--sapPageFooter_Background);--fdBar_Element_Text_Color:var(--sapPageFooter_TextColor);--fdBar_Border_Radius:var(--sapElement_BorderCornerRadius);bottom:var(--fdBar_Floating_Footer_Offset_Y);left:var(--fdBar_Floating_Footer_Offset_X);opacity:1;position:absolute;right:var(--fdBar_Floating_Footer_Offset_X)} +.fd-bar--growing{--fdBar_Height:auto;--fdBar_Padding_Top:0.25rem;--fdBar_Padding_Bottom:0.25rem;min-height:2.5rem} +.fd-bar--growing.fd-bar--header{--fdBar_Padding_Top:0.375rem} +.fd-bar--home-page,.fd-bar--page{--fdBar_Padding_X:1rem} +.fd-bar--home-page.fd-bar--floating-footer,.fd-bar--page.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:1rem} +.fd-bar--page-s,.fd-bar--page-sm{--fdBar_Padding_X:1rem} +.fd-bar--page-s.fd-bar--floating-footer,.fd-bar--page-sm.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:1rem} +.fd-bar--home-page-s,.fd-bar--home-page-sm{--fdBar_Padding_X:0.5rem} +.fd-bar--home-page-s.fd-bar--floating-footer,.fd-bar--home-page-sm.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:1rem} +.fd-bar--home-page-m_l,.fd-bar--home-page-md_lg,.fd-bar--page-m_l,.fd-bar--page-md_lg{--fdBar_Padding_X:2rem} +.fd-bar--home-page-m_l.fd-bar--floating-footer,.fd-bar--home-page-md_lg.fd-bar--floating-footer,.fd-bar--page-m_l.fd-bar--floating-footer,.fd-bar--page-md_lg.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:2rem} +.fd-bar--home-page-xl,.fd-bar--page-xl{--fdBar_Padding_X:3rem} +.fd-bar--home-page-xl.fd-bar--floating-footer,.fd-bar--page-xl.fd-bar--floating-footer{--fdBar_Padding_X:0.5rem;--fdBar_Floating_Footer_Offset_X:3rem} +.fd-bar--initial-suggestion-subline,.fd-bar--initial-suggestion-title{height:auto} +.fd-bar--initial-suggestion-title{-webkit-padding-before:.5rem;padding-block-start:.5rem} +.fd-bar--initial-suggestion-subline{--fdBar_Padding_Bottom:0.5rem;-webkit-padding-before:.25rem;padding-block-start:.25rem} +.fd-bar[class*=-compact],.fd-bar[class*=-condensed],[class*=-compact] .fd-bar:not([class*=-cozy]),[class*=-condensed] .fd-bar:not([class*=-cozy]){--fdBar_Height:2.5rem} +.fd-bar[class*=-compact].fd-bar--subheader,.fd-bar[class*=-condensed].fd-bar--subheader,[class*=-compact] .fd-bar:not([class*=-cozy]).fd-bar--subheader,[class*=-condensed] .fd-bar:not([class*=-cozy]).fd-bar--subheader{--fdBar_Height:2.25rem} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-form-item{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative} +.fd-form-item:after,.fd-form-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-form-item__label-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} +.fd-form-item__label-container label{-ms-flex-item-align:center;align-self:center} +.fd-form-item__label-container button{-webkit-margin-start:auto;margin-inline-start:auto} +.fd-form-item--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-form-item--horizontal .fd-form-label{-webkit-padding-after:0;margin-block:auto;margin-inline:0 .5rem;padding-block-end:0} +.fd-form-item--horizontal .fd-input{-webkit-box-flex:1;-ms-flex:1;flex:1} +.fd-form-item .fd-form-message:not(:first-child){margin-top:-.25rem} +.fd-form-item.fd-list__form-item{-webkit-box-flex:initial;-ms-flex:initial;flex:initial} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-form-label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);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%;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start} +.fd-form-label:after,.fd-form-label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-form-label--disabled,.fd-form-label.is-disabled,.fd-form-label[aria-disabled=true]{opacity:.4;pointer-events:none} +.fd-form-label--wrap{overflow:visible;text-overflow:clip;white-space:normal} +.fd-form-label--unit-description{color:var(--sapField_TextColor);margin-block:0;margin-inline:0;padding-block:0;padding-inline:.25rem 0} +.fd-form-label--required,.fd-form-label[aria-required=true]{-webkit-padding-end:.5rem;padding-inline-end:.5rem} +.fd-form-label--required:after,.fd-form-label[aria-required=true]:after{color:var(--sapField_RequiredColor);content:"*"/"";font-size:var(--sapFontLargeSize);font-weight:700;position:absolute;right:0;top:0} +.fd-form-label--required[dir=rtl]:after,.fd-form-label[aria-required=true][dir=rtl]:after,[dir=rtl] .fd-form-label--required:after,[dir=rtl] .fd-form-label[aria-required=true]:after{left:0;right:auto} +.fd-form-label--colon{-webkit-padding-end:.25rem;padding-inline-end:.25rem} +.fd-form-label--colon:before{color:inherit;content:":";font-size:var(--sapFontSize);position:absolute;right:0;top:0} +.fd-form-label--colon[dir=rtl]:before,[dir=rtl] .fd-form-label--colon:before{left:0;right:auto} +.fd-form-label--colon.fd-form-label--required,.fd-form-label--colon[aria-required=true]{-webkit-padding-end:.75rem;padding-inline-end:.75rem} +.fd-form-label--colon.fd-form-label--required:before,.fd-form-label--colon[aria-required=true]:before{right:.5rem} +.fd-form-label--colon.fd-form-label--required[dir=rtl]:before,.fd-form-label--colon[aria-required=true][dir=rtl]:before,[dir=rtl] .fd-form-label--colon.fd-form-label--required:before,[dir=rtl] .fd-form-label--colon[aria-required=true]:before{left:.5rem;right:auto} +.fd-form-label--inline-help{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-form-label--stand-alone{-ms-flex-item-align:center;align-self:center;-webkit-margin-end:0;margin-inline-end:0} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap} +.fd-radio:after,.fd-radio:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-radio::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-radio::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-radio:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-radio::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-radio::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-radio::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)} +.fd-radio::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)} +.fd-radio.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)} +.fd-radio.is-success.is-hover,.fd-radio.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)} +.fd-radio.is-success.is-focus,.fd-radio.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5} +.fd-radio.is-success.is-focus.is-hover,.fd-radio.is-success.is-focus:hover,.fd-radio.is-success:focus.is-hover,.fd-radio.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-radio.is-success.is-expanded,.fd-radio.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-radio.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)} +.fd-radio.is-error.is-hover,.fd-radio.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)} +.fd-radio.is-error.is-focus,.fd-radio.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5} +.fd-radio.is-error.is-focus.is-hover,.fd-radio.is-error.is-focus:hover,.fd-radio.is-error:focus.is-hover,.fd-radio.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-radio.is-error.is-expanded,.fd-radio.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-radio.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)} +.fd-radio.is-warning.is-hover,.fd-radio.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)} +.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5} +.fd-radio.is-warning.is-focus.is-hover,.fd-radio.is-warning.is-focus:hover,.fd-radio.is-warning:focus.is-hover,.fd-radio.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-radio.is-warning.is-expanded,.fd-radio.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-radio.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)} +.fd-radio.is-alert.is-hover,.fd-radio.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)} +.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5} +.fd-radio.is-alert.is-focus.is-hover,.fd-radio.is-alert.is-focus:hover,.fd-radio.is-alert:focus.is-hover,.fd-radio.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-radio.is-alert.is-expanded,.fd-radio.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-radio.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)} +.fd-radio.is-information.is-hover,.fd-radio.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)} +.fd-radio.is-information.is-focus,.fd-radio.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5} +.fd-radio.is-information.is-focus.is-hover,.fd-radio.is-information.is-focus:hover,.fd-radio.is-information:focus.is-hover,.fd-radio.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-radio.is-information.is-expanded,.fd-radio.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus,.fd-radio.is-error.is-focus,.fd-radio.is-error:focus,.fd-radio.is-information.is-focus,.fd-radio.is-information:focus,.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5} +.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none} +.fd-radio.is-readonly,.fd-radio.is-readonly.is-focus,.fd-radio.is-readonly.is-hover,.fd-radio.is-readonly:focus,.fd-radio.is-readonly:hover,.fd-radio[aria-readonly=true],.fd-radio[aria-readonly=true].is-focus,.fd-radio[aria-readonly=true].is-hover,.fd-radio[aria-readonly=true]:focus,.fd-radio[aria-readonly=true]:hover,.fd-radio[readonly],.fd-radio[readonly].is-focus,.fd-radio[readonly].is-hover,.fd-radio[readonly]:focus,.fd-radio[readonly]:hover{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none} +.fd-radio.is-readonly.is-focus,.fd-radio.is-readonly:focus,.fd-radio[aria-readonly=true].is-focus,.fd-radio[aria-readonly=true]:focus,.fd-radio[readonly].is-focus,.fd-radio[readonly]:focus{z-index:5} +.fd-radio__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);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%;padding-block:0;padding-inline:0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapField_TextColor);padding-block:var(--fdRadio_Outer_Circle_Padding);padding-inline:var(--fdRadio_Outer_Circle_Padding)} +.fd-radio__label:after,.fd-radio__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-radio__label:before{content:"";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:var(--fdRadio_Inner_Circle_Diameter);min-width:var(--fdRadio_Inner_Circle_Diameter);width:var(--fdRadio_Inner_Circle_Diameter);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-margin-end:var(--fdRadio_Outer_Circle_Padding);background-color:var(--fdRadio_Background_Color);border:var(--fdRadio_Inner_Border_Width) var(--fdRadio_Inner_Border_Style) var(--fdRadio_Inner_Border_Color);margin-inline-end:var(--fdRadio_Outer_Circle_Padding)} +.fd-radio__label:after{height:var(--fdRadio_Inner_Content_Size);left:var(--fdRadio_Inner_Content_Padding);min-width:var(--fdRadio_Inner_Content_Size);width:var(--fdRadio_Inner_Content_Size)} +.fd-radio__label.is-focus,.fd-radio__label:focus{outline:none;z-index:5} +.fd-radio__label.is-hover:before,.fd-radio__label:hover:before{background-color:var(--fdRadio_Hover_Background_Color);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Default_Hover);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Default_Hover);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Default_Hover);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Default_Hover);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Default_Hover)} +.fd-radio__label[dir=rtl]:after,[dir=rtl] .fd-radio__label:after{right:var(--fdRadio_Inner_Content_Padding)} +.fd-radio__label.is-empty,.fd-radio__label:empty{margin-block:0;margin-inline:0;padding-block:var(--fdRadio_Outer_Circle_Padding);padding-inline:var(--fdRadio_Outer_Circle_Padding)} +.fd-radio__label.is-empty:after,.fd-radio__label.is-empty:before,.fd-radio__label:empty:after,.fd-radio__label:empty:before{margin-inline:0} +.fd-radio__label--wrap .fd-radio__text{white-space:normal} +.fd-radio__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} +.fd-radio__label--wrap-top-aligned .fd-radio__text{white-space:normal} +.fd-radio__label--wrap-top-aligned:after{top:var(--fdRadio_Inner_Content_Padding)} +.fd-radio__text{border:0;-webkit-box-sizing:border-box;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;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap} +.fd-radio__text:after,.fd-radio__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-radio:checked+.fd-radio__label:after{background:var(--fdRadio_Active_Dot_Color);border-radius:50%;content:"";position:absolute} +.fd-radio.is-error+.fd-radio__label:before,.fd-radio.is-error:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Error);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Error);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Error);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Error);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Error);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Error_Hover)} +.fd-radio.is-alert+.fd-radio__label:before,.fd-radio.is-alert:checked+.fd-radio__label:after,.fd-radio.is-warning+.fd-radio__label:before,.fd-radio.is-warning:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Warning);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Warning);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Warning);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Warning);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Warning);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Warning_Hover)} +.fd-radio.is-success+.fd-radio__label:before,.fd-radio.is-success:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Success);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Success);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Success);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Success);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Success);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Success_Hover)} +.fd-radio.is-information+.fd-radio__label:before,.fd-radio.is-information:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_Information);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_Information);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_Information);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_Information);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_Information);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_Information_Hover)} +.fd-radio.is-readonly+.fd-radio__label:before,.fd-radio.is-readonly:checked+.fd-radio__label:after,.fd-radio[aria-readonly=true]+.fd-radio__label:before,.fd-radio[aria-readonly=true]:checked+.fd-radio__label:after,.fd-radio[readonly]+.fd-radio__label:before,.fd-radio[readonly]:checked+.fd-radio__label:after{--fdRadio_Background_Color:var(--fdRadio_Background_Color_ReadOnly);--fdRadio_Inner_Border_Width:var(--fdRadio_Inner_Border_Width_ReadOnly);--fdRadio_Inner_Border_Style:var(--fdRadio_Inner_Border_Style_ReadOnly);--fdRadio_Inner_Border_Color:var(--fdRadio_Inner_Border_Color_ReadOnly);--fdRadio_Active_Dot_Color:var(--fdRadio_Active_Dot_Color_ReadOnly);--fdRadio_Hover_Background_Color:var(--fdRadio_Background_Color_ReadOnly)} +.fd-radio.is-focus,.fd-radio:focus{z-index:5} +.fd-radio.is-focus+.fd-radio__label,.fd-radio:focus+.fd-radio__label{border-radius:var(--fdRadio_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdRadio_Focus_Outline_Offset) - var(--fdRadio_Outer_Circle_Padding))} +.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:.0001} +.fd-radio.is-disabled+.fd-radio__label,.fd-radio:disabled+.fd-radio__label,.fd-radio[aria-disabled=true]+.fd-radio__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none} +.fd-radio[class*=-compact]+.fd-radio__label,.fd-radio[class*=-condensed]+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy])+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy])+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Inner_Circle_Diameter:var(--fdRadio_Compact_Inner_Circle_Diameter);--fdRadio_Inner_Content_Size:var(--fdRadio_Inner_Content_Size_Compact);--fdRadio_Inner_Content_Padding:var(--fdRadio_Inner_Content_Padding_Compact)} +.fd-radio[class*=-compact].is-focus,.fd-radio[class*=-compact]:focus,.fd-radio[class*=-condensed].is-focus,.fd-radio[class*=-condensed]:focus,[class*=-compact] .fd-radio:not([class*=-cozy]).is-focus,[class*=-compact] .fd-radio:not([class*=-cozy]):focus,[class*=-condensed] .fd-radio:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-radio:not([class*=-cozy]):focus{z-index:5} +.fd-radio[class*=-compact].is-focus+.fd-radio__label,.fd-radio[class*=-compact]:focus+.fd-radio__label,.fd-radio[class*=-condensed].is-focus+.fd-radio__label,.fd-radio[class*=-condensed]:focus+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy]).is-focus+.fd-radio__label,[class*=-compact] .fd-radio:not([class*=-cozy]):focus+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy]).is-focus+.fd-radio__label,[class*=-condensed] .fd-radio:not([class*=-cozy]):focus+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Outline_Border_Radius:var(--fdRadio_Compact_Outline_Border_radius)} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-input{-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);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;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{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);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)} +.fd-input.is-focus,.fd-input:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;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__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px} +.fd-input.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)} +.fd-input.is-success.is-hover,.fd-input.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);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]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;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{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)} +.fd-input.is-error.is-hover,.fd-input.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);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]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;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{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)} +.fd-input.is-warning.is-hover,.fd-input.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);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]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;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{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);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]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;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{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)} +.fd-input.is-information.is-hover,.fd-input.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);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]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;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:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;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:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;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} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-input-group{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fdInputGroup_Background,var(--sapField_BackgroundStyle));background-color:var(--fdInputGroup_Background_Color,var(--sapField_Background));border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);-webkit-box-shadow:var(--sapField_Shadow);box-shadow:var(--sapField_Shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;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(--sapElement_Height);line-height:normal;margin-block:0;margin-block:var(--fdInput_Field_Margin_Block,.25rem);margin-inline:0;min-width:2.75rem;outline:none;overflow:hidden;padding-block:0;padding-inline:var(--fdInput_Field_Padding_Inline,.625rem);padding-inline:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1;--fdInput_Height:100%;--fdInput_Compact_Height:100%} +.fd-input-group:after,.fd-input-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-input-group::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)} +.fd-input-group::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)} +.fd-input-group:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)} +.fd-input-group::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)} +.fd-input-group::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)} +.fd-input-group[dir=rtl]::-webkit-input-placeholder,[dir=rtl] .fd-input-group::-webkit-input-placeholder{text-indent:.125rem} +.fd-input-group[dir=rtl]::-moz-placeholder,[dir=rtl] .fd-input-group::-moz-placeholder{text-indent:.125rem} +.fd-input-group[dir=rtl]:-ms-input-placeholder,[dir=rtl] .fd-input-group:-ms-input-placeholder{text-indent:.125rem} +.fd-input-group[dir=rtl]::-ms-input-placeholder,[dir=rtl] .fd-input-group::-ms-input-placeholder{text-indent:.125rem} +.fd-input-group[dir=rtl]::placeholder,[dir=rtl] .fd-input-group::placeholder{text-indent:.125rem} +.fd-input-group::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)} +.fd-input-group::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)} +.fd-input-group::-ms-clear{display:none} +.fd-input-group.is-hover,.fd-input-group:hover{background:var(--fdInputGroup_Hover_Background,var(--sapField_Hover_BackgroundStyle));background-color:var(--fdInputGroup_Hover_Background_Color,var(--sapField_Hover_Background));border-color:var(--sapField_Hover_BorderColor);-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);box-shadow:var(--fdInput_Box_Shadow_Hover)} +.fd-input-group.is-focus,.fd-input-group:focus{background:var(--sapField_Focus_Background,var(--sapField_Focus_Background));-webkit-box-shadow:none;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-group.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)} +.fd-input-group.is-success.is-hover,.fd-input-group.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)} +.fd-input-group.is-success.is-focus,.fd-input-group.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color)} +.fd-input-group.is-success.is-focus.is-hover,.fd-input-group.is-success.is-focus:hover,.fd-input-group.is-success:focus.is-hover,.fd-input-group.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-input-group.is-success.is-expanded,.fd-input-group.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-input-group.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)} +.fd-input-group.is-error.is-hover,.fd-input-group.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)} +.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color)} +.fd-input-group.is-error.is-focus.is-hover,.fd-input-group.is-error.is-focus:hover,.fd-input-group.is-error:focus.is-hover,.fd-input-group.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-input-group.is-error.is-expanded,.fd-input-group.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-input-group.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)} +.fd-input-group.is-warning.is-hover,.fd-input-group.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)} +.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)} +.fd-input-group.is-warning.is-focus.is-hover,.fd-input-group.is-warning.is-focus:hover,.fd-input-group.is-warning:focus.is-hover,.fd-input-group.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-input-group.is-warning.is-expanded,.fd-input-group.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-input-group.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)} +.fd-input-group.is-alert.is-hover,.fd-input-group.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)} +.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color)} +.fd-input-group.is-alert.is-focus.is-hover,.fd-input-group.is-alert.is-focus:hover,.fd-input-group.is-alert:focus.is-hover,.fd-input-group.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-input-group.is-alert.is-expanded,.fd-input-group.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-input-group.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)} +.fd-input-group.is-information.is-hover,.fd-input-group.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)} +.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color)} +.fd-input-group.is-information.is-focus.is-hover,.fd-input-group.is-information.is-focus:hover,.fd-input-group.is-information:focus.is-hover,.fd-input-group.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-input-group.is-information.is-expanded,.fd-input-group.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-input-group.is-alert,.fd-input-group.is-error,.fd-input-group.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)} +.fd-input-group.is-alert::-webkit-input-placeholder,.fd-input-group.is-error::-webkit-input-placeholder,.fd-input-group.is-warning::-webkit-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)} +.fd-input-group.is-alert::-moz-placeholder,.fd-input-group.is-error::-moz-placeholder,.fd-input-group.is-warning::-moz-placeholder{font-weight:var(--fdInput_State_Font_Weight)} +.fd-input-group.is-alert:-ms-input-placeholder,.fd-input-group.is-error:-ms-input-placeholder,.fd-input-group.is-warning:-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)} +.fd-input-group.is-alert::-ms-input-placeholder,.fd-input-group.is-error::-ms-input-placeholder,.fd-input-group.is-warning::-ms-input-placeholder{font-weight:var(--fdInput_State_Font_Weight)} +.fd-input-group.is-alert::placeholder,.fd-input-group.is-error::placeholder,.fd-input-group.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)} +.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus,.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus,.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus,.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5} +.fd-input-group.is-error::-webkit-input-placeholder{color:var(--sapField_TextColor)} +.fd-input-group.is-error::-moz-placeholder{color:var(--sapField_TextColor)} +.fd-input-group.is-error:-ms-input-placeholder{color:var(--sapField_TextColor)} +.fd-input-group.is-error::-ms-input-placeholder{color:var(--sapField_TextColor)} +.fd-input-group.is-error::placeholder{color:var(--sapField_TextColor)} +.fd-input-group.is-disabled,.fd-input-group:disabled,.fd-input-group[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none} +.fd-input-group.is-disabled::-webkit-input-placeholder,.fd-input-group:disabled::-webkit-input-placeholder,.fd-input-group[aria-disabled=true]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-disabled::-moz-placeholder,.fd-input-group:disabled::-moz-placeholder,.fd-input-group[aria-disabled=true]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-disabled:-ms-input-placeholder,.fd-input-group:disabled:-ms-input-placeholder,.fd-input-group[aria-disabled=true]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-disabled::-ms-input-placeholder,.fd-input-group:disabled::-ms-input-placeholder,.fd-input-group[aria-disabled=true]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-disabled::placeholder,.fd-input-group:disabled::placeholder,.fd-input-group[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-readonly,.fd-input-group[aria-readonly=true],.fd-input-group[readonly]{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none} +.fd-input-group.is-readonly::-webkit-input-placeholder,.fd-input-group[aria-readonly=true]::-webkit-input-placeholder,.fd-input-group[readonly]::-webkit-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-readonly::-moz-placeholder,.fd-input-group[aria-readonly=true]::-moz-placeholder,.fd-input-group[readonly]::-moz-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-readonly:-ms-input-placeholder,.fd-input-group[aria-readonly=true]:-ms-input-placeholder,.fd-input-group[readonly]:-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-readonly::-ms-input-placeholder,.fd-input-group[aria-readonly=true]::-ms-input-placeholder,.fd-input-group[readonly]::-ms-input-placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-readonly::placeholder,.fd-input-group[aria-readonly=true]::placeholder,.fd-input-group[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color);opacity:0} +.fd-input-group.is-readonly.is-focus,.fd-input-group.is-readonly.is-hover,.fd-input-group.is-readonly:focus,.fd-input-group.is-readonly:hover,.fd-input-group[aria-readonly=true].is-focus,.fd-input-group[aria-readonly=true].is-hover,.fd-input-group[aria-readonly=true]:focus,.fd-input-group[aria-readonly=true]:hover,.fd-input-group[readonly].is-focus,.fd-input-group[readonly].is-hover,.fd-input-group[readonly]:focus,.fd-input-group[readonly]:hover{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none} +.fd-input-group.is-readonly.is-focus,.fd-input-group.is-readonly:focus,.fd-input-group[aria-readonly=true].is-focus,.fd-input-group[aria-readonly=true]:focus,.fd-input-group[readonly].is-focus,.fd-input-group[readonly]:focus{z-index:5} +.fd-input-group .fd-input-group__button{background:var(--fdInput_Group_Button_Background);background-color:var(--fdButtonBackgroundColor);border:none;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important} +.fd-input-group .fd-input-group__button:before{display:none!important} +.fd-input-group .fd-input-group__button:after{border-radius:var(--fdInput_Outline_Border_Radius)} +.fd-input-group .fd-input-group__button.is-hover,.fd-input-group .fd-input-group__button:hover{--fdInput_Group_Button_Text_Color:var(--fdInput_Group_Button_Hover_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Hover_Background);-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Box_Shadow)} +.fd-input-group .fd-input-group__button.is-active,.fd-input-group .fd-input-group__button:active{background:var(--fdInput_Group_Button_Active_Background);-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)} +.fd-input-group.is-success.is-focus,.fd-input-group.is-success:focus{z-index:5} +.fd-input-group.is-success.is-focus .fd-input-group__button,.fd-input-group.is-success:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-success.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-success.is-focus .fd-input-group__button:hover,.fd-input-group.is-success:focus .fd-input-group__button.is-hover,.fd-input-group.is-success:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-success.is-expanded .fd-input-group__button,.fd-input-group.is-success[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-success.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-success.is-expanded .fd-input-group__button:hover,.fd-input-group.is-success[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-success[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-success .fd-input-group__button.is-active,.fd-input-group.is-success .fd-input-group__button.is-hover,.fd-input-group.is-success .fd-input-group__button:active,.fd-input-group.is-success .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)} +.fd-input-group.is-success .fd-input-group__button.is-active,.fd-input-group.is-success .fd-input-group__button:active{color:var(--fdInput_Group_Button_Success_Active_Text_Color)} +.fd-input-group.is-error.is-focus,.fd-input-group.is-error:focus{z-index:5} +.fd-input-group.is-error.is-focus .fd-input-group__button,.fd-input-group.is-error:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-error.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-error.is-focus .fd-input-group__button:hover,.fd-input-group.is-error:focus .fd-input-group__button.is-hover,.fd-input-group.is-error:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-error.is-expanded .fd-input-group__button,.fd-input-group.is-error[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-error.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-error.is-expanded .fd-input-group__button:hover,.fd-input-group.is-error[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-error[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-error .fd-input-group__button.is-active,.fd-input-group.is-error .fd-input-group__button.is-hover,.fd-input-group.is-error .fd-input-group__button:active,.fd-input-group.is-error .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)} +.fd-input-group.is-error .fd-input-group__button.is-active,.fd-input-group.is-error .fd-input-group__button:active{color:var(--fdInput_Group_Button_Error_Active_Text_Color)} +.fd-input-group.is-warning.is-focus,.fd-input-group.is-warning:focus{z-index:5} +.fd-input-group.is-warning.is-focus .fd-input-group__button,.fd-input-group.is-warning:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-warning.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-warning.is-focus .fd-input-group__button:hover,.fd-input-group.is-warning:focus .fd-input-group__button.is-hover,.fd-input-group.is-warning:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-warning.is-expanded .fd-input-group__button,.fd-input-group.is-warning[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-warning.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-warning.is-expanded .fd-input-group__button:hover,.fd-input-group.is-warning[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-warning[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-warning .fd-input-group__button.is-active,.fd-input-group.is-warning .fd-input-group__button.is-hover,.fd-input-group.is-warning .fd-input-group__button:active,.fd-input-group.is-warning .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)} +.fd-input-group.is-warning .fd-input-group__button.is-active,.fd-input-group.is-warning .fd-input-group__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)} +.fd-input-group.is-alert.is-focus,.fd-input-group.is-alert:focus{z-index:5} +.fd-input-group.is-alert.is-focus .fd-input-group__button,.fd-input-group.is-alert:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-alert.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-alert.is-focus .fd-input-group__button:hover,.fd-input-group.is-alert:focus .fd-input-group__button.is-hover,.fd-input-group.is-alert:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-alert.is-expanded .fd-input-group__button,.fd-input-group.is-alert[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-alert.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-alert.is-expanded .fd-input-group__button:hover,.fd-input-group.is-alert[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-alert[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-alert .fd-input-group__button.is-active,.fd-input-group.is-alert .fd-input-group__button.is-hover,.fd-input-group.is-alert .fd-input-group__button:active,.fd-input-group.is-alert .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)} +.fd-input-group.is-alert .fd-input-group__button.is-active,.fd-input-group.is-alert .fd-input-group__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)} +.fd-input-group.is-information.is-focus,.fd-input-group.is-information:focus{z-index:5} +.fd-input-group.is-information.is-focus .fd-input-group__button,.fd-input-group.is-information:focus .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-information.is-focus .fd-input-group__button.is-hover,.fd-input-group.is-information.is-focus .fd-input-group__button:hover,.fd-input-group.is-information:focus .fd-input-group__button.is-hover,.fd-input-group.is-information:focus .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-information.is-expanded .fd-input-group__button,.fd-input-group.is-information[aria-expanded=true] .fd-input-group__button{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color);--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-information.is-expanded .fd-input-group__button.is-hover,.fd-input-group.is-information.is-expanded .fd-input-group__button:hover,.fd-input-group.is-information[aria-expanded=true] .fd-input-group__button.is-hover,.fd-input-group.is-information[aria-expanded=true] .fd-input-group__button:hover{--fdButtonBackgroundColor:var(--fdInput_Group_Button_Active_Background)} +.fd-input-group.is-information .fd-input-group__button.is-active,.fd-input-group.is-information .fd-input-group__button.is-hover,.fd-input-group.is-information .fd-input-group__button:active,.fd-input-group.is-information .fd-input-group__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)} +.fd-input-group.is-information .fd-input-group__button.is-active,.fd-input-group.is-information .fd-input-group__button:active{color:var(--fdInput_Group_Button_Information_Active_Text_Color)} +.fd-input-group:has(input:is(:focus)){background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--fdInput_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:var(--fdInput_Outline_Offset)} +.fd-input-group .fd-input-group__input{-webkit-box-flex:1;background:none;background-color:var(--fdInputGroup_Input_Background,transparent);border:var(--fdInputGroup_Input_Border,none);-webkit-box-shadow:none;box-shadow:none;color:var(--fdInputGroup_Input_Color,inherit);-ms-flex:1 1 10rem;flex:1 1 10rem;padding-inline:.25rem;text-shadow:var(--fdInputGroup_Text_Shadow)} +.fd-input-group .fd-input-group__input:nth-child(n+1){margin-block:0;margin-inline:0} +.fd-input-group .fd-input-group__input::-webkit-input-placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)} +.fd-input-group .fd-input-group__input::-moz-placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)} +.fd-input-group .fd-input-group__input:-ms-input-placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)} +.fd-input-group .fd-input-group__input::-ms-input-placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)} +.fd-input-group .fd-input-group__input::placeholder{color:var(--fdInputGroup_Input_Placeholder_Color,var(--sapField_PlaceholderTextColor));font-style:var(--fdInputGroup_Input_Placeholder_Style,italic)} +.fd-input-group .fd-input-group__input.is-hover,.fd-input-group .fd-input-group__input:hover{background:none;background-color:--fdInputGroup_Hover_Input_Background;-webkit-box-shadow:none;box-shadow:none} +.fd-input-group .fd-input-group__input.is-focus,.fd-input-group .fd-input-group__input:focus{background:var(--fdInputGroup_Input_Background,none);border-radius:0;-webkit-box-shadow:none;box-shadow:none;outline:none;z-index:5} +.fd-input-group .fd-input-group__input:first-child{-webkit-padding-start:.625rem;padding-inline-start:.625rem} +.fd-input-group .fd-input-group__input:last-child{-webkit-padding-end:.625rem;padding-inline-end:.625rem} +.fd-input-group .fd-input-group__input:-webkit-autofill,.fd-input-group .fd-input-group__input:-webkit-autofill:active,.fd-input-group .fd-input-group__input:-webkit-autofill:focus,.fd-input-group .fd-input-group__input:-webkit-autofill:hover{-webkit-background-clip:text;background-clip:text} +.fd-input-group--inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:bottom;width:auto} +.fd-input-group__addon{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdInputGroup_Addon_Background,none);color:var(--sapContent_NonInteractiveIconColor);font-size:var(--sapFontLargeSize);min-height:var(--fdInput_Group_Addon_Height,var(--fdInput_Compact_Height));min-width:var(--fdInput_Group_Addon_Width,2.25rem);overflow:hidden;padding-inline:.625rem;text-overflow:ellipsis;white-space:nowrap} +.fd-input-group__addon:after,.fd-input-group__addon:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-input-group__addon span[class*=sap-icon--]:before{font-size:var(--sapFontLargeSize)} +.fd-input-group__addon--readonly{opacity:.4} +.fd-input-group__addon--button{overflow:visible;padding-block:0;padding-inline:0} +.fd-input-group__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px} +.fd-input-group--control[aria-expanded=true]{-webkit-margin-after:0;margin-block-end:0} +.fd-input-group[class*=-compact],.fd-input-group[class*=-condensed],[class*=-compact] .fd-input-group:not([class*=-cozy]),[class*=-condensed] .fd-input-group:not([class*=-cozy]){height:var(--sapElement_Compact_Height);--fdInput_Field_Margin_Block:0.1875rem;--fdInput_Field_Compact_Margin_Block:0;--fdInput_Group_Addon_Width:2rem;--fdInput_Group_Addon_Height:var(--fdInput_Compact_Height)} +.fd-input-group .fd-textarea{resize:vertical} +.fd-input-group .is-disabled,.fd-input-group :disabled,.fd-input-group [aria-disabled=true]{opacity:1} +.fd-input-group.is-readonly,.fd-input-group[readonly]{overflow:visible} +.fd-input-group--display,.fd-input-group.is-display,.fd-input-group[display]{background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;overflow:visible;pointer-events:none} +.fd-input-group .fd-tokenizer,.fd-input-group .fd-tokenizer.is-focus,.fd-input-group .fd-tokenizer.is-hover,.fd-input-group .fd-tokenizer:focus,.fd-input-group .fd-tokenizer:hover{background:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none} +.fd-input-group .fd-tokenizer.is-focus,.fd-input-group .fd-tokenizer:focus{outline:none;z-index:5} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-link{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapLinkColor);cursor:pointer;display:var(--fdLink_Display,inline-block);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;text-shadow:var(--sapContent_TextShadow);-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;line-height:var(--fdLink_Line_Height,1rem);overflow-wrap:break-word;text-decoration:var(--fdLink_Text_Decoration,none);text-underline-offset:.125rem;-webkit-transition:all .125s ease-in;transition:all .125s ease-in;white-space:normal;word-break:break-word} +.fd-link:after,.fd-link:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-link__content{text-decoration:var(--fdLink_Text_Content_Decoration,none)} +.fd-link.is-hover,.fd-link:hover{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Hover,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Hover,none)} +.fd-link.is-focus,.fd-link:focus{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Focus,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Focus,none)} +.fd-link.is-active,.fd-link:active{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Active,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Active,none)} +.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Disabled,none);--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Disabled,none)} +.fd-link--subtle{--fdLink_Text_Content_Decoration:var(--fdLink_Text_Content_Decoration_Subtle,none);--fdLink_Text_Content_Decoration_Hover:var(--fdLink_Text_Content_Decoration_Subtle_Hover,none);--fdLink_Text_Content_Decoration_Active:var(--fdLink_Text_Content_Decoration_Subtle_Active,none);--fdLink_Text_Decoration:var(--fdLink_Text_Decoration_Subtle,none);--fdLink_Text_Decoration_Hover:var(--fdLink_Text_Decoration_Subtle_Hover,none);--fdLink_Text_Decoration_Active:var(--fdLink_Text_Decoration_Subtle_Active,none)} +.fd-link--undecorated{--fdLink_Text_Decoration:none;--fdLink_Text_Decoration_Subtle:none;--fdLink_Text_Decoration_Subtle_Hover:none;--fdLink_Text_Decoration_Subtle_Active:none;--fdLink_Text_Decoration_Hover:none;--fdLink_Text_Decoration_Focus:none;--fdLink_Text_Decoration_Active:none;--fdLink_Text_Decoration_Visited:none;--fdLink_Text_Decoration_Disabled:none;--fdLink_Text_Content_Decoration:none;--fdLink_Text_Content_Decoration_Subtle:none;--fdLink_Text_Content_Decoration_Subtle_Hover:none;--fdLink_Text_Content_Decoration_Subtle_Active:none;--fdLink_Text_Content_Decoration_Hover:none;--fdLink_Text_Content_Decoration_Focus:none;--fdLink_Text_Content_Decoration_Active:none;--fdLink_Text_Content_Decoration_Visited:none;--fdLink_Text_Content_Decoration_Disabled:none} +.fd-link--emphasized{font-family:var(--sapFontBoldFamily)} +.fd-link--touch-target{--fdLink_Line_Height:1.5rem} +.fd-link:visited{color:var(--sapLink_Visited_Color)} +.fd-link.is-hover,.fd-link:hover{color:var(--sapLink_Hover_Color)} +.fd-link.is-focus,.fd-link:focus{background-color:var(--fdLink_Focus_Background);border-radius:var(--fdLink_Focus_Border_Radius);-webkit-box-shadow:none;box-shadow:none;color:var(--fdLink_Text_Focus_Color);outline:var(--fdLink_Hover_Outline_Color) var(--fdLink_Hover_Outline_Style) var(--fdLink_Hover_Outline_Width);outline-offset:var(--fdLink_Hover_Outline_Offset);text-shadow:var(--fdLink_Focus_Text_Shadow)} +.fd-link.is-active,.fd-link:active{color:var(--sapLink_Active_Color)} +.fd-link.is-active.is-focus,.fd-link.is-active:focus,.fd-link:active.is-focus,.fd-link:active:focus{background-color:transparent;z-index:5} +.fd-link--inverted{text-shadow:none} +.fd-link--inverted,.fd-link--inverted.is-hover,.fd-link--inverted:hover{color:var(--sapLink_InvertedColor)} +.fd-link--inverted.is-focus,.fd-link--inverted:focus{outline-color:var(--sapContent_ContrastFocusColor);z-index:5} +.fd-link--subtle{color:var(--sapLink_SubtleColor)} +.fd-link.is-disabled,.fd-link:disabled,.fd-link[aria-disabled=true]{color:var(--sapLinkColor);opacity:var(--sapContent_DisabledOpacity);pointer-events:none} +.fd-link>img{vertical-align:bottom} +.fd-link [class*=sap-icon],.fd-link[class*=sap-icon]{color:var(--sapLinkColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-link [class*=sap-icon]:first-child,.fd-link[class*=sap-icon]:first-child{-webkit-margin-end:.125rem;margin-inline-end:.125rem} +.fd-link [class*=sap-icon]:last-child,.fd-link[class*=sap-icon]:last-child{-webkit-margin-start:.125rem;margin-inline-start:.125rem} +.fd-link.is-hover [class*=sap-icon],.fd-link.is-hover[class*=sap-icon],.fd-link:hover [class*=sap-icon],.fd-link:hover[class*=sap-icon]{color:var(--sapLink_Hover_Color);text-decoration:var(--fdLink_Text_Decoration_Hover)} +.fd-link.is-focus,.fd-link:focus{z-index:5} +.fd-link.is-focus [class*=sap-icon],.fd-link.is-focus[class*=sap-icon],.fd-link:focus [class*=sap-icon],.fd-link:focus[class*=sap-icon]{color:var(--fdLink_Text_Focus_Color);text-decoration:var(--fdLink_Text_Decoration_Focus)} +.fd-link.is-active [class*=sap-icon],.fd-link.is-active[class*=sap-icon],.fd-link:active [class*=sap-icon],.fd-link:active[class*=sap-icon]{color:var(--sapLink_Active_Color);text-decoration:var(--fdLink_Text_Decoration_Active)} +.fd-link:visited:not(:focus) [class*=sap-icon],.fd-link:visited:not(:focus)[class*=sap-icon]{color:var(--sapLink_Visited_Color)} +.fd-link__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;opacity:.0001;outline:none;overflow:hidden;padding-block:0;padding-inline:0;position:absolute;text-overflow:ellipsis;white-space:nowrap} +.fd-checkbox:after,.fd-checkbox:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-checkbox::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-checkbox::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-checkbox:-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-checkbox::-ms-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-checkbox::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic} +.fd-checkbox::-moz-selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)} +.fd-checkbox::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)} +.fd-checkbox.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle);-webkit-box-shadow:var(--sapField_SuccessShadow);box-shadow:var(--sapField_SuccessShadow)} +.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)} +.fd-checkbox.is-success.is-focus,.fd-checkbox.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5} +.fd-checkbox.is-success.is-focus.is-hover,.fd-checkbox.is-success.is-focus:hover,.fd-checkbox.is-success:focus.is-hover,.fd-checkbox.is-success:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-checkbox.is-success.is-expanded,.fd-checkbox.is-success[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Success_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-checkbox.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle);-webkit-box-shadow:var(--sapField_InvalidShadow);box-shadow:var(--sapField_InvalidShadow)} +.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)} +.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5} +.fd-checkbox.is-error.is-focus.is-hover,.fd-checkbox.is-error.is-focus:hover,.fd-checkbox.is-error:focus.is-hover,.fd-checkbox.is-error:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-checkbox.is-error.is-expanded,.fd-checkbox.is-error[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Error_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-checkbox.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle);-webkit-box-shadow:var(--sapField_WarningShadow);box-shadow:var(--sapField_WarningShadow)} +.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)} +.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5} +.fd-checkbox.is-warning.is-focus.is-hover,.fd-checkbox.is-warning.is-focus:hover,.fd-checkbox.is-warning:focus.is-hover,.fd-checkbox.is-warning:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-checkbox.is-warning.is-expanded,.fd-checkbox.is-warning[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-checkbox.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)} +.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover{background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)} +.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5} +.fd-checkbox.is-alert.is-focus.is-hover,.fd-checkbox.is-alert.is-focus:hover,.fd-checkbox.is-alert:focus.is-hover,.fd-checkbox.is-alert:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-checkbox.is-alert.is-expanded,.fd-checkbox.is-alert[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Warning_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-checkbox.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle);-webkit-box-shadow:var(--sapField_InformationShadow);box-shadow:var(--sapField_InformationShadow)} +.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)} +.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5} +.fd-checkbox.is-information.is-focus.is-hover,.fd-checkbox.is-information.is-focus:hover,.fd-checkbox.is-information:focus.is-hover,.fd-checkbox.is-information:focus:hover{-webkit-box-shadow:none;box-shadow:none} +.fd-checkbox.is-information.is-expanded,.fd-checkbox.is-information[aria-expanded=true]{background:var(--sapField_Focus_Background);-webkit-box-shadow:none;box-shadow:none;outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--fdInput_Information_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)} +.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5} +.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none} +.fd-checkbox.is-readonly,.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly.is-hover,.fd-checkbox.is-readonly:focus,.fd-checkbox.is-readonly:hover,.fd-checkbox[aria-readonly=true],.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true].is-hover,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[aria-readonly=true]:hover,.fd-checkbox[readonly],.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly].is-hover,.fd-checkbox[readonly]:focus,.fd-checkbox[readonly]:hover{--fdInput_Outline_Offset:-0.25rem;background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);-webkit-box-shadow:none;box-shadow:none} +.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly:focus,.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly]:focus{z-index:5} +.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial} +.fd-checkbox__label{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;max-width:100%;overflow:hidden;padding-block:0;padding-inline:0;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-margin-end:.5rem;cursor:text;margin-inline-end:.5rem;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fdCheckbox_Padding);line-height:1rem;margin-block:0;margin-inline:0;padding-block:var(--fdCheckbox_Padding);padding-inline:var(--fdCheckbox_Padding)} +.fd-checkbox__label:after,.fd-checkbox__label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox__label:hover .fd-checkbox__checkmark{background-color:var(--fdCheckbox_Hover_Background_Color);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Default_Hover);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Default_Hover);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Default_Hover);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Default_Hover);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Default_Hover)} +.fd-checkbox__label:focus{outline:none} +.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{-webkit-padding-end:.5rem;padding-inline-end:.5rem} +.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{color:var(--sapField_RequiredColor);content:"*"/"";font-size:var(--sapFontSize);font-weight:700;position:absolute;-webkit-padding-start:.125rem;padding-inline-start:.125rem} +.fd-checkbox__label--wrap .fd-checkbox__label-container{height:auto;white-space:normal} +.fd-checkbox__label--wrap .fd-checkbox__text{white-space:normal} +.fd-checkbox__label--wrap-top-aligned{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} +.fd-checkbox__label--wrap-top-aligned .fd-checkbox__label-container{height:auto;white-space:normal} +.fd-checkbox__label--wrap-top-aligned .fd-checkbox__text{white-space:normal} +.fd-checkbox__label-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1rem;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-checkbox__text{border:0;-webkit-box-sizing:border-box;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:inherit;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap} +.fd-checkbox__text:after,.fd-checkbox__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-checkbox__checkmark{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdCheckbox_Background_Color);border:var(--fdCheckbox_Inner_Border_Width) var(--fdCheckbox_Inner_Border_Style) var(--fdCheckbox_Inner_Border_Color);border-radius:var(--sapField_BorderCornerRadius);color:var(--fdCheckbox_Check_Mark_Color);font-family:SAP-icons;height:var(--fdCheckbox_Dimensions);min-width:var(--fdCheckbox_Dimensions);width:var(--fdCheckbox_Dimensions)} +.fd-checkbox__checkmark:after,.fd-checkbox__checkmark:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-checkbox__checkmark:before{content:""} +.fd-checkbox:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:"\e05b"} +.fd-checkbox:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{background-color:var(--fdCheckbox_Check_Mark_Color);content:"";height:var(--fdCheckbox_Tristate_Size);position:absolute;width:var(--fdCheckbox_Tristate_Size)} +.fd-checkbox.is-alert+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox.is-warning+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Warning);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Warning);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Warning);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Warning);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Warning);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Warning_Hover)} +.fd-checkbox.is-error+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Error);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Error);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Error);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Error);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Error);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Error_Hover)} +.fd-checkbox.is-success+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Success);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Success);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Success);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Success);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Success);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Success_Hover)} +.fd-checkbox.is-information+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_Information);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_Information);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_Information);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_Information);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_Information);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_Information_Hover)} +.fd-checkbox.is-readonly+.fd-checkbox__label .fd-checkbox__checkmark,.fd-checkbox[readonly]+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly);--fdCheckbox_Inner_Border_Width:var(--fdCheckbox_Inner_Border_Width_ReadOnly);--fdCheckbox_Inner_Border_Style:var(--fdCheckbox_Inner_Border_Style_ReadOnly);--fdCheckbox_Inner_Border_Color:var(--fdCheckbox_Inner_Border_Color_ReadOnly);--fdCheckbox_Check_Mark_Color:var(--fdCheckbox_Check_Mark_Color_ReadOnly);--fdCheckbox_Hover_Background_Color:var(--fdCheckbox_Background_Color_ReadOnly)} +.fd-checkbox.is-display+.fd-checkbox__label{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);gap:.5rem} +.fd-checkbox.is-display+.fd-checkbox__label.is-hover .fd-checkbox__checkmark,.fd-checkbox.is-display+.fd-checkbox__label:hover .fd-checkbox__checkmark{--fdCheckbox_Check_Mark_Color:var(--sapTextColor);--fdCheckbox_Hover_Background_Color:transparent} +.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark{--fdCheckbox_Background_Color:transparent;--fdCheckbox_Dimensions:1rem;border:none} +.fd-checkbox.is-display+.fd-checkbox__label .fd-checkbox__checkmark:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"\e19a";font-size:1rem;height:1rem;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;width:1rem} +.fd-checkbox.is-display:checked+.fd-checkbox__label .fd-checkbox__checkmark:before{content:"\e03f";font-size:1rem} +.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:before{content:"\e295";font-size:1rem} +.fd-checkbox.is-display:indeterminate+.fd-checkbox__label .fd-checkbox__checkmark:after{content:"";height:0;width:0} +.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5} +.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{border-radius:var(--fdCheckbox_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdCheckbox_Focus_Outline_Offset) - var(--fdCheckbox_Padding))} +.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001} +.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none} +.fd-checkbox[class*=-compact]+.fd-checkbox__label,.fd-checkbox[class*=-condensed]+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy])+.fd-checkbox__label{--fdCheckbox_Dimensions:var(--fdCheckbox_Compact_Dimensions);--fdCheckbox_Padding:var(--fdCheckbox_Compact_Padding)} +.fd-checkbox[class*=-compact]:indeterminate+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:indeterminate+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):indeterminate+.fd-checkbox__label{--fdCheckbox_Tristate_Size:var(--fdCheckbox_Tristate_Compact_Size);--fdCheckbox_Tristate_Offset:var(--fdCheckbox_Tristate_Compact_Offset)} +.fd-checkbox[class*=-compact].is-focus,.fd-checkbox[class*=-compact]:focus,.fd-checkbox[class*=-condensed].is-focus,.fd-checkbox[class*=-condensed]:focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus{z-index:5} +.fd-checkbox[class*=-compact].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-compact]:focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed].is-focus+.fd-checkbox__label,.fd-checkbox[class*=-condensed]:focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-compact] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]).is-focus+.fd-checkbox__label,[class*=-condensed] .fd-checkbox:not([class*=-cozy]):focus+.fd-checkbox__label{--fdCheckbox_Outline_Border_Radius:var(--fdCheckbox_Compact_Outline_Border_Radius)} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-info-label{--fdInfoLabel_Margin:0.25rem;--fdInfoLabel_Padding:0.375rem;--fdInfoLabel_Icon_Size:0.75rem;--fdInfoLabel_Height:var(--fdInfo_Label_Height);--fdInfoLabel_Label_Font_Size:var(--sapFontSize);--fdInfoLabel_Color:var(--fdInfoLabel_Color_Accent_7);--fdInfoLabel_Border_Radius:var(--fdInfo_Label_Border_Radius);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Background_Color7);--fdInfoLabel_Background:var(--fdInfoLabel_Background_Color_Accent_7);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;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-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdInfoLabel_Background);border:.0625rem solid var(--fdInfoLabel_Border_Color);border-radius:var(--fdInfoLabel_Border_Radius);color:var(--fdInfoLabel_Color);gap:var(--fdInfoLabel_Margin);height:var(--fdInfoLabel_Height);padding-block:0;padding-inline:var(--fdInfoLabel_Padding);width:auto} +.fd-info-label:after,.fd-info-label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{color:inherit;font-size:var(--fdInfoLabel_Icon_Size);height:var(--fdInfoLabel_Height);line-height:var(--fdInfoLabel_Height)} +.fd-info-label__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-size:var(--fdInfoLabel_Label_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0} +.fd-info-label__text:after,.fd-info-label__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-info-label__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px} +.fd-info-label--accent-color-1{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color1);--fdInfoLabel_Color:var(--fdInfo_Label_Color1);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color1)} +.fd-info-label--accent-color-2{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color2);--fdInfoLabel_Color:var(--fdInfo_Label_Color2);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color2)} +.fd-info-label--accent-color-3{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color3);--fdInfoLabel_Color:var(--fdInfo_Label_Color3);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color3)} +.fd-info-label--accent-color-4{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color4);--fdInfoLabel_Color:var(--fdInfo_Label_Color4);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color4)} +.fd-info-label--accent-color-5{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color5);--fdInfoLabel_Color:var(--fdInfo_Label_Color5);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color5)} +.fd-info-label--accent-color-6{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color6);--fdInfoLabel_Color:var(--fdInfo_Label_Color6);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color6)} +.fd-info-label--accent-color-7{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color7);--fdInfoLabel_Color:var(--fdInfo_Label_Color7);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color7)} +.fd-info-label--accent-color-8{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color8);--fdInfoLabel_Color:var(--fdInfo_Label_Color8);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color8)} +.fd-info-label--accent-color-9{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color9);--fdInfoLabel_Color:var(--fdInfo_Label_Color9);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color9)} +.fd-info-label--accent-color-10{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color10);--fdInfoLabel_Color:var(--fdInfo_Label_Color10);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color10)} +.fd-info-label--display{--fdInfoLabel_Padding:0.25rem;--fdInfoLabel_Margin:0.125rem;--fdInfoLabel_Icon_Size:0.625rem;--fdInfoLabel_Label_Font_Size:var(--sapFontSmallSize);--fdInfoLabel_Height:var(--fdInfo_Label_Height_Display);--fdInfoLabel_Border_Radius:var(--fdInfo_Label_Border_Radius_Display)} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-toolbar{--fdToolbar_Height:2.75rem;--fdToolbar_Separator_Margin:0;--fdToolbar_Padding_Left:0.5rem;--fdToolbar_Padding_Right:0.5rem;--fdToolbar_Separator_Height:2rem;--fdToolbar_Overflow_Max_Width:100%;--fdToolbar_Separator_Width:0.0625rem;--fdToolbar_Info_Color:var(--sapList_TextColor);--fdToolbar_Background:var(--sapToolbar_Background);--fdToolbar_Border_Bottom:0.0625rem solid var(--sapGroup_TitleBorderColor);--fdToolbar_Border_Top:0.0625rem solid var(--sapPageFooter_BorderColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdToolbar_Background);border-bottom:var(--fdToolbar_Border_Bottom);height:var(--fdToolbar_Height);min-height:var(--fdToolbar_Height);padding-inline:var(--fdToolbar_Padding_Left) var(--fdToolbar_Padding_Right)} +.fd-toolbar:after,.fd-toolbar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-toolbar__spacer{border:0;-webkit-box-sizing:border-box;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;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto} +.fd-toolbar__spacer:after,.fd-toolbar__spacer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-toolbar__spacer--fixed{-webkit-box-flex:0;display:inline-block;-ms-flex:none;flex:none} +.fd-toolbar__separator{background-color:var(--sapToolbar_SeparatorColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdToolbar_Separator_Height);line-height:normal;margin-block:0;margin-block:var(--fdToolbar_Separator_Margin);margin-inline:0;padding-block:0;padding-inline:0;width:var(--fdToolbar_Separator_Width)} +.fd-toolbar__separator:after,.fd-toolbar__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-toolbar__overflow{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--fdToolbar_Separator_Width:auto;--fdToolbar_Separator_Height:0.0625rem;--fdToolbar_Separator_Margin:0.1875rem;--fdToolbar_Overflow_Padding_Block:0.25rem;--fdToolbar_Overflow_Padding_Inline:0.5rem;max-height:50vh;max-width:var(--fdToolbar_Overflow_Max_Width);overflow:auto;padding-block:var(--fdToolbar_Overflow_Padding_Block);padding-inline:var(--fdToolbar_Overflow_Padding_Inline)} +.fd-toolbar__overflow:after,.fd-toolbar__overflow:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-toolbar__overflow[class*=-compact],.fd-toolbar__overflow[class*=-condensed],[class*=-compact] .fd-toolbar__overflow:not([class*=-cozy]),[class*=-condensed] .fd-toolbar__overflow:not([class*=-cozy]){--fdToolbar_Overflow_Padding_Block:0.1875rem;--fdToolbar_Overflow_Padding_Inline:0.375rem} +.fd-toolbar__overflow .fd-toolbar__overflow-button{margin-block:.1875rem;margin-inline:0;text-align:left;width:auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} +.fd-toolbar__overflow .fd-toolbar__overflow-button[dir=rtl],[dir=rtl] .fd-toolbar__overflow .fd-toolbar__overflow-button{text-align:right} +.fd-toolbar__overflow .fd-toolbar__overflow-button--menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:100%} +.fd-toolbar__overflow .fd-toolbar__overflow-form-label{margin-block:.625rem .125rem;margin-inline:0} +.fd-toolbar__overflow .fd-toolbar__overflow-label{margin-block:.375rem;margin-inline:0} +.fd-toolbar .fd-toolbar__title{--fdTitle_Font_Size:var(--sapGroup_Title_FontSize);--fdTitle_Color:var(--sapGroup_TitleTextColor)} +.fd-toolbar--auto{--fdToolbar_Background:var(--fdToolbar_Auto_Background)} +.fd-toolbar--solid{--fdToolbar_Background:var(--fdToolbar_Solid_Background)} +.fd-toolbar--transparent{--fdToolbar_Background:var(--fdToolbar_Transparent_Background)} +.fd-toolbar--ai,.fd-toolbar--clear{--fdToolbar_Border_Bottom:none} +.fd-toolbar--ai{--fdToolbar_Background:var(--fdToolbar_Transparent_Background);--fdToolbar_Padding_Left:0.5rem;--fdToolbar_Padding_Right:0.25rem} +.fd-toolbar--ai.is-active{--fdToolbar_Background:var(--fdToolbar_Solid_Background);border-top:var(--fdToolbar_Border_Top)} +.fd-toolbar--title{--fdToolbar_Height:2.75rem;--fdToolbar_Padding_Left:1rem;--fdToolbar_Background:var(--sapGroup_TitleBackground)} +.fd-toolbar.fd-toolbar--title-bar{padding-block:.375rem;--fdToolbar_Height:auto;--fdToolbar_Padding_Left:0.75rem;--fdToolbar_Padding_Right:0.75rem} +.fd-toolbar--info{color:var(--fdToolbar_Info_Color);position:relative;--fdToolbar_Height:2rem;--fdToolbar_Background:var(--sapInfobar_NonInteractive_Background)} +.fd-toolbar--info [class*=sap-icon]{color:var(--sapList_TextColor);font-size:1rem;height:1rem;line-height:1rem} +.fd-toolbar--active{outline:none;position:relative;--fdToolbar_Background:var(--sapInfobar_Background);--fdToolbar_Info_Color:var(--sapInfobar_TextColor)} +.fd-toolbar--active.is-focus:after,.fd-toolbar--active:focus:after{border-color:var(--sapContent_FocusColor);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:"";inset:.0625rem .0625rem .0625rem .0625rem;pointer-events:none;position:absolute} +.fd-toolbar--active.is-hover,.fd-toolbar--active:hover{--fdToolbar_Background:var(--sapInfobar_Hover_Background)} +.fd-toolbar--active.is-active,.fd-toolbar--active:active{--fdToolbar_Background:var(--sapInfobar_Active_Background)} +.fd-toolbar--active.is-focus,.fd-toolbar--active:focus{z-index:5} +.fd-toolbar--active.is-focus:after,.fd-toolbar--active:focus:after{border-color:var(--fdToolbar_Info_Outline_Color)} +.fd-toolbar--fade-in{opacity:1;-webkit-transition:visibility 0s linear 0s,opacity 1s;transition:visibility 0s linear 0s,opacity 1s;visibility:visible} +.fd-toolbar--fade-out{opacity:0;-webkit-transition:visibility 0s linear 1s,opacity 1ms;transition:visibility 0s linear 1s,opacity 1ms;visibility:hidden} +.fd-toolbar[class*=-compact],.fd-toolbar[class*=-condensed],[class*=-compact] .fd-toolbar:not([class*=-cozy]),[class*=-condensed] .fd-toolbar:not([class*=-cozy]){--fdToolbar_Height:2rem;--fdToolbar_Separator_Height:1.5rem;--fdToolbar_Overflow_Max_Width:20rem} +.fd-toolbar[class*=-compact].fd-toolbar--title,.fd-toolbar[class*=-condensed].fd-toolbar--title,[class*=-compact] .fd-toolbar:not([class*=-cozy]).fd-toolbar--title,[class*=-condensed] .fd-toolbar:not([class*=-cozy]).fd-toolbar--title{--fdToolbar_Height:2.75rem} +.fd-toolbar[class*=-compact].fd-toolbar--title-bar,.fd-toolbar[class*=-condensed].fd-toolbar--title-bar,[class*=-compact] .fd-toolbar:not([class*=-cozy]).fd-toolbar--title-bar,[class*=-condensed] .fd-toolbar:not([class*=-cozy]).fd-toolbar--title-bar{--fdToolbar_Height:auto} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-shellbar{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--sapShellColor);-webkit-box-shadow:inset 0 -.0625rem 0 0 var(--sapShell_BorderColor);box-shadow:inset 0 -.0625rem 0 0 var(--sapShell_BorderColor);height:3.25rem;justify-content:space-between;padding-block:0;padding-inline:var(--fdShellbar_Inline_Padding,1rem)} +.fd-shellbar:after,.fd-shellbar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar__branding{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdShellBar_Branding_Background,var(--sapButton_Lite_Background));border:var(--sapButton_BorderWidth) solid var(--fdShellBar_Branding_Border_Color,var(--sapButton_Lite_BorderColor));border-radius:.375rem;cursor:var(--fdShellBar_Branding_Cursor,pointer);gap:.25rem;height:2.25rem;padding-block:.125rem;padding-inline:.25rem .5rem} +.fd-shellbar__branding:after,.fd-shellbar__branding:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar__branding.is-hover,.fd-shellbar__branding:hover{--fdShellBar_Branding_Background:var(--fdShellbar_Branding_Hover_Background);--fdShellBar_Branding_Border_Color:var(--fdShellbar_Branding_Hover_Border_Color)} +.fd-shellbar__branding.is-active,.fd-shellbar__branding:active{--fdShellBar_Branding_Background:var(--fdShellbar_Branding_Active_Background);--fdShellBar_Branding_Border_Color:var(--fdShellbar_Branding_Active_Border_Color)} +.fd-shellbar__branding.is-active.is-focus,.fd-shellbar__branding.is-active:focus,.fd-shellbar__branding:active.is-focus,.fd-shellbar__branding:active:focus{outline:none;z-index:5} +.fd-shellbar__branding.is-focus,.fd-shellbar__branding:focus{outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--fdShellbar_Button_Outline_Color);outline-offset:-.125rem;z-index:5} +.fd-shellbar__branding--non-interactive{--fdShellBar_Branding_Cursor:auto} +.fd-shellbar__branding--non-interactive.is-active,.fd-shellbar__branding--non-interactive.is-focus,.fd-shellbar__branding--non-interactive.is-hover,.fd-shellbar__branding--non-interactive:active,.fd-shellbar__branding--non-interactive:focus,.fd-shellbar__branding--non-interactive:hover{--fdShellBar_Branding_Background:var(--sapButton_Lite_Background);--fdShellBar_Branding_Border_Color:var(--sapButton_Lite_BorderColor)} +.fd-shellbar__branding--non-interactive.is-focus,.fd-shellbar__branding--non-interactive:focus{outline:none;z-index:5} +.fd-shellbar__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdShellbar_Title_Color);font-family:var(--sapFontFamily);font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap} +.fd-shellbar__title:after,.fd-shellbar__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar__subtitle{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdShellbar_Subtitle_Color);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;overflow:hidden;padding-block:0;padding-inline:0;text-overflow:ellipsis;white-space:nowrap} +.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar__product{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} +.fd-shellbar__product:after,.fd-shellbar__product:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar__logo{background-repeat:no-repeat;background-size:contain;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;margin-block:0;margin-inline:0;max-height:2rem;padding-block:0;padding-block:.0625rem;padding-inline:0;padding-inline:.25rem;position:relative;vertical-align:middle} +.fd-shellbar__logo:after,.fd-shellbar__logo:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar__logo>*{display:block;height:1.875rem;line-height:0;max-height:1.875rem;max-width:3.75rem;min-height:1.875rem;min-width:3.75rem;width:3.75rem} +.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPlNBUF9ncmFkX1Jfc2Nybl9aZWljaGVuZmzDpGNoZSAxPC90aXRsZT48cGF0aCBkPSJNMCAyMDRoMjA4LjQxTDQxMi4zOCAwSDB6IiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDp1cmwoI2EpIi8+PHBhdGggZD0iTTI0NC43MyAzOC4zNmgtNDAuNnY5Ni41MmwtMzUuNDYtOTYuNTVoLTM1LjE2bC0zMC4yNyA4MC43MkMxMDAgOTguNyA3OSA5MS42NyA2Mi40IDg2LjQgNTEuNDYgODIuODkgMzkuODUgNzcuNzIgNDAgNzJjLjA5LTQuNjggNi4yMy05IDE4LjM4LTguMzggOC4xNy40MyAxNS4zNyAxLjA5IDI5LjcxIDhsMTQuMS0yNC41NUM4OS4wNiA0MC40MiA3MSAzNi4yMSA1Ni4xNyAzNi4xOWgtLjA5Yy0xNy4yOCAwLTMxLjY4IDUuNi00MC42IDE0LjgzQTM0LjIzIDM0LjIzIDAgMCAwIDUuNzcgNzQuN0M1LjU0IDg3LjE1IDEwLjExIDk2IDE5LjcxIDEwM2M4LjEgNS45NCAxOC40NiA5Ljc5IDI3LjYgMTIuNjIgMTEuMjcgMy40OSAyMC40NyA2LjUzIDIwLjM2IDEzQTkuNTcgOS41NyAwIDAgMSA2NSAxMzVjLTIuODEgMi45LTcuMTMgNC0xMy4wOSA0LjEtMTEuNDkuMjQtMjAtMS41Ni0zMy42MS05LjU5TDUuNzcgMTU0LjQyYTkzLjc3IDkzLjc3IDAgMCAwIDQ2IDEyLjIyaDIuMTFjMTQuMjQtLjI1IDI1Ljc0LTQuMzEgMzQuOTItMTEuNzEuNTMtLjQxIDEtLjg0IDEuNDktMS4yOGwtNC4xMiAxMC44NUgxMjNsNi4xOS0xOC44MmE2Ny41IDY3LjUgMCAwIDAgMjEuNjggMy40MyA2OC4zIDY4LjMgMCAwIDAgMjEuMTYtMy4yNWw2IDE4LjY0aDYwLjE0di0zOWgxMy4xMWMzMS43MSAwIDUwLjQ2LTE2LjE1IDUwLjQ2LTQzLjIgMC0zMC4xMS0xOC4yMi00My45NC01Ny4wMS00My45NE0xNTAuOTEgMTIxYTM2LjkgMzYuOSAwIDAgMS0xMy0yLjI4bDEyLjg3LTQwLjU5aC4yMmwxMi42NSA0MC43MWEzOC41IDM4LjUgMCAwIDEtMTIuNzQgMi4xNm05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZmZmIi8+PC9zdmc+);height:1.5rem;width:3rem} +.fd-shellbar__separator{background-color:var(--sapToolbar_SeparatorColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:2rem;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;width:.0625rem} +.fd-shellbar__separator:after,.fd-shellbar__separator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar__spacer{border:0;-webkit-box-sizing:border-box;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;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto} +.fd-shellbar__spacer:after,.fd-shellbar__spacer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar .fd-popover__control:focus-visible{outline:none} +.fd-shellbar .fd-shellbar__button{--fdButtonBackgroundColor:var(--sapButton_Lite_Background);--fdButtonBorderColor:var(--sapButton_Lite_BorderColor);--fdButtonColor:var(--sapShell_TextColor)} +.fd-shellbar .fd-shellbar__button>[class*=sap-icon]{color:var(--fdButtonIconColor,var(--sapShell_InteractiveTextColor))} +.fd-shellbar .fd-shellbar__button.fd-user-menu__control{padding-inline:0} +.fd-shellbar .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__button:hover{--fdButtonBackgroundColor:var(--sapShell_Hover_Background);--fdButtonBorderColor:var(--fdShellbar_Button_Hover_Border_Color);--fdButtonColor:var(--sapShell_TextColor)} +.fd-shellbar .fd-shellbar__button.is-hover>[class*=sap-icon],.fd-shellbar .fd-shellbar__button:hover>[class*=sap-icon]{color:var(--fdButtonIconColor,var(--sapShell_InteractiveTextColor))} +.fd-shellbar .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__button:active{--fdButtonBackgroundColor:var(--sapShell_Active_Background);--fdButtonBorderColor:var(--fdShellbar_Button_Active_Border_Color);--fdButtonColor:var(--sapShell_Active_TextColor)} +.fd-shellbar .fd-shellbar__button.is-active>[class*=sap-icon],.fd-shellbar .fd-shellbar__button:active>[class*=sap-icon]{color:var(--fdButtonIconColor,var(--sapShell_Active_TextColor))} +.fd-shellbar .fd-shellbar__button.is-toggled{--fdButtonBackgroundColor:var(--sapShell_Selected_Background);--fdButtonBorderColor:var(--fdShellbar_Button_Active_Border_Color);--fdButtonColor:var(--sapShell_Selected_TextColor)} +.fd-shellbar .fd-shellbar__button.is-toggled>[class*=sap-icon]{color:var(--fdButtonIconColor,var(--sapShell_Selected_TextColor))} +.fd-shellbar .fd-shellbar__button.is-focus,.fd-shellbar .fd-shellbar__button:focus{z-index:5} +.fd-shellbar .fd-shellbar__button.is-focus:after,.fd-shellbar .fd-shellbar__button:focus:after{border-color:var(--fdShellbar_Button_Outline_Color)} +.fd-shellbar .fd-shellbar__button.fd-shellbar__button--menu{--fdButtonColor:var(--sapShell_TextColor)} +.fd-shellbar .fd-shellbar__button:has(.fd-shellbar__avatar--circle){border-radius:20rem;--fdButton_Height:fit-content;--fdButton_Clickable_Height:fit-content;--fdButton_Min_Width:fit-content;--fdButton_Focus_Border_Radius:20rem} +.fd-shellbar .fd-shellbar__button--menu .fd-shellbar__title{margin-block:0;margin-inline:0} +.fd-shellbar .fd-shellbar__action{border:0;-webkit-box-sizing:border-box;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} +.fd-shellbar .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__action:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar .fd-shellbar__action>*{vertical-align:middle} +.fd-shellbar .fd-shellbar__action--grow{-webkit-box-flex:1;-ms-flex:1;flex:1} +.fd-shellbar .fd-shellbar__action--shrink{-webkit-box-flex:0;-ms-flex:0;flex:0} +.fd-shellbar .fd-shellbar__action:has(.fd-product-switch){-webkit-margin-start:.5rem;margin-inline-start:.5rem} +.fd-shellbar .fd-shellbar__search-field{background-color:var(--fdShellbar_SearchField_Background_Color,var(--sapShell_InteractiveBackground));border:none;border-radius:var(--fdShellbar_SearchField_Border_Radius);-webkit-box-shadow:var(--fdShellbar_SearchField_Box_Shadow,var(--fdShellbar_SearchField_Shadow));box-shadow:var(--fdShellbar_SearchField_Box_Shadow,var(--fdShellbar_SearchField_Shadow));max-width:25rem;min-width:25rem} +.fd-shellbar .fd-shellbar__search-field:has(.fd-shellbar__search-field-category){max-width:36rem} +.fd-shellbar .fd-shellbar__search-field.is-hover,.fd-shellbar .fd-shellbar__search-field:hover{--fdShellbar_SearchField_Box_Shadow:var(--sapField_Hover_Shadow);--fdShellbar_SearchField_Background_Color:var(--fdShellbar_SearchField_Background_Color_Hover)} +.fd-shellbar .fd-shellbar__search-field.is-focus,.fd-shellbar .fd-shellbar__search-field:focus{outline:none;z-index:5} +.fd-shellbar .fd-shellbar__search-field.is-active,.fd-shellbar .fd-shellbar__search-field.is-focus,.fd-shellbar .fd-shellbar__search-field:active,.fd-shellbar .fd-shellbar__search-field:focus{--fdShellbar_SearchField_Background_Color:var(--fdShellbar_SearchField_Background_Color_Active)} +.fd-shellbar .fd-shellbar__search-field:has(input:focus){--fdShellbar_SearchField_Background_Color:var(--fdShellbar_SearchField_Background_Color_Active);background:none;-webkit-box-shadow:var(--fdShellbar_Active_Shadow);box-shadow:var(--fdShellbar_Active_Shadow)} +.fd-shellbar .fd-shellbar__search-field:has(button:hover){--fdShellbar_SearchField_Background_Color:var(--sapShell_InteractiveBackground)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input{border-radius:var(--fdShellbar_SearchField_Input_Border_Radius);padding-inline:var(--fdInputGroup_Input_Padding,.875rem .25rem);width:15rem;--fdInputGroup_Input_Color:var(--fdShellbar_SearchField_Input_Text_Color);--fdInputGroup_Input_Border:var(--fdShellbar_SearchField_Input_Border);--fdInputGroup_Input_Background:var(--fdShellbar_SearchField_Input_Background_Regular)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:-moz-placeholder~.fd-shellbar__search-cancel{display:none} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:-ms-input-placeholder~.fd-shellbar__search-cancel{display:none} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:placeholder-shown~.fd-shellbar__search-cancel{display:none} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input::-webkit-input-placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input::-moz-placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:-ms-input-placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input::-ms-input-placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input::placeholder{color:var(--fdShellbar_SearchField_Input_Placeholder_TextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:hover{--fdInputGroup_Hover_Input_Background:var(--fdShellbar_SearchField_Input_Background_Hover);--fdInputGroup_Input_Border:var(--fdShellbar_SearchField_Input_Border_Hover);border:var(--fdInputGroup_Input_Border)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-active,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:active{--fdInputGroup_Input_Background:var(--fdShellbar_SearchField_Input_Background_Active);--fdInputGroup_Input_Border:var(--fdShellbar_SearchField_Input_Border_Active);--fdInputGroup_Input_Padding:var(--fdShellbar_SearchField_Input_Padding_Inline)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus{z-index:5;--fdInputGroup_Input_Background:var(--fdShellbar_SearchField_Input_Background_Focus);--fdInputGroup_Input_Border:var(--fdShellbar_SearchField_Input_Border_Active);--fdInputGroup_Input_Padding:var(--fdShellbar_SearchField_Input_Padding_Inline);outline:var(--fdShellbar_SearchField_Input_Outline);outline-offset:var(--fdShellbar_SearchField_Input_Outline_Offset)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>*,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>*{--fdButtonColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonIconColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>*,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>*{--fdButtonColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonIconColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:placeholder-shown)~.fd-shellbar__search-submit>*,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:placeholder-shown)~.fd-shellbar__search-submit>*{--fdButtonColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonIconColor:var(--fdShellbar_SearchField_Submit_Button_Color);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>:hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-moz-placeholder)~.fd-shellbar__search-submit>:hover{--fdButtonColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonIconColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color_Hover);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color_Hover)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>:hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:-ms-input-placeholder)~.fd-shellbar__search-submit>:hover{--fdButtonColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonIconColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color_Hover);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color_Hover)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:placeholder-shown)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input.is-focus:not(:placeholder-shown)~.fd-shellbar__search-submit>:hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:placeholder-shown)~.fd-shellbar__search-submit>.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-input:focus:not(:placeholder-shown)~.fd-shellbar__search-submit>:hover{--fdButtonColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonIconColor:var(--sapButton_Emphasized_Hover_TextColor);--fdButtonBorderColor:var(--fdShellbar_SearchField_Submit_Button_Border_Color_Hover);--fdButtonBackgroundColor:var(--fdShellbar_SearchField_Submit_Button_Background_Color_Hover)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon{margin-inline:var(--fdShellbar_SearchField_Addon_Margin_Inline);max-width:var(--fdShellbar_SearchField_Button_Width);min-width:var(--fdShellbar_SearchField_Button_Width);width:var(--fdShellbar_SearchField_Button_Width)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button{height:var(--fdShellbar_SearchField_Button_Height);max-height:var(--fdShellbar_SearchField_Button_Height);max-width:var(--fdShellbar_SearchField_Button_Width);min-height:var(--fdShellbar_SearchField_Button_Height);min-width:var(--fdShellbar_SearchField_Button_Width);width:var(--fdShellbar_SearchField_Button_Width);--fdButton_Focus_Border_Radius:var(--fdShellbar_SearchField_Button_Border_Radius);border-radius:var(--fdShellbar_SearchField_Button_Border_Radius)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button.is-focus,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button:focus{z-index:5} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button.is-focus:after,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-addon .fd-shellbar__button:focus:after{inset:var(--fdShellbar_SearchField_Button_Focus_Inset)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category{position:relative;-webkit-margin-end:var(--fdShell_Search_Field_Category_Margin_End);margin-inline-end:var(--fdShell_Search_Field_Category_Margin_End)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category:after{background-color:var(--sapShell_InteractiveBorderColor);content:"";display:var(--fdShell_Search_Field_Category_Divider_Display);height:1.5rem;position:absolute;right:-.5rem;width:.0625rem} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category[dir=rtl]:after,[dir=rtl] .fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category:after{left:-.5rem;right:auto} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select{-webkit-margin-start:.375rem;margin-inline-start:.375rem} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select .fd-select__control:after{-webkit-box-shadow:none;box-shadow:none} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select .fd-select__control.is-focus,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select .fd-select__control:focus{outline:none;z-index:5} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-select .fd-select__text-content{color:var(--sapShell_InteractiveTextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown{border-radius:var(--fdShell_Search_Dropdown_Button_Radius);color:var(--sapShell_InteractiveTextColor);height:var(--fdShell_Search_Dropdown_Height);max-width:2.125rem;min-width:2.125rem;width:2.125rem} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown>[class*=sap-icon]{max-width:1rem;min-width:1rem;width:1rem} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:hover{background-color:var(--sapShell_Hover_Background);-webkit-box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);color:var(--sapShell_InteractiveTextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown.is-active,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-dropdown:active{color:var(--sapShell_Active_TextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category{background:none;border:var(--fdShell_Search_Category_Border);border-radius:var(--fdShell_Search_Dropdown_Border_Radius);gap:.25rem;height:var(--fdShell_Search_Dropdown_Height);margin-inline:0;max-width:18rem;min-height:var(--fdShell_Search_Dropdown_Height);min-width:auto} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-hover,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:hover{background-color:var(--fdShell_Search_Dropdown_Hover_Background);border:var(--fdShell_Search_Category_Border);-webkit-box-shadow:var(--sapField_Hover_Shadow);box-shadow:var(--sapField_Hover_Shadow)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-active,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:active{background-color:var(--fdShell_Search_Dropdown_Active_Background)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-active .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category:active .fd-shellbar__search-dropdown{-webkit-box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);color:var(--sapShell_Active_TextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-expanded,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[aria-expanded=true]{background-color:var(--fdShell_Search_Dropdown_Active_Background);-webkit-box-shadow:var(--sapField_Hover_Shadow);box-shadow:var(--sapField_Hover_Shadow)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category.is-expanded .fd-shellbar__search-dropdown,.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category[aria-expanded=true] .fd-shellbar__search-dropdown{background-color:var(--sapShell_Active_Background);-webkit-box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);box-shadow:var(--fdShell_Search_Dropdown_Box_Shadow_Hover);color:var(--sapShell_Active_TextColor)} +.fd-shellbar .fd-shellbar__search-field .fd-shellbar__search-field-category .fd-shellbar__search-category--collapsed .fd-select__text-content{display:none} +.fd-shellbar .fd-shellbar__group{--fdShellbar_Button_Active_Background:var(--sapShell_Active_Background);--fdShellbar_Button_Active_Color:var(--sapShell_Active_TextColor);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem} +.fd-shellbar .fd-shellbar__group:after,.fd-shellbar .fd-shellbar__group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar .fd-shellbar__group--shrink{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0} +.fd-shellbar .fd-shellbar__group--basis-auto{-ms-flex-preferred-size:auto;flex-basis:auto} +.fd-shellbar .fd-shellbar__group--product{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} +.fd-shellbar .fd-shellbar__group--center,.fd-shellbar .fd-shellbar__group--copilot{-webkit-box-ordinal-group:3;-ms-flex-order:2;display:none;order:2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-block:0;margin-inline:.5rem} +.fd-shellbar .fd-shellbar__group--center .fd-shellbar__action,.fd-shellbar .fd-shellbar__group--copilot .fd-shellbar__action{width:100%} +@media (width >= 1440px){.fd-shellbar .fd-shellbar__group--center,.fd-shellbar .fd-shellbar__group--copilot{display:inline-block}} +.fd-shellbar .fd-shellbar__group--context-area{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;gap:.5rem;order:2} +.fd-shellbar .fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:4;-ms-flex-order:3;gap:.5rem;order:3} +.fd-shellbar .fd-shellbar__group--full-width{width:100%} +.fd-shellbar .fd-shellbar__toolbar{padding-inline:0} +.fd-shellbar--s,.fd-shellbar--sm{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem} +.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title,.fd-shellbar--sm .fd-shellbar__subtitle,.fd-shellbar--sm .fd-shellbar__title{display:none} +.fd-shellbar--s .fd-shellbar__group--mobile-flex,.fd-shellbar--sm .fd-shellbar__group--mobile-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-shellbar--s .fd-shellbar__action--mobile,.fd-shellbar--sm .fd-shellbar__action--mobile{display:inline-block} +.fd-shellbar--s .fd-shellbar__action--desktop,.fd-shellbar--sm .fd-shellbar__action--desktop{display:none} +.fd-shellbar--s .fd-shellbar__action:has(.fd-shellbar__search-field),.fd-shellbar--sm .fd-shellbar__action:has(.fd-shellbar__search-field){width:100%} +.fd-shellbar--s .fd-shellbar__action-combobox--mobile,.fd-shellbar--sm .fd-shellbar__action-combobox--mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapShellColor);height:100%;left:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:.3rem;position:absolute;width:100%;z-index:7} +.fd-shellbar--s .fd-shellbar__button--menu [class*=sap-icon],.fd-shellbar--s .fd-shellbar__button--menu[class*=sap-icon],.fd-shellbar--sm .fd-shellbar__button--menu [class*=sap-icon],.fd-shellbar--sm .fd-shellbar__button--menu[class*=sap-icon]{margin-block:0!important;margin-inline:0!important} +.fd-shellbar--s .fd-shellbar__search-field,.fd-shellbar--sm .fd-shellbar__search-field{width:100%} +.fd-shellbar--l,.fd-shellbar--lg,.fd-shellbar--m,.fd-shellbar--md{padding-block:0;padding-inline:2rem} +.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--lg .fd-shellbar__subtitle,.fd-shellbar--lg .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--md .fd-shellbar__subtitle,.fd-shellbar--md .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block} +.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--lg .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--md .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none} +.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--lg .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--md .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block} +.fd-shellbar--xl,.fd-shellbar--xxl{padding-block:0;padding-inline:3rem} +.fd-shellbar--side-nav{--fdShellbar_Inline_Padding:0.875rem 1rem} +.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--lg,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--md,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--sm,.fd-shellbar--side-nav.fd-shellbar--xl{padding-inline:.875rem 1rem} +@media (width <= 599px){.fd-shellbar--responsive-paddings{padding-inline:1rem}} +@media (width >= 600px) and (width <= 1023px){.fd-shellbar--responsive-paddings{padding-inline:2rem}} +@media (width >= 1024px) and (width <= 1439px){.fd-shellbar--responsive-paddings{padding-inline:2rem}} +@media (width >= 1440px){.fd-shellbar--responsive-paddings{padding-inline:3rem}} +@media (width <= 599px){.fd-shellbar--responsive-paddings{--fdSelect_Text_Content_Display:none;--fdSelect_Min_Width:1rem}.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__group--mobile-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action:has(.fd-shellbar__search-field){width:100%}.fd-shellbar--responsive-paddings .fd-shellbar__action-combobox--mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapShellColor);height:100%;left:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:.3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--responsive-paddings .fd-shellbar__button--menu [class*=sap-icon],.fd-shellbar--responsive-paddings .fd-shellbar__button--menu[class*=sap-icon]{margin-block:0!important;margin-inline:0!important}.fd-shellbar--responsive-paddings .fd-shellbar__search-field{width:100%}} +@media (width >= 600px) and (width <= 1023px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}} +@media (width >= 1024px) and (width <= 1439px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}} +@media (width >= 1440px){.fd-shellbar--responsive-paddings .fd-shellbar__subtitle,.fd-shellbar--responsive-paddings .fd-shellbar__title{display:inline-block}.fd-shellbar--responsive-paddings .fd-shellbar__action--mobile{display:none}.fd-shellbar--responsive-paddings .fd-shellbar__action--desktop{display:inline-block}} +.fd-shellbar-overlay{background:var(--sapBlockLayer_Background);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;left:0;line-height:normal;margin-block:0;margin-inline:0;opacity:.3;padding-block:0;padding-inline:0;position:absolute;right:0;top:0;width:100%} +.fd-shellbar-overlay:after,.fd-shellbar-overlay:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-shellbar[class*=-compact],.fd-shellbar[class*=-condensed],[class*=-compact] .fd-shellbar:not([class*=-cozy]),[class*=-condensed] .fd-shellbar:not([class*=-cozy]){--fdShell_Search_Dropdown_Height:var(--sapElement_Compact_Height);--fdShellbar_SearchField_Button_Height:var(--sapElement_Compact_Height)} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-avatar{--fdAvatarZoomIconPosition:0;background-color:var(--fdAvatarBackgroundColor);background-position:50%;background-repeat:no-repeat;background-size:var(--fdAvatarBackgroundSize);border:0;border:var(--fdAvatarBorderWidth,.0625rem) solid var(--fdAvatarBorderColor);border-radius:var(--fdAvatarBorderRadius);-webkit-box-shadow:var(--fdAvatarBoxShadow);box-shadow:var(--fdAvatarBoxShadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdAvatarColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--fdAvatarFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdAvatarRatio);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdAvatarRatio);max-width:var(--fdAvatarRatio);min-height:var(--fdAvatarRatio);min-width:var(--fdAvatarRatio);padding-block:0;padding-inline:0;position:relative;text-shadow:var(--fdAvatarTextShadow);vertical-align:middle;width:var(--fdAvatarRatio)} +.fd-avatar:after,.fd-avatar:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-avatar.is-focus,.fd-avatar:focus{outline:none} +.fd-avatar.is-focus:after,.fd-avatar:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:"";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute} +.fd-avatar--interactive,.fd-avatar[role=button],.fd-avatar[tabindex="0"]{cursor:pointer} +.fd-avatar--interactive.is-hover,.fd-avatar--interactive:hover,.fd-avatar[role=button].is-hover,.fd-avatar[role=button]:hover,.fd-avatar[tabindex="0"].is-hover,.fd-avatar[tabindex="0"]:hover{--fdAvatarBorderColor:var(--fdAvatarBorderHoverColor,var(--sapAvatar_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarHoverBackgroundColor,var(--sapAvatar_6_Hover_Background))} +.fd-avatar--interactive.is-disabled,.fd-avatar--interactive:disabled,.fd-avatar--interactive[aria-disabled=true],.fd-avatar[role=button].is-disabled,.fd-avatar[role=button]:disabled,.fd-avatar[role=button][aria-disabled=true],.fd-avatar[tabindex="0"].is-disabled,.fd-avatar[tabindex="0"]:disabled,.fd-avatar[tabindex="0"][aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)} +.fd-avatar--interactive.is-active,.fd-avatar--interactive:active,.fd-avatar[role=button].is-active,.fd-avatar[role=button]:active,.fd-avatar[tabindex="0"].is-active,.fd-avatar[tabindex="0"]:active{--fdAvatarBorderColor:var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));--fdAvatarColor:var(--fdAvatarActiveColor,var(--sapButton_Active_TextColor))} +.fd-avatar--interactive.is-active.is-hover,.fd-avatar--interactive.is-active:hover,.fd-avatar--interactive:active.is-hover,.fd-avatar--interactive:active:hover,.fd-avatar[role=button].is-active.is-hover,.fd-avatar[role=button].is-active:hover,.fd-avatar[role=button]:active.is-hover,.fd-avatar[role=button]:active:hover,.fd-avatar[tabindex="0"].is-active.is-hover,.fd-avatar[tabindex="0"].is-active:hover,.fd-avatar[tabindex="0"]:active.is-hover,.fd-avatar[tabindex="0"]:active:hover{--fdAvatarBorderColor:var(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));--fdAvatarColor:var(--fdAvatarActiveHoverColor,var(--sapButton_Selected_TextColor))} +.fd-avatar--interactive.is-toggled,.fd-avatar[role=button].is-toggled,.fd-avatar[tabindex="0"].is-toggled{--fdAvatarBorderColor:var(--fdAvatarBorderActiveColor,var(--sapButton_Active_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveColor,var(--sapButton_Active_Background));--fdAvatarColor:var(--fdAvatarActiveColor,var(--sapButton_Active_TextColor))} +.fd-avatar--interactive.is-toggled.is-hover,.fd-avatar--interactive.is-toggled:hover,.fd-avatar[role=button].is-toggled.is-hover,.fd-avatar[role=button].is-toggled:hover,.fd-avatar[tabindex="0"].is-toggled.is-hover,.fd-avatar[tabindex="0"].is-toggled:hover{--fdAvatarBorderColor:var(--fdAvatarBorderActiveHoverColor,var(--sapButton_Selected_Hover_BorderColor));--fdAvatarBackgroundColor:var(--fdAvatarBackgroundActiveHoverColor,var(--sapButton_Selected_Hover_Background));--fdAvatarColor:var(--fdAvatarActiveHoverColor,var(--sapButton_Selected_TextColor))} +.fd-avatar--interactive.is-focus,.fd-avatar--interactive:focus,.fd-avatar[role=button].is-focus,.fd-avatar[role=button]:focus,.fd-avatar[tabindex="0"].is-focus,.fd-avatar[tabindex="0"]:focus{padding-block:.125rem;padding-inline:.125rem;z-index:5} +.fd-avatar__zoom-icon{--fdAvatarZoomIconColor:var(--sapButton_Emphasized_TextColor);--fdAvatarZoomIconBorderColor:var(--sapButton_Emphasized_BorderColor);--fdAvatarZoomIconBackground:var(--sapButton_Emphasized_Background)} +.fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--fdAvatarZoomIconBackground);border:.0625rem solid var(--fdAvatarZoomIconBorderColor);border-radius:100%;color:var(--fdAvatarZoomIconColor);font-size:var(--fdAvatarZoomIconFontSize);height:var(--fdAvatarZoomIconDimensions);min-width:var(--fdAvatarZoomIconDimensions);position:absolute;width:var(--fdAvatarZoomIconDimensions);z-index:5} +.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{bottom:var(--fdAvatarZoomIconPosition);right:var(--fdAvatarZoomIconPosition)} +.fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon][dir=rtl],.fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon][dir=rtl],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon [class*=sap-icon][class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon] [class*=sap-icon],[dir=rtl] .fd-avatar__zoom-icon[class*=sap-icon][class*=sap-icon]{left:var(--fdAvatarZoomIconPosition);right:auto} +.fd-avatar__zoom-icon--positive{--fdAvatarZoomIconColor:var(--sapPositiveTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapSuccessBackground)} +.fd-avatar__zoom-icon--caution{--fdAvatarZoomIconColor:var(--sapCriticalTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapWarningBackground)} +.fd-avatar__zoom-icon--negative{--fdAvatarZoomIconColor:var(--sapNegativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapErrorBackground)} +.fd-avatar__zoom-icon--information{--fdAvatarZoomIconColor:var(--sapInformativeTextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapInformationBackground)} +.fd-avatar__zoom-icon--indication-1{--fdAvatarZoomIconColor:var(--sapIndicationColor_1_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_1_Background)} +.fd-avatar__zoom-icon--indication-2{--fdAvatarZoomIconColor:var(--sapIndicationColor_2_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_2_Background)} +.fd-avatar__zoom-icon--indication-3{--fdAvatarZoomIconColor:var(--sapIndicationColor_3_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_3_Background)} +.fd-avatar__zoom-icon--indication-4{--fdAvatarZoomIconColor:var(--sapIndicationColor_4_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_4_Background)} +.fd-avatar__zoom-icon--indication-5{--fdAvatarZoomIconColor:var(--sapIndicationColor_5_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_5_Background)} +.fd-avatar__zoom-icon--indication-6{--fdAvatarZoomIconColor:var(--sapIndicationColor_6_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_6_Background)} +.fd-avatar__zoom-icon--indication-7{--fdAvatarZoomIconColor:var(--sapIndicationColor_7_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_7_Background)} +.fd-avatar__zoom-icon--indication-8{--fdAvatarZoomIconColor:var(--sapIndicationColor_8_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_8_Background)} +.fd-avatar__zoom-icon--indication-9{--fdAvatarZoomIconColor:var(--sapIndicationColor_9_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_9_Background)} +.fd-avatar__zoom-icon--indication-10{--fdAvatarZoomIconColor:var(--sapIndicationColor_10_TextColor);--fdAvatarZoomIconBorderColor: ;--fdAvatarZoomIconBackground:var(--sapIndicationColor_10_Background)} +.fd-avatar__icon [class*=sap-icon],.fd-avatar__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center} +.fd-avatar--circle{--fdAvatarBorderRadius:100%} +.fd-avatar--circle.is-focus,.fd-avatar--circle:focus{outline:none} +.fd-avatar--circle.is-focus:after,.fd-avatar--circle:focus:after{border-color:var(--sapContent_FocusColor);border-radius:var(--fdAvatar_Focus_Outline_Radius_Circle);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:"";inset:var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset) var(--fdAvatar_Focus_Outline_Offset);pointer-events:none;position:absolute} +.fd-avatar--background-contain{--fdAvatarBackgroundSize:contain} +.fd-avatar--transparent{--fdAvatarBorderColor:var(--sapAvatar_Lite_BorderColor);--fdAvatarBackgroundColor:var(--sapAvatar_Lite_Background);--fdAvatarColor:var(--sapContent_IconColor);--fdAvatarBorderHoverColor:var(--sapContent_IconColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_Lite_Background)} +.fd-avatar--tile{--fdAvatarBorderColor:var(--sapAvatar_Lite_BorderColor);--fdAvatarBackgroundColor:var(--sapTile_Background);--fdAvatarColor:var(--sapTile_IconColor);--fdAvatarBorderHoverColor:var(--sapTile_IconColor);--fdAvatarHoverBackgroundColor:var(--sapTile_Background)} +.fd-avatar--placeholder{--fdAvatarBorderColor:var(--sapAvatar_Lite_BorderColor);--fdAvatarBackgroundColor:var(--sapContent_ImagePlaceholderBackground);--fdAvatarColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarBorderHoverColor:var(--sapContent_ImagePlaceholderForegroundColor);--fdAvatarHoverBackgroundColor:var(--sapContent_ImagePlaceholderBackground)} +.fd-avatar--thumbnail{--fdAvatarBorderColor:var(--fdAvatar_Thumbnail_BorderColor);--fdAvatarHoverBorderColor:var(--sapContent_IconColor);--fdAvatarBackgroundColor:var(--sapAvatar_Lite_Background);--fdAvatarHoverBackgroundColor:var(--sapAvatar_Lite_Background)} +.fd-avatar--border{--fdAvatarBorderColor:var(--sapGroup_ContentBorderColor);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor)} +.fd-avatar--overflow{cursor:pointer;--fdAvatarBorderWidth:var(--fdAvatar_Overflow_Border_Width);--fdAvatarBorderColor:var(--sapButton_BorderColor);--fdAvatarBackgroundColor:var(--sapButton_Background);--fdAvatarColor:var(--sapButton_TextColor);--fdAvatarHoverBackgroundColor:var(--sapButton_Hover_Background);--fdAvatarHoverBorderColor:var(--sapButton_Hover_BorderColor);--fdAvatarBorderActiveColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapButton_Active_Background);--fdAvatarActiveColor:var(--sapButton_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapButton_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapButton_Active_Background);--fdAvatarActiveHoverColor:var(--sapButton_Active_TextColor)} +.fd-avatar--overflow.is-disabled,.fd-avatar--overflow:disabled,.fd-avatar--overflow[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)} +.fd-avatar--accent-color-1,.fd-avatar--accent-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_1_BorderColor);--fdAvatarColor:var(--sapAvatar_1_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_1_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_1_Hover_Background)} +.fd-avatar--accent-color-2,.fd-avatar--accent-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_2_BorderColor);--fdAvatarColor:var(--sapAvatar_2_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_2_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_2_Hover_Background)} +.fd-avatar--accent-color-3,.fd-avatar--accent-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_3_BorderColor);--fdAvatarColor:var(--sapAvatar_3_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_3_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_3_Hover_Background)} +.fd-avatar--accent-color-4,.fd-avatar--accent-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_4_BorderColor);--fdAvatarColor:var(--sapAvatar_4_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_4_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_4_Hover_Background)} +.fd-avatar--accent-color-5,.fd-avatar--accent-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_5_BorderColor);--fdAvatarColor:var(--sapAvatar_5_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_5_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_5_Hover_Background)} +.fd-avatar--accent-color-6,.fd-avatar--accent-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_6_BorderColor);--fdAvatarColor:var(--sapAvatar_6_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_6_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_6_Hover_Background)} +.fd-avatar--accent-color-7,.fd-avatar--accent-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_7_BorderColor);--fdAvatarColor:var(--sapAvatar_7_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_7_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_7_Hover_Background)} +.fd-avatar--accent-color-8,.fd-avatar--accent-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_8_BorderColor);--fdAvatarColor:var(--sapAvatar_8_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_8_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_8_Hover_Background)} +.fd-avatar--accent-color-9,.fd-avatar--accent-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_9_BorderColor);--fdAvatarColor:var(--sapAvatar_9_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_9_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_9_Hover_Background)} +.fd-avatar--accent-color-10,.fd-avatar--accent-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapAvatar_10_BorderColor);--fdAvatarColor:var(--sapAvatar_10_TextColor);--fdAvatarBackgroundColor:var(--sapAvatar_10_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapAvatar_10_Hover_Background)} +.fd-avatar--indication-color-1,.fd-avatar--indication-color-1.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_1_BorderColor);--fdAvatarColor:var(--sapIndicationColor_1_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_1_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_1_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_1_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_1_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_1_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_1_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_1_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_1_Active_TextColor)} +.fd-avatar--indication-color-2,.fd-avatar--indication-color-2.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_2_BorderColor);--fdAvatarColor:var(--sapIndicationColor_2_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_2_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_2_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_2_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_2_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_2_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_2_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_2_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_2_Active_TextColor)} +.fd-avatar--indication-color-3,.fd-avatar--indication-color-3.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_3_BorderColor);--fdAvatarColor:var(--sapIndicationColor_3_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_3_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_3_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_3_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_3_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_3_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_3_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_3_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_3_Active_TextColor)} +.fd-avatar--indication-color-4,.fd-avatar--indication-color-4.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_4_BorderColor);--fdAvatarColor:var(--sapIndicationColor_4_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_4_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_4_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_4_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_4_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_4_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_4_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_4_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_4_Active_TextColor)} +.fd-avatar--indication-color-5,.fd-avatar--indication-color-5.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_5_BorderColor);--fdAvatarColor:var(--sapIndicationColor_5_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_5_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_5_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_5_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_5_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_5_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_5_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_5_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_5_Active_TextColor)} +.fd-avatar--indication-color-6,.fd-avatar--indication-color-6.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_6_BorderColor);--fdAvatarColor:var(--sapIndicationColor_6_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_6_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_6_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_6_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_6_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_6_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_6_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_6_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_6_Active_TextColor)} +.fd-avatar--indication-color-7,.fd-avatar--indication-color-7.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_7_BorderColor);--fdAvatarColor:var(--sapIndicationColor_7_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_7_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_7_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_7_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_7_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_7_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_7_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_7_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_7_Active_TextColor)} +.fd-avatar--indication-color-8,.fd-avatar--indication-color-8.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_8_BorderColor);--fdAvatarColor:var(--sapIndicationColor_8_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_8_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_8_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_8_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_8_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_8_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_8_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_8_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_8_Active_TextColor)} +.fd-avatar--indication-color-9,.fd-avatar--indication-color-9.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_9_BorderColor);--fdAvatarColor:var(--sapIndicationColor_9_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_9_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_9_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_9_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_9_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_9_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_9_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_9_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_9_Active_TextColor)} +.fd-avatar--indication-color-10,.fd-avatar--indication-color-10.fd-avatar--overflow{--fdAvatarBorderColor:var(--sapIndicationColor_10_BorderColor);--fdAvatarColor:var(--sapIndicationColor_10_TextColor);--fdAvatarBackgroundColor:var(--sapIndicationColor_10_Background);--fdAvatarBorderHoverColor:var(--sapAvatar_Hover_BorderColor);--fdAvatarHoverBackgroundColor:var(--sapIndicationColor_10_Hover_Background);--fdAvatarBorderActiveColor:var(--sapIndicationColor_10_Active_BorderColor);--fdAvatarBackgroundActiveColor:var(--sapIndicationColor_10_Active_Background);--fdAvatarActiveColor:var(--sapIndicationColor_10_Active_TextColor);--fdAvatarBorderActiveHoverColor:var(--sapIndicationColor_10_Active_BorderColor);--fdAvatarBackgroundActiveHoverColor:var(--sapIndicationColor_10_Active_Background);--fdAvatarActiveHoverColor:var(--sapIndicationColor_10_Active_TextColor)} +.fd-avatar--xs{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:2rem;--fdAvatarFontSize:1rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--xs.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +:not(.fd-avatar-group--vertical)>.fd-avatar--xs.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:1rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--xs.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:1.25rem} +.fd-avatar--xs .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xs .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem} +.fd-avatar--s{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--s.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +:not(.fd-avatar-group--vertical)>.fd-avatar--s.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:1.5rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--s.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:1.75rem} +.fd-avatar--s .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--s .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem} +.fd-avatar--sm{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:3rem;--fdAvatarFontSize:1.125rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--sm.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +:not(.fd-avatar-group--vertical)>.fd-avatar--sm.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:1.5rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--sm.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:1.75rem} +.fd-avatar--sm .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--sm .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem} +.fd-avatar--m{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--m.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +:not(.fd-avatar-group--vertical)>.fd-avatar--m.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--m.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.25rem} +.fd-avatar--m .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--m .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem} +.fd-avatar--md{--fdAvatarZoomIconOffset:-0.125rem;--fdAvatarRatio:4rem;--fdAvatarFontSize:1.5rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--md.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +:not(.fd-avatar-group--vertical)>.fd-avatar--md.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--md.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.25rem} +.fd-avatar--md .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--md .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.125rem;--fdAvatarZoomIconFontSize:0.75rem} +.fd-avatar--l{--fdAvatarZoomIconOffset:-0.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--l.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +:not(.fd-avatar-group--vertical)>.fd-avatar--l.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2.5rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--l.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.75rem} +.fd-avatar--l .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--l .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:0.875rem} +.fd-avatar--lg{--fdAvatarZoomIconOffset:-0.1875rem;--fdAvatarRatio:5rem;--fdAvatarFontSize:2.25rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--lg.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +:not(.fd-avatar-group--vertical)>.fd-avatar--lg.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:2.5rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--lg.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:2.75rem} +.fd-avatar--lg .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--lg .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.25rem;--fdAvatarZoomIconFontSize:0.875rem} +.fd-avatar--xl{--fdAvatarZoomIconOffset:-0.25rem;--fdAvatarRatio:7rem;--fdAvatarFontSize:3rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--xl.fd-avatar--overflow{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-inline:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content} +:not(.fd-avatar-group--vertical)>.fd-avatar--xl.fd-avatar--overflow.fd-avatar--circle{--fdAvatarBorderRadius:3.5rem} +:not(.fd-avatar-group--vertical)>.fd-avatar--xl.fd-avatar--overflow.fd-avatar--circle:focus:after{border-radius:3.75rem} +.fd-avatar--xl .fd-avatar__zoom-icon [class*=sap-icon],.fd-avatar--xl .fd-avatar__zoom-icon[class*=sap-icon]{--fdAvatarZoomIconDimensions:1.75rem;--fdAvatarZoomIconFontSize:1rem} +.fd-avatar--accent-color-1.fd-avatar--shell,.fd-avatar--accent-color-10.fd-avatar--shell,.fd-avatar--accent-color-2.fd-avatar--shell,.fd-avatar--accent-color-3.fd-avatar--shell,.fd-avatar--accent-color-4.fd-avatar--shell,.fd-avatar--accent-color-5.fd-avatar--shell,.fd-avatar--accent-color-6.fd-avatar--shell,.fd-avatar--accent-color-7.fd-avatar--shell,.fd-avatar--accent-color-8.fd-avatar--shell,.fd-avatar--accent-color-9.fd-avatar--shell,.fd-avatar--indication-color-1.fd-avatar--shell,.fd-avatar--indication-color-10.fd-avatar--shell,.fd-avatar--indication-color-2.fd-avatar--shell,.fd-avatar--indication-color-3.fd-avatar--shell,.fd-avatar--indication-color-4.fd-avatar--shell,.fd-avatar--indication-color-5.fd-avatar--shell,.fd-avatar--indication-color-6.fd-avatar--shell,.fd-avatar--indication-color-7.fd-avatar--shell,.fd-avatar--indication-color-8.fd-avatar--shell,.fd-avatar--indication-color-9.fd-avatar--shell{border:.0625rem solid var(--sapShell_InteractiveBorderColor)} +.fd-avatar--l,.fd-avatar--lg,.fd-avatar--m,.fd-avatar--md,.fd-avatar--s,.fd-avatar--sm,.fd-avatar--xl,.fd-avatar--xs{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-avatar--l:not(.fd-avatar--circle),.fd-avatar--lg:not(.fd-avatar--circle),.fd-avatar--m:not(.fd-avatar--circle),.fd-avatar--md:not(.fd-avatar--circle),.fd-avatar--s:not(.fd-avatar--circle),.fd-avatar--sm:not(.fd-avatar--circle),.fd-avatar--xl:not(.fd-avatar--circle),.fd-avatar--xs:not(.fd-avatar--circle){--fdAvatarZoomIconPosition:var(--fdAvatarZoomIconOffset)} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-tile{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:11rem;line-height:normal;margin-block:0;margin-inline:0;max-height:11rem;max-width:11rem;min-height:11rem;min-width:11rem;padding-block:0;padding-inline:0;width:11rem;--fdGenericTileLineTileHeight:2rem;--fdGenericTileLineTileMaxHeight:3.25rem;--fdGenericTileLineHeight:1.625rem;--fdGenericTileTitleHorizontalSpacing:0.625rem;background:var(--sapTile_Background);border:var(--fdTile_Border);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);cursor:pointer;padding-block:.9375rem;padding-inline:.9375rem;position:relative} +.fd-tile:after,.fd-tile:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile[class*=-compact],.fd-tile[class*=-condensed],[class*=-compact] .fd-tile:not([class*=-cozy]),[class*=-condensed] .fd-tile:not([class*=-cozy]){--fdGenericTileLineTileHeight:1.625rem;--fdGenericTileLineTileMaxHeight:2.875rem;--fdGenericTileLineHeight:1.4375rem;--fdGenericTileTitleHorizontalSpacing:0.5rem} +.fd-tile.is-active,.fd-tile:active{background:var(--sapTile_Active_Background);border:.0625rem solid var(--sapTile_Interactive_BorderColor);-webkit-box-shadow:none;box-shadow:none} +.fd-tile.is-hover,.fd-tile:hover{background:var(--sapTile_Hover_Background);border:var(--fdTile_Hover_Border);-webkit-box-shadow:var(--fdTile_Hover_Box_Shadow);box-shadow:var(--fdTile_Hover_Box_Shadow)} +.fd-tile__content,.fd-tile__footer,.fd-tile__header,.fd-tile__header-content{border:0;-webkit-box-sizing:border-box;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;overflow:hidden;padding-block:0;padding-inline:0} +.fd-tile__content:after,.fd-tile__content:before,.fd-tile__footer:after,.fd-tile__footer:before,.fd-tile__header-content:after,.fd-tile__header-content:before,.fd-tile__header:after,.fd-tile__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile__content--2-col,.fd-tile__footer--2-col,.fd-tile__header--2-col,.fd-tile__header-content--2-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} +.fd-tile__header{height:3.625rem;max-height:3.625rem;min-height:3.625rem} +.fd-tile__content,.fd-tile__header{-webkit-margin-after:.25rem;margin-block-end:.25rem} +.fd-tile__content{height:3.875rem;max-height:3.875rem;min-height:3.875rem} +.fd-tile__header-content{height:7.75rem;max-height:7.75rem;min-height:7.75rem;-webkit-margin-after:.25rem;margin-block-end:.25rem} +.fd-tile__header-content .fd-tile__title{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} +.fd-tile__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;max-height:1rem;min-height:1rem} +.fd-tile__section{border:0;-webkit-box-sizing:border-box;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;overflow:hidden;padding-block:0;padding-inline:0;width:calc(50% - .125rem)} +.fd-tile__section:after,.fd-tile__section:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile__footer-text,.fd-tile__subtitle,.fd-tile__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TextColor);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} +.fd-tile__footer-text:after,.fd-tile__footer-text:before,.fd-tile__subtitle:after,.fd-tile__subtitle:before,.fd-tile__title:after,.fd-tile__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sapTile_TitleTextColor);font-size:var(--fdTile_Title_Font_Size);font-weight:var(--fdTile_Title_Font_Weight);overflow:hidden} +.fd-tile__footer-text,.fd-tile__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.fd-tile__refresh [class*=sap-icon],.fd-tile__refresh[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-end:.5rem;color:var(--sapButton_IconColor);font-size:var(--sapFontSize);line-height:normal;margin-inline-end:.5rem;min-width:.875rem;text-align:center} +.fd-tile__profile-img{border:0;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3.5rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3.5rem;max-width:3.5rem;min-height:3.5rem;min-width:3.5rem;padding-block:0;padding-inline:0;width:3.5rem} +.fd-tile__profile-img:after,.fd-tile__profile-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile__logo{height:1.75rem;max-height:1.75rem;max-width:3.625rem;min-height:1.75rem;min-width:3.625rem;width:3.625rem} +.fd-tile__action-close,.fd-tile__action-indicator,.fd-tile__overlay{display:none} +.fd-tile--double{max-width:22.5rem;min-width:22.5rem;width:22.5rem} +.fd-tile--s{height:9.25rem;max-height:9.25rem;max-width:9.25rem;min-height:9.25rem;min-width:9.25rem;padding-block:.4375rem;padding-inline:.4375rem;width:9.25rem} +.fd-tile--s.fd-tile--double{max-width:19rem;min-width:19rem;width:19rem} +.fd-tile--s .fd-tile__header{height:3.25rem;max-height:3.25rem;min-height:3.25rem} +.fd-tile--s .fd-tile__content{height:3.438rem;max-height:3.438rem;min-height:3.438rem} +.fd-tile--s .fd-tile__header-content{height:6.938rem;max-height:6.938rem;min-height:6.938rem} +.fd-tile--s .fd-tile__footer{height:1.063rem;max-height:1.063rem;min-height:1.063rem} +.fd-tile--s .fd-tile__title{font-size:var(--sapFontHeader6Size)} +.fd-tile--s .fd-tile__footer-text{font-size:var(--sapFontSmallSize)} +.fd-tile--s .fd-tile__profile-img{height:3rem;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;width:3rem} +.fd-tile--s .fd-tile__logo{height:1.438rem;max-height:1.438rem;max-width:3rem;min-height:1.438rem;min-width:3rem;width:3rem} +.fd-tile--feed .fd-tile__content,.fd-tile--feed .fd-tile__content--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__content,.fd-tile--kpi .fd-tile__content--2-col .fd-tile__section,.fd-tile--launch .fd-tile__content,.fd-tile--launch .fd-tile__content--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} +.fd-tile--feed .fd-tile__footer,.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section,.fd-tile--kpi .fd-tile__footer,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section,.fd-tile--launch .fd-tile__footer,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} +.fd-tile--feed .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--kpi .fd-tile__footer--2-col .fd-tile__section:last-child,.fd-tile--launch .fd-tile__footer--2-col .fd-tile__section:last-child{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} +.fd-tile--feed .fd-tile__content .fd-tile__section{width:auto} +.fd-tile--feed .fd-tile__content .fd-tile__section:first-child{-webkit-margin-end:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin-inline-end:.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100%} +.fd-tile--feed .fd-tile__content .fd-tile__section:nth-child(2){-webkit-padding-start:.5rem;max-width:10.25rem;padding-inline-start:.5rem} +.fd-tile--feed .fd-tile__content-byline,.fd-tile--feed .fd-tile__content-text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.063rem;margin-block:0;margin-inline:0;max-width:100%;padding-block:0;padding-inline:0} +.fd-tile--feed .fd-tile__content-byline:after,.fd-tile--feed .fd-tile__content-byline:before,.fd-tile--feed .fd-tile__content-text:after,.fd-tile--feed .fd-tile__content-text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile--feed .fd-tile__content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.125rem;overflow:hidden} +.fd-tile--feed .fd-tile__content-byline{color:var(--sapTile_TextColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.fd-tile--feed.fd-tile--s .fd-tile__content .fd-tile__section:nth-child(2){max-width:8.25rem} +.fd-tile--slide{display:-webkit-box;display:-ms-flexbox;display:flex;padding-block:0;padding-inline:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} +.fd-tile--slide .fd-tile__background-img{background-size:cover;border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;position:absolute;width:100%} +.fd-tile--slide .fd-tile__background-img:after,.fd-tile--slide .fd-tile__background-img:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile--slide .fd-tile__background-img.is-hover,.fd-tile--slide .fd-tile__background-img:hover{opacity:.9} +.fd-tile--slide .fd-tile__background-img.is-active,.fd-tile--slide .fd-tile__background-img:active{opacity:.8} +.fd-tile--slide .fd-tile__toggle{background:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:none;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:3rem;line-height:normal;margin-block:0;margin-inline:0;max-height:3rem;max-width:3rem;min-height:3rem;min-width:3rem;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:.5rem;position:absolute;right:-.0625rem;top:-.0625rem;width:3rem} +.fd-tile--slide .fd-tile__toggle:after,.fd-tile--slide .fd-tile__toggle:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile--slide .fd-tile__toggle[dir=rtl],[dir=rtl] .fd-tile--slide .fd-tile__toggle{left:-.0625rem;right:auto} +.fd-tile--slide .fd-tile__toggle:before{display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;width:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--sapBlockLayer_Background);border-radius:50%;color:var(--sapButton_Emphasized_TextColor);content:"\e14b";font-family:SAP-icons;font-size:1rem;opacity:.6;text-shadow:var(--sapButton_Emphasized_TextShadow)} +.fd-tile--slide .fd-tile__toggle--pause:before{content:"\e14c"} +.fd-tile--slide .fd-tile__toggle.is-focus,.fd-tile--slide .fd-tile__toggle:focus{outline:none;z-index:5} +.fd-tile--slide .fd-tile__toggle.is-hover:before,.fd-tile--slide .fd-tile__toggle:hover:before{opacity:.8} +.fd-tile--slide .fd-tile__toggle.is-active:before,.fd-tile--slide .fd-tile__toggle:active:before{opacity:1} +.fd-tile--slide .fd-tile__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:6.125rem;line-height:normal;margin-block:0;margin-inline:0;max-height:6.125rem;min-height:6.125rem;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--fdSlide_Tile_Background_Color);justify-content:space-between;max-width:100%;opacity:var(--fdSlide_Tile_Background_Opacity);width:100%;z-index:2;-webkit-padding-before:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius);border-bottom-right-radius:var(--sapElement_BorderCornerRadius);padding-block-start:.25rem;padding-inline:.9375rem} +.fd-tile--slide .fd-tile__container:after,.fd-tile--slide .fd-tile__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile--slide .fd-tile__title{font-weight:var(--fdSlide_Tile_Title_Font_Weight);text-shadow:var(--fdSlide_Tile_Title_Text_Shadow)} +.fd-tile--slide .fd-tile__footer-text,.fd-tile--slide .fd-tile__subtitle,.fd-tile--slide .fd-tile__title{color:var(--fdSlide_Tile_Title_Color);font-size:var(--sapFontSize);line-height:normal} +.fd-tile--slide .fd-tile__page-indicator{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:.5rem;max-height:.5rem;min-height:.5rem;-webkit-margin-after:.125rem;margin-block-end:.125rem;margin-top:.375rem} +.fd-tile--slide .fd-tile__page-indicator:after,.fd-tile--slide .fd-tile__page-indicator:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile--slide .fd-tile__dot{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdSlide_Tile_Indicator_Dot_Size);line-height:normal;margin-block:0;margin-inline:0;max-height:var(--fdSlide_Tile_Indicator_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Dot_Size);padding-block:0;padding-inline:0;width:var(--fdSlide_Tile_Indicator_Dot_Size);-webkit-margin-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);background-color:var(--fdSlide_Tile_Indicator_Dot_Color);border:var(--fdSlide_Tile_Indicator_Dot_Border);border-radius:50%;-webkit-box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);box-shadow:var(--fdSlide_Tile_Indicator_Dot_Shadow);margin-inline-end:var(--fdSlide_Tile_Indicator_Dot_Spacing);opacity:var(--fdSlide_Tile_Indicator_Dot_Opacity)} +.fd-tile--slide .fd-tile__dot:after,.fd-tile--slide .fd-tile__dot:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile--slide .fd-tile__dot--active{background-color:var(--fdSlide_Tile_Indicator_Active_Dot_Color);border:var(--fdSlide_Tile_Indicator_Active_Dot_Border);height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);max-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-height:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);min-width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size);width:var(--fdSlide_Tile_Indicator_Ative_Dot_Size)} +.fd-tile--slide .fd-tile__dot:last-child{margin-block:0;margin-inline:0} +.fd-tile--slide.fd-tile--s .fd-tile__container{height:5.25rem;max-height:5.25rem;min-height:5.25rem;-webkit-padding-before:.1875rem;padding-block-start:.1875rem;padding-inline:.4375rem} +.fd-tile--slide.fd-tile--s .fd-tile__footer-text,.fd-tile--slide.fd-tile--s .fd-tile__subtitle,.fd-tile--slide.fd-tile--s .fd-tile__title{font-size:var(--sapFontSmallSize)} +.fd-tile--slide.fd-tile--s .fd-tile__page-indicator{margin-block:0} +.fd-tile--action .fd-tile__action-close,.fd-tile--action .fd-tile__action-indicator,.fd-tile--action .fd-tile__overlay{display:block} +.fd-tile--action .fd-tile__overlay{background:var(--sapTile_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;inset:0;line-height:normal;margin-block:0;margin-inline:0;opacity:.7;padding-block:0;padding-inline:0;position:absolute;width:100%;z-index:4} +.fd-tile--action .fd-tile__overlay:after,.fd-tile--action .fd-tile__overlay:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile--action .fd-badge,.fd-tile--action .fd-tile__footer{display:none} +.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;max-height:none;max-width:none;min-height:auto;min-width:auto;width:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-block:0;padding-inline:0;position:absolute;right:-.375rem;top:-.375rem;z-index:5} +.fd-tile--action .fd-tile__action-close[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-close{left:-.375rem;right:auto} +.fd-tile--action .fd-tile__action-close [class*=sap-icon],.fd-tile--action .fd-tile__action-close[class*=sap-icon]{background:inherit;background:var(--sapButton_Background);border:.0625rem solid var(--sapButton_BorderColor);border-radius:inherit;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;color:var(--sapButton_IconColor);font-size:inherit;font-size:.75rem;height:1.375rem;line-height:1;max-height:1.375rem;max-width:1.375rem;min-height:1.375rem;min-width:1.375rem;width:1.375rem} +.fd-tile--action .fd-tile__action-close [class*=sap-icon]:before,.fd-tile--action .fd-tile__action-close[class*=sap-icon]:before{line-height:1.25rem} +.fd-tile--action .fd-tile__action-close.is-focus,.fd-tile--action .fd-tile__action-close:focus{outline:none;z-index:5} +.fd-tile--action .fd-tile__action-close.is-focus:after,.fd-tile--action .fd-tile__action-close:focus:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--fdButton_Focus_Border_Radius);content:"";display:block;inset:-.0625rem -.0625rem -.0625rem -.0625rem;position:absolute} +.fd-tile--action .fd-tile__action-close.is-focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close.is-focus.is-selected:after,.fd-tile--action .fd-tile__action-close:focus.fd-button--toggled:after,.fd-tile--action .fd-tile__action-close:focus.is-selected:after{border-color:var(--fdButton_Outline_Contrast)} +.fd-tile--action .fd-tile__action-close::-moz-focus-inner{border:0} +.fd-tile--action .fd-tile__action-indicator{bottom:0;position:absolute;right:0;-webkit-margin-after:.25rem;margin-block-end:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem;z-index:5} +.fd-tile--action .fd-tile__action-indicator[dir=rtl],[dir=rtl] .fd-tile--action .fd-tile__action-indicator{left:0;right:auto} +.fd-tile--action .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action .fd-tile__action-indicator[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sapButton_IconColor);font-size:1rem} +.fd-tile--action .fd-tile__action-close.is-active,.fd-tile--action .fd-tile__action-close.is-hover,.fd-tile--action .fd-tile__action-close:active,.fd-tile--action .fd-tile__action-close:hover,.fd-tile--action .fd-tile__action-indicator.is-active,.fd-tile--action .fd-tile__action-indicator.is-hover,.fd-tile--action .fd-tile__action-indicator:active,.fd-tile--action .fd-tile__action-indicator:hover{background:transparent;border-color:transparent} +.fd-tile--action.fd-tile--slide .fd-tile__action-indicator [class*=sap-icon],.fd-tile--action.fd-tile--slide .fd-tile__action-indicator[class*=sap-icon]{color:var(--sapShell_Active_TextColor)} +.fd-tile-container{background-color:var(--sapTile_Background);border:0;border:.0625rem solid var(--sapTile_BorderColor);border-radius:var(--sapElement_BorderCornerRadius);-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;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-block:.5rem;padding-inline:0;padding-inline:.5rem;width:100%} +.fd-tile-container:after,.fd-tile-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile-container--list{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:column;flex-direction:column} +.fd-tile-container--list .fd-tile--line{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-inline:0;max-height:var(--fdGenericTileLineTileMaxHeight)} +.fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,right),color-stop(top,left),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(7%,#000),to(#000))} +.fd-tile-container--list .fd-tile--action .fd-tile__header[dir=rtl],[dir=rtl] .fd-tile-container--list .fd-tile--action .fd-tile__header{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));-webkit-mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,left bottom,from(linear),color-stop(top,left),color-stop(top,right),color-stop(from(transparent)),color-stop(color-stop(7%,#000)),to(to(#000)));mask-image:linear-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000));mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(7%,#000),to(#000))} +.fd-tile-container--list .fd-tile__header{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1;flex:1} +.fd-tile--line{display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-block:.25rem;-webkit-margin-end:.5rem;background:var(--fdTile_Background,var(--sapTile_Background));border:.0625rem solid var(--fdTile_Border,var(--sapTile_BorderColor));border-radius:var(--sapTile_BorderCornerRadius);-webkit-box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));box-shadow:var(--fdTile_Box_Shadow,var(--sapContent_Shadow0));display:flex;height:100%;margin-inline-end:.5rem;max-height:var(--fdGenericTileLineTileHeight);max-width:100%;min-height:var(--fdGenericTileLineTileHeight);min-width:2rem;padding-block:0;padding-inline:.5rem;width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:.5rem} +.fd-tile--line.is-hover,.fd-tile--line:hover{border-radius:var(--sapTile_BorderCornerRadius);--fdTile_Box_Shadow:var(--sapContent_Shadow2);--fdTile_Background:var(--sapTile_Hover_Background)} +.fd-tile--line.is-active,.fd-tile--line:active{--fdTile_Background:var(--sapTile_Active_Background)} +.fd-tile--line.is-focus,.fd-tile--line:focus{outline:.125rem solid var(--sapContent_FocusColor);outline-offset:-.125rem;z-index:5} +.fd-tile--line.is-disabled,.fd-tile--line:disabled,.fd-tile--line[aria-disabled=true]{background:transparent;opacity:.5;pointer-events:none} +.fd-tile--line:last-child{-webkit-margin-end:0;margin-inline-end:0} +.fd-tile--line .fd-tile__header{height:100%;max-height:100%;min-height:100%} +.fd-tile--line .fd-tile__header,.fd-tile--line .fd-tile__title-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-block:0;margin-inline:0} +.fd-tile--line .fd-tile__title-container{border:0;-webkit-box-sizing:border-box;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;max-width:100%;padding-block:0;padding-inline:0} +.fd-tile--line .fd-tile__title-container:after,.fd-tile--line .fd-tile__title-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile--line .fd-tile__subtitle,.fd-tile--line .fd-tile__title{color:var(--sapTile_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);line-height:var(--fdGenericTileLineHeight);min-width:2rem;text-shadow:var(--sapContent_TextShadow)} +.fd-tile--line .fd-tile__subtitle{color:var(--sapTile_TextColor);font-size:.875rem} +.fd-tile--line .fd-tile__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-margin-end:var(--fdGenericTileTitleHorizontalSpacing);color:var(--sapTile_TitleTextColor);display:inline;-webkit-line-clamp:initial;margin-inline-end:var(--fdGenericTileTitleHorizontalSpacing)} +.fd-tile--line.fd-tile--action{-webkit-padding-end:0;padding-inline-end:0} +.fd-tile--line.fd-tile--action .fd-tile__action-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-margin-start:.25rem;margin-inline-start:.25rem} +.fd-tile--line.fd-tile--action .fd-tile__action-container:after,.fd-tile--line.fd-tile--action .fd-tile__action-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-tile--line.fd-tile--action .fd-tile__action-close{display:-webkit-box;display:-ms-flexbox;display:flex;height:1.375rem;min-width:1.375rem;width:1.375rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--sapButton_Background);border:var(--sapButton_BorderColor);border-radius:50%;cursor:pointer;font-size:.75rem;padding-block:0;padding-inline:.25rem;position:relative;top:-.625rem} +.fd-tile--line.fd-tile--action .fd-tile__action-close:after{border-radius:50%} +.fd-tile--line.fd-tile--action .fd-tile__action-indicator{height:1.625rem;line-height:1.625rem;margin-block:0;margin-inline:0;max-height:1.625rem;max-width:1.625rem;min-height:1.625rem;min-width:1.625rem;min-width:auto;position:relative;width:1.625rem} +.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{content:"";height:2rem;left:60%;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rem} +.fd-tile--line.fd-tile--action .fd-tile__action-indicator:after[dir=rtl],[dir=rtl] .fd-tile--line.fd-tile--action .fd-tile__action-indicator:after{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)} +.fd-tile--line .fd-badge{inset:0;position:relative;-webkit-margin-end:.375rem;margin-inline-end:.375rem;-ms-flex-negative:0;flex-shrink:0} +.fd-tile--line .fd-badge[dir=rtl],[dir=rtl] .fd-tile--line .fd-badge{left:0;right:0} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-counter{background-color:var(--sapContent_BadgeBackground);border:0;border:.0625rem solid var(--fdBadge_Border_Color);border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_BadgeTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:1rem;line-height:normal;line-height:.875rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;padding-inline:.3125rem;text-align:center;z-index:1} +.fd-counter:after,.fd-counter:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-counter--notification{-webkit-transform:translate(-40%,-50%);transform:translate(-40%,-50%)} +.fd-counter--notification[dir=rtl],[dir=rtl] .fd-counter--notification{-webkit-transform:translate(40%,-50%);transform:translate(40%,-50%)} +/*! + * Fundamental Library Styles v0.41.7 + * Copyright (c) 2026 SAP SE or an SAP affiliate company. + * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE) + */ +.fd-object-status{--fdObjectStatus_Decoration:none;--fdObjectStatus_Underline:transparent;--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Regular);--fdObjectStatus_Icon_Font_Size:1rem;--fdObjectStatus_Icon_Color:var(--sapNeutralElementColor);--fdObjectStatus_Text_Font_Family:var(--sapFontFamily);--fdObjectStatus_Text_Font_Size:var(--sapFontSize);--fdObjectStatus_Text_Color:var(--sapNeutralTextColor);--fdObjectStatus_Height:1rem;--fdObjectStatus_Text_Shadow:var(--sapContent_TextShadow);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdObjectStatus_Text_Color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--fdObjectStatus_Text_Font_Family);font-size:var(--fdObjectStatus_Text_Font_Size);gap:.25rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:var(--fdObjectStatus_Height);max-width:100%;min-height:var(--fdObjectStatus_Height);position:relative;text-shadow:var(--fdObjectStatus_Text_Shadow);word-break:break-word} +.fd-object-status:after,.fd-object-status:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-object-status__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-family:inherit;font-size:var(--sapFontSize);font-size:inherit;font-weight:400;font-weight:inherit;forced-color-adjust:none;line-height:normal;line-height:var(--fdObjectStatus_Height);margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;word-break:inherit} +.fd-object-status__text:after,.fd-object-status__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit} +.fd-object-status__icon [class*=sap-icon],.fd-object-status__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:inherit;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fdObjectStatus_Icon_Color);font-size:var(--fdObjectStatus_Icon_Font_Size);line-height:var(--fdObjectStatus_Height)} +.fd-object-status__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px} +.fd-object-status.fd-object-status--positive{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapPositiveTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapPositiveElementColor))} +.fd-object-status.fd-object-status--positive:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: } +.fd-object-status.fd-object-status--positive.is-focus,.fd-object-status.fd-object-status--positive:focus{z-index:5} +.fd-object-status.fd-object-status--positive.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--positive:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Positive_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Positive_IconColor_Focus)} +.fd-object-status.fd-object-status--critical{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapCriticalTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapCriticalElementColor))} +.fd-object-status.fd-object-status--critical:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: } +.fd-object-status.fd-object-status--critical.is-focus,.fd-object-status.fd-object-status--critical:focus{z-index:5} +.fd-object-status.fd-object-status--critical.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--critical:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Critical_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Critical_IconColor_Focus)} +.fd-object-status.fd-object-status--negative{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapNegativeTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapNegativeElementColor))} +.fd-object-status.fd-object-status--negative:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: } +.fd-object-status.fd-object-status--negative.is-focus,.fd-object-status.fd-object-status--negative:focus{z-index:5} +.fd-object-status.fd-object-status--negative.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--negative:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Negative_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Negative_IconColor_Focus)} +.fd-object-status.fd-object-status--informative{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapInformativeTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapInformativeElementColor))} +.fd-object-status.fd-object-status--informative:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: } +.fd-object-status.fd-object-status--informative.is-focus,.fd-object-status.fd-object-status--informative:focus{z-index:5} +.fd-object-status.fd-object-status--informative.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--informative:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Informative_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Informative_IconColor_Focus)} +.fd-object-status.fd-object-status--neutral{--fdObjectStatus_Text_Color:var(--fdElementTextColor,var(--sapNeutralTextColor));--fdObjectStatus_Icon_Color:var(--fdElementIconColor,var(--sapNeutralElementColor))} +.fd-object-status.fd-object-status--neutral:visited{--fdObjectStatus_Text_Color: ;--fdObjectStatus_Icon_Color: } +.fd-object-status.fd-object-status--neutral.is-focus,.fd-object-status.fd-object-status--neutral:focus{z-index:5} +.fd-object-status.fd-object-status--neutral.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--neutral:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Neutral_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Neutral_IconColor_Focus)} +.fd-object-status.fd-object-status--indication-1,.fd-object-status.fd-object-status--indication-1:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1)} +.fd-object-status.fd-object-status--indication-1.is-focus,.fd-object-status.fd-object-status--indication-1:focus{z-index:5} +.fd-object-status.fd-object-status--indication-1.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-1:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_1_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_1_Focus)} +.fd-object-status.fd-object-status--indication-2,.fd-object-status.fd-object-status--indication-2:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2)} +.fd-object-status.fd-object-status--indication-2.is-focus,.fd-object-status.fd-object-status--indication-2:focus{z-index:5} +.fd-object-status.fd-object-status--indication-2.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-2:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_2_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_2_Focus)} +.fd-object-status.fd-object-status--indication-3,.fd-object-status.fd-object-status--indication-3:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3)} +.fd-object-status.fd-object-status--indication-3.is-focus,.fd-object-status.fd-object-status--indication-3:focus{z-index:5} +.fd-object-status.fd-object-status--indication-3.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-3:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_3_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_3_Focus)} +.fd-object-status.fd-object-status--indication-4,.fd-object-status.fd-object-status--indication-4:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4)} +.fd-object-status.fd-object-status--indication-4.is-focus,.fd-object-status.fd-object-status--indication-4:focus{z-index:5} +.fd-object-status.fd-object-status--indication-4.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-4:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_4_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_4_Focus)} +.fd-object-status.fd-object-status--indication-5,.fd-object-status.fd-object-status--indication-5:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5)} +.fd-object-status.fd-object-status--indication-5.is-focus,.fd-object-status.fd-object-status--indication-5:focus{z-index:5} +.fd-object-status.fd-object-status--indication-5.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-5:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_5_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_5_Focus)} +.fd-object-status.fd-object-status--indication-6,.fd-object-status.fd-object-status--indication-6:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6)} +.fd-object-status.fd-object-status--indication-6.is-focus,.fd-object-status.fd-object-status--indication-6:focus{z-index:5} +.fd-object-status.fd-object-status--indication-6.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-6:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_6_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_6_Focus)} +.fd-object-status.fd-object-status--indication-7,.fd-object-status.fd-object-status--indication-7:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7)} +.fd-object-status.fd-object-status--indication-7.is-focus,.fd-object-status.fd-object-status--indication-7:focus{z-index:5} +.fd-object-status.fd-object-status--indication-7.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-7:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_7_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_7_Focus)} +.fd-object-status.fd-object-status--indication-8,.fd-object-status.fd-object-status--indication-8:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8)} +.fd-object-status.fd-object-status--indication-8.is-focus,.fd-object-status.fd-object-status--indication-8:focus{z-index:5} +.fd-object-status.fd-object-status--indication-8.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status.fd-object-status--indication-8:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Accent_Color_8_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Accent_Color_8_Focus)} +.fd-object-status--link{cursor:pointer;text-decoration:var(--fdObjectStatus_Decoration)} +.fd-object-status--link .fd-object-status__text{text-decoration:var(--fdObjectStatus_Text_Decoration)} +.fd-object-status--link.is-visited,.fd-object-status--link:visited{--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Visited)} +.fd-object-status--link.is-hover,.fd-object-status--link:hover{--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Hover)} +.fd-object-status--link.is-active,.fd-object-status--link:active{--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Down)} +.fd-object-status--link.is-focus,.fd-object-status--link:focus{z-index:5} +.fd-object-status--link.is-focus:not(:active):not(.fd-object-status--inverted),.fd-object-status--link:focus:not(:active):not(.fd-object-status--inverted){--fdObjectStatus_Text_Color:var(--fdObjectStatus_Neutral_Color_Focus);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Neutral_IconColor_Focus);--fdObjectStatus_Text_Decoration:var(--fdObjectStatus_TextDecoration_Focus);background:var(--fdObjectStatus_Focus_Background);border-radius:var(--fdObjectStatus_Focus_Border_Radius);outline:var(--fdObjectStatus_Focus_Outline);text-shadow:none} +.fd-object-status--large{--fdObjectStatus_Text_Font_Size:1.5rem;--fdObjectStatus_Height:1.5rem;--fdObjectStatus_Icon_Font_Size:1.5rem;--fdObjectStatus_Text_Font_Family:var(--sapFontLightFamily)} +.fd-object-status--inverted{--fdObjectStatus_Text_Shadow:none;--fdObjectStatus_Icon_Font_Size:0.75rem;--fdObjectStatus_Text_Font_Size:var(--sapFontSmallSize);--fdObjectStatus_Text_Font_Family:var(--sapFontBoldFamily);background-color:var(--fdObjectStatus_Background_Color,transparent);border-color:var(--fdObjectStatus_Border_Color,initial);border-radius:var(--fdObjectStatus_Inverted_Border_Radius);border-style:solid;border-width:var(--fdObjectStatus_Inverted_Border_Width);max-height:none;min-height:var(--fdObjectStatus_Inverted_Line_Height);min-width:var(--fdObjectStatus_Inverted_Min_Width);overflow:hidden;padding-block:var(--fdObjectStatus_Inverted_Padding_Block);padding-inline:var(--fdObjectStatus_Inverted_Padding_Inline);position:relative;--fdObjectStatus_Text_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Inverted_Neutral_Background_Regular);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Inverted_Neutral_Border_Color_Regular)} +.fd-object-status--inverted .fd-object-status__icon,.fd-object-status--inverted .fd-object-status__text{line-height:1rem} +.fd-object-status--inverted:before{background:var(--fdObjectStatus_Underline);bottom:0;content:"";height:var(--fdObjectStatus_Inverted_Underline_Width);position:absolute;width:100%;z-index:1} +.fd-object-status--inverted:active,.fd-object-status--inverted:hover,.fd-object-status--inverted:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Inverted_Neutral_Background_Regular)} +.fd-object-status--inverted.fd-object-status--positive{--fdObjectStatus_Text_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_BorderColor)} +.fd-object-status--inverted.fd-object-status--positive:active,.fd-object-status--inverted.fd-object-status--positive:hover,.fd-object-status--inverted.fd-object-status--positive:visited{--fdObjectStatus_Text_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Background)} +.fd-object-status--inverted.fd-object-status--critical{--fdObjectStatus_Text_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Background);--fdObjectStatus_Border_Color:var(--sapButton_Critical_BorderColor)} +.fd-object-status--inverted.fd-object-status--critical:active,.fd-object-status--inverted.fd-object-status--critical:hover,.fd-object-status--inverted.fd-object-status--critical:visited{--fdObjectStatus_Text_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Background)} +.fd-object-status--inverted.fd-object-status--negative{--fdObjectStatus_Text_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Background);--fdObjectStatus_Border_Color:var(--sapButton_Negative_BorderColor)} +.fd-object-status--inverted.fd-object-status--negative:active,.fd-object-status--inverted.fd-object-status--negative:hover,.fd-object-status--inverted.fd-object-status--negative:visited{--fdObjectStatus_Text_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Background)} +.fd-object-status--inverted.fd-object-status--informative{--fdObjectStatus_Text_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Background);--fdObjectStatus_Border_Color:var(--sapButton_Information_BorderColor)} +.fd-object-status--inverted.fd-object-status--informative:active,.fd-object-status--inverted.fd-object-status--informative:hover,.fd-object-status--inverted.fd-object-status--informative:visited{--fdObjectStatus_Text_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Background)} +.fd-object-status--inverted.fd-object-status--indication-1{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-1:active,.fd-object-status--inverted.fd-object-status--indication-1:hover,.fd-object-status--inverted.fd-object-status--indication-1:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Background)} +.fd-object-status--inverted.fd-object-status--indication-2{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-2:active,.fd-object-status--inverted.fd-object-status--indication-2:hover,.fd-object-status--inverted.fd-object-status--indication-2:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Background)} +.fd-object-status--inverted.fd-object-status--indication-3{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-3:active,.fd-object-status--inverted.fd-object-status--indication-3:hover,.fd-object-status--inverted.fd-object-status--indication-3:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Background)} +.fd-object-status--inverted.fd-object-status--indication-4{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-4:active,.fd-object-status--inverted.fd-object-status--indication-4:hover,.fd-object-status--inverted.fd-object-status--indication-4:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Background)} +.fd-object-status--inverted.fd-object-status--indication-5{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-5:active,.fd-object-status--inverted.fd-object-status--indication-5:hover,.fd-object-status--inverted.fd-object-status--indication-5:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Background)} +.fd-object-status--inverted.fd-object-status--indication-6{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-6:active,.fd-object-status--inverted.fd-object-status--indication-6:hover,.fd-object-status--inverted.fd-object-status--indication-6:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Background)} +.fd-object-status--inverted.fd-object-status--indication-7{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-7:active,.fd-object-status--inverted.fd-object-status--indication-7:hover,.fd-object-status--inverted.fd-object-status--indication-7:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Background)} +.fd-object-status--inverted.fd-object-status--indication-8{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-8:active,.fd-object-status--inverted.fd-object-status--indication-8:hover,.fd-object-status--inverted.fd-object-status--indication-8:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Background)} +.fd-object-status--inverted.fd-object-status--indication-9{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-9:active,.fd-object-status--inverted.fd-object-status--indication-9:hover,.fd-object-status--inverted.fd-object-status--indication-9:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Background)} +.fd-object-status--inverted.fd-object-status--indication-10{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_BorderColor)} +.fd-object-status--inverted.fd-object-status--indication-10:active,.fd-object-status--inverted.fd-object-status--indication-10:hover,.fd-object-status--inverted.fd-object-status--indication-10:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Background)} +.fd-object-status--inverted.fd-object-status--indication-1b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_1b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_1b)} +.fd-object-status--inverted.fd-object-status--indication-1b:active,.fd-object-status--inverted.fd-object-status--indication-1b:hover,.fd-object-status--inverted.fd-object-status--indication-1b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_1b)} +.fd-object-status--inverted.fd-object-status--indication-1b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-1b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--indication-2b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_2b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_2b)} +.fd-object-status--inverted.fd-object-status--indication-2b:active,.fd-object-status--inverted.fd-object-status--indication-2b:hover,.fd-object-status--inverted.fd-object-status--indication-2b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_2b)} +.fd-object-status--inverted.fd-object-status--indication-2b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-2b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--indication-3b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_3b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_3b)} +.fd-object-status--inverted.fd-object-status--indication-3b:active,.fd-object-status--inverted.fd-object-status--indication-3b:hover,.fd-object-status--inverted.fd-object-status--indication-3b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_3b)} +.fd-object-status--inverted.fd-object-status--indication-3b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-3b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--indication-4b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_4b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_4b)} +.fd-object-status--inverted.fd-object-status--indication-4b:active,.fd-object-status--inverted.fd-object-status--indication-4b:hover,.fd-object-status--inverted.fd-object-status--indication-4b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_4b)} +.fd-object-status--inverted.fd-object-status--indication-4b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-4b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--indication-5b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_5b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_5b)} +.fd-object-status--inverted.fd-object-status--indication-5b:active,.fd-object-status--inverted.fd-object-status--indication-5b:hover,.fd-object-status--inverted.fd-object-status--indication-5b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_5b)} +.fd-object-status--inverted.fd-object-status--indication-5b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-5b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--indication-6b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_6b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_6b)} +.fd-object-status--inverted.fd-object-status--indication-6b:active,.fd-object-status--inverted.fd-object-status--indication-6b:hover,.fd-object-status--inverted.fd-object-status--indication-6b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_6b)} +.fd-object-status--inverted.fd-object-status--indication-6b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-6b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--indication-7b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_7b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_7b)} +.fd-object-status--inverted.fd-object-status--indication-7b:active,.fd-object-status--inverted.fd-object-status--indication-7b:hover,.fd-object-status--inverted.fd-object-status--indication-7b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_7b)} +.fd-object-status--inverted.fd-object-status--indication-7b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-7b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--indication-8b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_8b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_8b)} +.fd-object-status--inverted.fd-object-status--indication-8b:active,.fd-object-status--inverted.fd-object-status--indication-8b:hover,.fd-object-status--inverted.fd-object-status--indication-8b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_8b)} +.fd-object-status--inverted.fd-object-status--indication-8b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-8b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--indication-9b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_9b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_9b)} +.fd-object-status--inverted.fd-object-status--indication-9b:active,.fd-object-status--inverted.fd-object-status--indication-9b:hover,.fd-object-status--inverted.fd-object-status--indication-9b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_9b)} +.fd-object-status--inverted.fd-object-status--indication-9b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-9b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--indication-10b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_10b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_10b)} +.fd-object-status--inverted.fd-object-status--indication-10b:active,.fd-object-status--inverted.fd-object-status--indication-10b:hover,.fd-object-status--inverted.fd-object-status--indication-10b:visited{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_10b)} +.fd-object-status--inverted.fd-object-status--indication-10b .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--indication-10b .fd-object-status__text{text-shadow:var(--fdObjectStatus_Text_Shadow_Indication_Color)} +.fd-object-status--inverted.fd-object-status--large{--fdObjectStatus_Text_Font_Size:1.25rem;--fdObjectStatus_Icon_Font_Size:1.5rem;--fdObjectStatus_Height:1.5rem;--fdObjectStatus_Text_Font_Family:var(--fdObjectStatus_Inverted_Large_Font_Family);height:auto;max-height:none;min-width:1.75rem;-ms-flex-item-align:center;align-self:center;padding-block:.0625rem;padding-inline:.25rem} +.fd-object-status--inverted.fd-object-status--large .fd-object-status__icon,.fd-object-status--inverted.fd-object-status--large .fd-object-status__text{line-height:var(--fdObjectStatus_Height)} +.fd-object-status--inverted.fd-object-status--link{cursor:pointer;--fdObjectStatus_Text_Decoration:none;--fdObjectStatus_Text_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Inverted_Neutral_Color_Regular);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Inverted_Neutral_Background_Regular);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Inverted_Neutral_Border_Color_Regular)} +.fd-object-status--inverted.fd-object-status--link:active .fd-object-status__text,.fd-object-status--inverted.fd-object-status--link:hover .fd-object-status__text,.fd-object-status--inverted.fd-object-status--link:visited .fd-object-status__text{--fdObjectStatus_Text_Decoration:none} +.fd-object-status--inverted.fd-object-status--link:visited{--fdObjectStatus_Text_Color:var(--sapTextColor);--fdObjectStatus_Icon_Color:var(--sapTextColor);--fdObjectStatus_Background_Color:var(--sapNeutralBackground);--fdObjectStatus_Border_Color:var(--sapNeutralBorderColor)} +.fd-object-status--inverted.fd-object-status--link.is-focus,.fd-object-status--inverted.fd-object-status--link:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.is-hover,.fd-object-status--inverted.fd-object-status--link:hover{--fdObjectStatus_Text_Color:var(--sapButton_Neutral_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Neutral_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Neutral_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Neutral_Hover_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.is-active,.fd-object-status--inverted.fd-object-status--link:active{--fdObjectStatus_Text_Color:var(--sapButton_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Neutral_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Neutral_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive{--fdObjectStatus_Text_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Success_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:visited{--fdObjectStatus_Text_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:hover{--fdObjectStatus_Text_Color:var(--sapButton_Success_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Success_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_Hover_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--positive:active{--fdObjectStatus_Text_Color:var(--sapButton_Accept_Selected_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Accept_Selected_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Success_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Success_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical,.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:visited{--fdObjectStatus_Text_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Background);--fdObjectStatus_Border_Color:var(--sapButton_Critical_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:hover{--fdObjectStatus_Text_Color:var(--sapButton_Critical_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Critical_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Critical_Hover_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--critical:active{--fdObjectStatus_Text_Color:var(--sapButton_Attention_Selected_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Attention_Selected_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Critical_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Critical_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative{--fdObjectStatus_Text_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Background);--fdObjectStatus_Border_Color:var(--sapButton_Negative_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:visited{--fdObjectStatus_Text_Color:var(--sapButton_Negative_Background);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_Background);--fdObjectStatus_Background_Color:var(--sapButton_Negative_TextColor);--fdObjectStatus_Border_Color: } +.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:hover{--fdObjectStatus_Text_Color:var(--sapButton_Negative_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Negative_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Negative_Hover_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--negative:active{--fdObjectStatus_Text_Color:var(--sapButton_Reject_Selected_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Reject_Selected_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Negative_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Negative_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative,.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:visited{--fdObjectStatus_Text_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Information_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Background);--fdObjectStatus_Border_Color:var(--sapButton_Information_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:hover{--fdObjectStatus_Text_Color:var(--sapButton_Information_Hover_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Information_Hover_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Hover_Background);--fdObjectStatus_Border_Color:var(--sapButton_Information_Hover_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--informative:active{--fdObjectStatus_Text_Color:var(--sapButton_Selected_TextColor);--fdObjectStatus_Icon_Color:var(--sapButton_Selected_TextColor);--fdObjectStatus_Background_Color:var(--sapButton_Information_Active_Background);--fdObjectStatus_Border_Color:var(--sapButton_Information_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_1);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_2);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_3);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_4);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_5);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_6);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_7);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_8);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_9);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:hover{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Hover_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10:active{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Active_Text_Indication_Color_10);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_1b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_1b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_1b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_1b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_1b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-1b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_1_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_1_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_1_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_2b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_2b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_2b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_2b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_2b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-2b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_2_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_2_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_2_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_3b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_3b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_3b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_3b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_3b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-3b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_3_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_3_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_3_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_4b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_4b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_4b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_4b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_4b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-4b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_4_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_4_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_4_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_5b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_5b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_5b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_5b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_5b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-5b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_5_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_5_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_5_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_6b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_6b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_6b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_6b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_6b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-6b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_6_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_6_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_6_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_7b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_7b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_7b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_7b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_7b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-7b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_7_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_7_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_7_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_8b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_8b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_8b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_8b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_8b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-8b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_8_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_8_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_8_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_9b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_9b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_9b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_9b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_9b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-9b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_9_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_9_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_9_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Indication_Color_10b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_10b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:visited{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Icon_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_Active_BorderColor)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b.is-focus,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:focus{border-color:var(--sapContent_FocusColor);-webkit-box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);box-shadow:var(--fdObjectStatus_Inverted_Box_Shadow);outline:var(--fdObjectStatus_Inverted_Outline_Color) .0625rem var(--sapContent_FocusStyle);outline-offset:-.125rem;z-index:5} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b.is-hover,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:hover{--fdObjectStatus_Text_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Icon_Color:var(--fdObjectStatus_Text_Indication_Color_10b);--fdObjectStatus_Background_Color:var(--fdObjectStatus_Background_Hover_Indication_Color_10b);--fdObjectStatus_Border_Color:var(--fdObjectStatus_Border_Indication_Color_10b)} +.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b.is-active,.fd-object-status--inverted.fd-object-status--link.fd-object-status--indication-10b:active{--fdObjectStatus_Text_Color:var(--sapIndicationColor_10_Active_TextColor);--fdObjectStatus_Icon_Color: ;--fdObjectStatus_Background_Color:var(--sapIndicationColor_10_Active_Background);--fdObjectStatus_Border_Color:var(--sapIndicationColor_10_Active_BorderColor)} +.fd-object-status--truncate .fd-object-status__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +/* Auto-generated from fundamental-styles sap_horizon_dark.css */ +/* Run: npx tsx scripts/generate-dark-theme.ts to regenerate */ +html.dark { + --btp-Blue1:#0c225f; + --btp-Blue2:#0e3382; + --btp-Blue3:#003ca8; + --btp-Blue4:#0052c4; + --btp-Blue5:#0070f2; + --btp-Blue6:#118cff; + --btp-Blue7:#33a6ff; + --btp-Blue8:#5cc0ff; + --btp-Blue9:#8dd8ff; + --btp-Blue10:#bbe7ff; + --btp-Blue11:#e5f6ff; + --btp-Grey1:#1e2833; + --btp-Grey2:#29394b; + --btp-Grey3:#2f4763; + --btp-Grey4:#415c76; + --btp-Grey5:#5b7996; + --btp-Grey6:#778ea6; + --btp-Grey7:#92a2b1; + --btp-Grey8:#b3bdc6; + --btp-Grey9:#c9cfd4; + --btp-Grey10:#dee1e4; + --btp-Grey11:#f3f3f5; + --btp-Green1:#0c2d16; + --btp-Green2:#164120; + --btp-Green3:#194f2a; + --btp-Green4:#226635; + --btp-Green5:#188818; + --btp-Green6:#35a01c; + --btp-Green7:#57b520; + --btp-Green8:#81cb24; + --btp-Green9:#a4e058; + --btp-Green10:#d5ea91; + --btp-Green11:#e8f3c3; + --btp-Mango1:#2e2703; + --btp-Mango2:#4a3502; + --btp-Mango3:#5d4002; + --btp-Mango4:#7a5102; + --btp-Mango5:#a36a01; + --btp-Mango6:#c77b00; + --btp-Mango7:#d89101; + --btp-Mango8:#efab01; + --btp-Mango9:#f4ca55; + --btp-Mango10:#f9df8c; + --btp-Mango11:#fdeeb0; + --btp-Red1:#570000; + --btp-Red2:#770606; + --btp-Red3:#8f0707; + --btp-Red4:#b50808; + --btp-Red5:#ec0707; + --btp-Red6:#fd4848; + --btp-Red7:#ff758c; + --btp-Red8:#ffa0bf; + --btp-Red9:#ffbcd8; + --btp-Red10:#ffd5ea; + --btp-Red11:#fff0f7; + --btp-Teal1:#042c2b; + --btp-Teal2:#054039; + --btp-Teal3:#034f48; + --btp-Teal4:#036559; + --btp-Teal5:#048570; + --btp-Teal6:#029e84; + --btp-Teal7:#0ab592; + --btp-Teal8:#1ecdaf; + --btp-Teal9:#6de3c2; + --btp-Teal10:#8cf4d6; + --btp-Teal11:#bbfaed; + --btp-Indigo1:#231570; + --btp-Indigo2:#331c9f; + --btp-Indigo3:#4316ca; + --btp-Indigo4:#591ffa; + --btp-Indigo5:#7757ff; + --btp-Indigo6:#9075ff; + --btp-Indigo7:#ac8dff; + --btp-Indigo8:#c6a8ff; + --btp-Indigo9:#dcc4ff; + --btp-Indigo10:#e5dcff; + --btp-Indigo11:#f0ebff; + --btp-Pink1:#3a0962; + --btp-Pink2:#580787; + --btp-Pink3:#72009c; + --btp-Pink4:#9700b7; + --btp-Pink5:#c0d; + --btp-Pink6:#f028ea; + --btp-Pink7:#f764f3; + --btp-Pink8:#ff8ff1; + --btp-Pink9:#ffb9ef; + --btp-Pink10:#ffd5f1; + --btp-Pink11:#ffe6fa; + --btp-Raspberry1:#4e0536; + --btp-Raspberry2:#6e064b; + --btp-Raspberry3:#8a0152; + --btp-Raspberry4:#ae0565; + --btp-Raspberry5:#e21279; + --btp-Raspberry6:#fa418e; + --btp-Raspberry7:#ff6fa0; + --btp-Raspberry8:#ff98b6; + --btp-Raspberry9:#ffbec9; + --btp-Raspberry10:#ffd7dd; + --btp-Raspberry11:#ffe8ec; + --btp-Cyan1:#062845; + --btp-Cyan2:#063d5b; + --btp-Cyan3:#074b66; + --btp-Cyan4:#06617d; + --btp-Cyan5:#09819e; + --btp-Cyan6:#0599b8; + --btp-Cyan7:#00afcf; + --btp-Cyan8:#08c8e4; + --btp-Cyan9:#61e6f6; + --btp-Cyan10:#a6ecf8; + --btp-Cyan11:#caf5fc; + --btp-Hazelnut1:#362317; + --btp-Hazelnut2:#552f10; + --btp-Hazelnut3:#673a17; + --btp-Hazelnut4:#854a20; + --btp-Hazelnut5:#b26026; + --btp-Hazelnut6:#cd7537; + --btp-Hazelnut7:#d5915a; + --btp-Hazelnut8:#daad73; + --btp-Hazelnut9:#e3cca0; + --btp-Hazelnut10:#efe0be; + --btp-Hazelnut11:#f7edd0; + --fdSwitch_Compact_Width:2rem; + --fdSwitch_Compact_Height:1.25rem; + --fdSwitch_Compact_Handle_Width:1.25rem; + --fdSwitch_Compact_Handle_Height:1rem; + --fdSwitch_Active_Handle_Offset:0.5075rem; + --fdSwitch_Compact_Handle_Offset:-0.8125rem; + --fdSwitch_Compact_Padding_Block:0.375rem; + --fdSwitch_Track_Background:var(--sapButton_Track_Background); + --fdSwitch_Handle_Border_Width:0.125rem; + --fdSwitch_On_Hover_Slider_Background:var(--sapButton_Track_Hover_Background); + --fdSwitch_On_Hover_Slider_Border:var(--sapButton_Track_Hover_Background); + --fdSwitch_On_Hover_Slider_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Hover_BorderColor); + --fdSwitch_On_Hover_Slider_Active_Background:var(--sapButton_Track_Selected_Hover_Background); + --fdSwitch_On_Hover_Slider_Active_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Selected_Hover_BorderColor); + --fdSwitch_Border_Width:0; + --fdSwitch_Width:2.5rem; + --fdSwitch_Height:1.5rem; + --fdSwitch_Border_Radius:0.75rem; + --fdSwitch_Handle_Width:1.5rem; + --fdSwitch_Handle_Height:1.25rem; + --fdSwitch_Handle_Border_Radius:0.75rem; + --fdSwitch_Handle_Active_Color:var(--sapButton_Handle_Selected_TextColor); + --fdSwitch_Handle_Inactive_Color:var(--sapButton_Handle_TextColor); + --fdSwitch_Handle_Background:var(--sapButton_Handle_Background); + --fdSwitch_Hover_Handle_Background:var(--sapButton_Handle_Selected_Hover_Background); + --fdSwitch_Hover_Handle_Active_Background:var(--sapButton_Handle_Selected_Hover_Background); + --fdSwitch_Handle_Offset:1.2475rem; + --fdSwitch_Compact_Active_Handle_Offset:-0.3125rem; + --fdSwitch_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_BorderColor); + --fdSwitch_Active_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Selected_BorderColor); + --fdSwitch_Border_Color:transparent; + --fdSwitch_Border:none; + --fdSwitch_Slider_Box_Sizing:content-box; + --fdSwitch_Focus_Outline_Vertical_Offset:calc(var(--sapContent_FocusWidth)*-2); + --fdSwitch_Focus_Outline_Horizontal_Offset:calc(var(--sapContent_FocusWidth)*-2); + --fdSwitch_Focus_Outline_Border_Radius:calc(var(--fdSwitch_Border_Radius) + var(--sapContent_FocusWidth)*2); + --fdSwitch_Icon_Display:flex; + --fdSwitch_Text_Active_Color:var(--sapButton_Handle_Selected_TextColor); + --fdSwitch_Text_Inactive_Color:var(--sapButton_Handle_TextColor); + --fdSwitch_Handle_Border_Color:var(--sapButton_Track_BorderColor); + --fdSwitch_Handle_Hover_Border_Color:var(--sapButton_Handle_Hover_BorderColor); + --fdSwitch_Handle_Selected_Hover_Border_Color:var(--sapButton_Handle_Selected_Hover_BorderColor); + --fdSwitch_Semantic_Success_Border_Color:var(--sapButton_Track_Positive_BorderColor); + --fdSwitch_Semantic_Success_Background_Color:var(--sapButton_Track_Positive_Background); + --fdSwitch_Semantic_Hover_Success_Background_Color:var(--sapButton_Track_Positive_Hover_Background); + --fdSwitch_Semantic_Hover_Success_Border_Color:var(--sapButton_Track_Positive_Hover_BorderColor); + --fdSwitch_Semantic_Error_Background_Color:var(--sapButton_Track_Negative_Background); + --fdSwitch_Semantic_Error_Border_Color:var(--sapButton_Track_Negative_BorderColor); + --fdSwitch_Semantic_Hover_Error_Background_Color:var(--sapButton_Track_Negative_Hover_Background); + --fdSwitch_Semantic_Hover_Error_Border_Color:var(--sapButton_Track_Negative_Hover_BorderColor); + --fdSwitch_Semantic_Icon_Error_Color:var(--sapButton_Handle_Negative_TextColor); + --fdSwitch_Semantic_Error_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Negative_BorderColor); + --fdSwitch_Semantic_Success_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Positive_BorderColor); + --fdSwitch_Semantic_Hover_Error_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Negative_Hover_BorderColor); + --fdSwitch_Semantic_Hover_Success_Box_Shadow:inset 0 0 0 0.0625rem var(--sapButton_Track_Positive_Hover_BorderColor); + --fdSwitch_Semantic_Width:var(--fdSwitch_Width); + --fdSwitch_Semantic_Height:var(--fdSwitch_Height); + --fdSwitch_Semantic_Error_Color:var(--sapButton_Track_Negative_BorderColor); + --fdSwitch_Semantic_Success_Color:var(--sapButton_Track_Positive_BorderColor); + --fdSwitch_Semantic_Hover_Error_Color:var(--sapButton_Track_Negative_BorderColor); + --fdSwitch_Semantic_Hover_Success_Color:var(--sapButton_Track_Positive_BorderColor); + --fdSwitch_Semantic_Handle_Offset:var(--fdSwitch_Handle_Offset); + --fdSwitch_Semantic_Handle_Active_Offset:var(--fdSwitch_Active_Handle_Offset); + --fdSwitch_Semantic_Handle_Box_Sizing:border-box; + --fdSwitch_Semantic_Handle_Error_Color:var(--fdSwitch_Semantic_Error_Color); + --fdSwitch_Semantic_Handle_Error_Hover_Color:var(--fdSwitch_Semantic_Hover_Error_Color); + --fdSwitch_Semantic_Handle_Success_Color:var(--fdSwitch_Semantic_Success_Color); + --fdSwitch_Semantic_Handle_Success_Hover_Color:var(--fdSwitch_Semantic_Hover_Success_Color); + --fdSwitch_Semantic_Slider_Error_Background_Color:var(--sapButton_Track_Negative_Background); + --fdSwitch_Semantic_Success_Handle_Background_Color:var(--sapButton_Handle_Positive_Background); + --fdSwitch_Semantic_Success_Handle_Hover_Background_Color:var(--sapButton_Handle_Positive_Hover_Background); + --fdSwitch_Semantic_Error_Handle_Background_Color:var(--sapButton_Handle_Negative_Background); + --fdSwitch_Semantic_Error_Handle_Hover_Background_Color:var(--sapButton_Handle_Negative_Hover_Background); + --fdSwitch_Semantic_Success_Handle_Border_Color:var(--sapButton_Handle_Positive_BorderColor); + --fdSwitch_Semantic_Success_Handle_Hover_Border_Color:var(--sapButton_Handle_Positive_Hover_BorderColor); + --fdSwitch_Semantic_Error_Handle_Border_Color:var(--sapButton_Handle_Negative_BorderColor); + --fdSwitch_Semantic_Error_Handle_Hover_Border_Color:var(--sapButton_Handle_Negative_Hover_BorderColor); + --fdSwitch_Semantic_Icon_Position:absolute; + --fdSwitch_Icon_Size:var(--sapFontLargeSize); + --fdSwitch_Icon_Error_Margin:0 0; + --fdSwitch_Icon_Success_Margin:0 0; + --fdSwitch_Compact_Icon_Size:var(--sapFontSize); + --fdSwitch_Compact_Semantic_Width:var(--fdSwitch_Compact_Width); + --fdSwitch_Compact_Semantic_Height:var(--fdSwitch_Compact_Height); + --fdSwitch_Compact_Semantic_Handle_Width:var(--fdSwitch_Compact_Handle_Width); + --fdSwitch_Compact_Semantic_Handle_Height:var(--fdSwitch_Compact_Handle_Height); + --fdSwitch_Compact_Semantic_Handle_Offset:-0.8125rem; + --fdSwitch_Compact_Semantic_Active_Handle_Offset:var(--fdSwitch_Compact_Active_Handle_Offset); + --fdSwitch_Compact_Semantic_Active_Handle_Offset_Rtl:var(--fdSwitch_Compact_Handle_Offset); + --fdSwitch_Text_Width:2.875rem; + --fdSwitch_Text_Handle_Width:1.75rem; + --fdSwitch_Text_Handle_Offset:-1.125rem; + --fdSwitch_Text_Handle_Active_Offset:-0.25rem; + --fdSwitch_Compact_Text_Width:2.75rem; + --fdSwitch_Compact_Text_Height:1.25rem; + --fdSwitch_Compact_Text_Handle_Width:1.75rem; + --fdSwitch_Compact_Text_Handle_Offset:-0.5625rem; + --fdSwitch_Compact_Text_Handle_Active_Offset:0.1875rem; + --fdButton_Height:var(--sapElement_Height); + --fdButton_Compact_Height:var(--sapElement_Compact_Height); + --fdButton_Emphasized_Active_Outline:var(--sapContent_FocusColor); + --fdButton_Ghost_Background:var(--sapButton_Background); + --fdButton_Outline_Contrast:var(--sapContent_FocusColor); + --fdButton_Outline_Offset:var(--sapButton_BorderWidth); + --fdButton_Focus_Border_Radius:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth)); + --fdButton_Text_Shadow:none; + --fdButton_Hover_Shadow:none; + --fdButton_Border_Radius_Left:var(--sapButton_BorderCornerRadius); + --fdButton_Border_Radius_Left_RTL:var(--sapButton_BorderCornerRadius); + --fdButton_Border_Radius_Right:var(--sapButton_BorderCornerRadius); + --fdButton_Border_Radius_Right_RTL:var(--sapButton_BorderCornerRadius); + --fdButton_Border_Radius_Outline_Left:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth)); + --fdButton_Border_Radius_Outline_Left_RTL:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth)); + --fdButton_Border_Radius_Outline_Right:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth)); + --fdButton_Border_Radius_Outline_Right_RTL:calc(var(--sapButton_BorderCornerRadius) - var(--sapContent_FocusWidth)); + --fdButton_Vertical_Border_Radius_Left:var(--fdButton_Border_Radius_Left); + --fdButton_Vertical_Border_Radius_Right:var(--fdButton_Border_Radius_Left); + --fdButton_Segmented_Pad_Display:block; + --fdButton_Segmented_Border_Offset:0; + --fdButton_Menu_Offset:0; + --fdButton_Menu_Emphasized_Margin:0; + --fdButton_Menu_Border_Radius:var(--sapPopover_BorderCornerRadius); + --fdButton_Menu_Separator_Display:block; + --fdButton_Menu_Transparent_Separator_Height:1rem; + --fdButton_Menu_Transparent_Separator_Display:block; + --fdButton_Menu_Emphasized_Separator_Display:block; + --fdButton_Menu_Emphasized_Hover_Separator_Display:none; + --fdButton_Menu_Transparent_Border_Color:transparent; + --fdButton_Menu_Default_Shadow_Color:var(--sapButton_BorderColor); + --fdButton_Menu_Emphasized_Shadow_Color:var(--sapButton_Emphasized_BorderColor); + --fdButton_Menu_Positive_Shadow_Color:var(--sapButton_Accept_BorderColor); + --fdButton_Menu_Negative_Shadow_Color:var(--sapButton_Reject_BorderColor); + --fdButton_Menu_Attention_Shadow_Color:var(--sapButton_Attention_BorderColor); + --fdButton_ToolHeader_Color_Normal:var(--sapShell_InteractiveTextColor); + --fdButton_ToolHeader_Color_Active:var(--sapContent_IconColor); + --fdButton_ToolHeader_Background_Hover:var(--sapButton_Lite_Hover_Background); + --fdButton_ToolHeader_Background_Active:var(--sapActiveColor); + --fdButton_ToolHeader_Border_Color_Normal:transparent; + --fdButton_ToolHeader_Border_Color_Hover:transparent; + --fdButton_ToolHeader_Border_Color_Active:transparent; + --fdButton_ToolHeader_Border_Color_Focus:transparent; + --fdButton_ToolHeader_Border_Color_Disabled:transparent; + --fdButton_ToolHeader_Border_Radius_Focus:0.375rem; + --fdButton_ToolHeader_Badge_Border_Color:var(--sapShellColor); + --fdButton_ToolHeader_Outline_Color:var(--sapContent_FocusColor); + --fdButton_ToolHeader_Button_Size:2.5rem; + --fdButton_ToolHeader_Button_Size_Compact:2rem; + --fdButton_ToolHeader_Button_Border_Radius:0.375rem; + --fdButton_Nested_Color_Active:var(--sapContent_IconColor); + --fdButton_Nested_Background_Active:var(--sapActiveColor); + --fdButton_Nested_Background_Focus:var(--sapButton_Background); + --fdButton_Nested_Border_Color_Normal:transparent; + --fdButton_Nested_Border_Color_Hover:transparent; + --fdButton_Nested_Border_Color_Active:transparent; + --fdButton_Nested_Border_Color_Focus:transparent; + --fdButton_Nested_Border_Color_Disabled:transparent; + --fdButton_Nested_Border_Radius_Focus:0.75rem; + --fdButton_Split_Border_Color:transparent; + --fdButton_Split_Background_Color:transparent; + --fdGrid_List_Item_Hover_Border_Color:var(--sapTile_Interactive_BorderColor); + --fdGrid_List_Item_Border_Radius:var(--sapTile_BorderCornerRadius); + --fdGrid_List_Item_Toolbar_Shadow:none; + --fdGrid_List_Item_Focus_Box_Shadow:inset 0 0 0 var(--sapContent_FocusWidth) var(--sapContent_FocusColor); + --fdGrid_List_Item_Focus_Border:0.1775rem solid var(--sapList_Background); + --fdGrid_List_Item_Focus_Outline_Offset:0; + --fdIconTabBar_Overflow_Button_Background:var(--sapButton_Background); + --fdIconTabBar_Overflow_Button_Border_Color:var(--sapButton_BorderColor); + --fdIconTabBar_Overflow_Button_Text_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Text_Color); + --fdIconTabBar_Overflow_Button_Icon_Color:var(--fdIcon_Tab_Bar_Overflow_Button_Icon_Color); + --fdIconTabBar_Tag_Color:var(--fdIcon_Tab_Bar_Label_Color); + --fdIconTabBar_Tag_Icon_Color:var(--fdIcon_Tab_Bar_Label_Color); + --fdIconTabBar_Tag_Icon_Content:""; + --fdIconTabBar_Icon_Color:var(--fdIcon_Tab_Bar_Inactive_Tab_Icon_Color); + --fdIconTabBar_Icon_Border_Color:var(--fdIcon_Tab_Bar_Icon_Border_Color); + --fdIconTabBar_Icon_Background:transparent; + --fdIconTabBar_Selection_Bar_Color:var(--fdIcon_Tab_Bar_Selection_Bar_Color); + --fdIconTabBar_Badge_Background:var(--fdIcon_Tab_Bar_Badge_Color); + --fdIconTabBar_Badge_Background_After:var(--sapContent_BadgeBackground); + --fdIconTabBar_Arrow_Color:var(--sapTextColor); + --fdIconTabBar_Multi_Click_Separator_Background:var(--sapTextColor); + --fdIcon_Tab_Bar_Selection_Bar_Height:0.188rem; + --fdIcon_Tab_Bar_Selection_Color:var(--sapContent_Selected_ForegroundColor); + --fdIcon_Tab_Bar_Selection_Bar_Color:var(--sapContent_Selected_ForegroundColor); + --fdIcon_Tab_Bar_Icon_Border_Color:var(--sapContent_Selected_ForegroundColor); + --fdIcon_Tab_Bar_Semantic_Icon_Display:none; + --fdIcon_Tab_Bar_Semantic_Color_Positive:var(--sapPositiveElementColor); + --fdIcon_Tab_Bar_Semantic_Color_Negative:var(--sapNegativeElementColor); + --fdIcon_Tab_Bar_Semantic_Color_Critical:var(--sapCriticalElementColor); + --fdIcon_Tab_Bar_Semantic_Color_Informative:var(--sapInformativeElementColor); + --fdIcon_Tab_Bar_Semantic_Background_Color_Positive:var(--sapPositiveElementColor); + --fdIcon_Tab_Bar_Semantic_Background_Color_Negative:var(--sapNegativeElementColor); + --fdIcon_Tab_Bar_Semantic_Background_Color_Critical:var(--sapCriticalElementColor); + --fdIcon_Tab_Bar_Semantic_Background_Color_Informative:var(--sapInformativeElementColor); + --fdIcon_Tab_Bar_Badge_Color:var(--sapContent_BadgeBackground); + --fdIcon_Tab_Bar_Semantic_Badge_Color_Positive:var(--sapPositiveElementColor); + --fdIcon_Tab_Bar_Semantic_Badge_Color_Negative:var(--sapNegativeElementColor); + --fdIcon_Tab_Bar_Semantic_Badge_Color_Critical:var(--sapCriticalElementColor); + --fdIcon_Tab_Bar_Semantic_Badge_Color_Informative:var(--sapInformativeElementColor); + --fdIcon_Tab_Bar_Overflow_Button_Hover_Box_Shadow:var(--sapContent_Interaction_Shadow); + --fdIcon_Tab_Bar_Overflow_Button_Focus_Offset:-0.25rem; + --fdIcon_Tab_Bar_Overflow_Button_Border_Radius:1rem; + --fdIcon_Tab_Bar_Overflow_Button_Font_Family:var(--sapFontBoldFamily); + --fdIcon_Tab_Bar_Overflow_Button_Text_Color:var(--sapTextColor); + --fdIcon_Tab_Bar_Overflow_Button_Icon_Color:var(--sapTextColor); + --fdIcon_Tab_Bar_Overflow_Button_Text_Color_Hover:var(--sapTextColor); + --fdIcon_Tab_Bar_Overflow_Button_Icon_Color_Hover:var(--sapTextColor); + --fdIcon_Tab_Bar_Inactive_Tab_Icon_Color:var(--sapContent_Selected_ForegroundColor); + --fdIcon_Tab_Bar_Label_Color:var(--sapTextColor); + --fdIcon_Tab_Bar_Label_Hover_Color:var(--sapContent_Selected_ForegroundColor); + --fdIcon_Tab_Bar_Label_Font_Family:var(--sapFontBoldFamily); + --fdIcon_Tab_Bar_Text_Focus_Radius:0.375rem; + --fdIcon_Tab_Bar_Icon_Focus_Radius:50%; + --fdIcon_Tab_Bar_Focus_Offset:-0.25rem; + --fdIcon_Tab_Bar_Icon_Border_Weight:0.125rem; + --fdIcon_Tab_Bar_Icon_Focus_Offset:-0.3125rem; + --fdIcon_Tab_Bar_Separator_Color:var(--sapContent_Selected_ForegroundColor); + --fdIcon_Tab_Bar_Single_Click_Icon_Container_Width:1.5rem; + --fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Left:0.25rem; + --fdIcon_Tab_Bar_Single_Click_Icon_Container_Padding_Right:0; + --fdIcon_Tab_Bar_Multi_Click_Button_Separator_Display:block; + --fdIcon_Tab_Bar_Multi_Click_Button_Focus_Radius:0.25rem; + --fdIconTabBar_Overflow_Button_Shell_Background:var(--sapButton_Background); + --fdIconTabBar_Overflow_Button_Shell_Border_Color:var(--sapButton_BorderColor); + --fdIconTabBar_Overflow_Button_Shell_Text_Color:var(--sapTextColor); + --fdIconTabBar_Overflow_Button_Shell_Icon_Color:var(--sapTextColor); + --fdIconTabBar_Overflow_Button_Shell_Background_Hover:var(--sapButton_Hover_Background); + --fdIconTabBar_Overflow_Button_Shell_Border_Color_Hover:var(--sapButton_Hover_BorderColor); + --fdIconTabBar_Overflow_Button_Shell_Text_Color_Hover:var(--sapTextColor); + --fdIconTabBar_Overflow_Button_Shell_Icon_Color_Hover:var(--sapTextColor); + --fdIconTabBar_Overflow_Button_Shell_Background_Active:var(--sapButton_Active_Background); + --fdIconTabBar_Overflow_Button_Shell_Border_Color_Active:var(--sapButton_Active_BorderColor); + --fdIconTabBar_Overflow_Button_Shell_Text_Color_Active:var(--sapButton_Active_TextColor); + --fdIconTabBar_Overflow_Button_Shell_Icon_Color_Active:var(--sapButton_Active_TextColor); + --fdIconTabBar_Overflow_Button_Shell_Focus_Color:var(--sapContent_FocusColor); + --fdIconTabBar_Button_Shell_Color:var(--sapTextColor); + --fdIconTabBar_Button_Shell_Color_Hover:var(--sapTextColor); + --fdIconTabBar_Button_Shell_Background_Color_Hover:var(--sapButton_Lite_Hover_Background); + --fdIconTabBar_Button_Shell_Color_Active:var(--sapContent_Selected_ForegroundColor); + --fdIconTabBar_Button_Shell_Background_Color_Active:var(--sapShell_Navigation_Active_Background); + --fdIconTabBar_Button_Shell_Color_Selected:var(--sapContent_Selected_ForegroundColor); + --fdIconTabBar_Button_Shell_Background_Color_Selected:var(--sapShell_Navigation_Background); + --fdIconTabBar_Button_Shell_Focus_Color:var(--sapContent_ContrastFocusColor); + --fdIconTabBar_Button_Active_Color:var(--sapContent_Selected_ForegroundColor); + --fdIconTabBar_Button_Active_Focus_Color:var(--sapContent_FocusColor); + --fdTable_Header_Cell_Hover_Background:var(--sapList_Hover_Background); + --fdTable_Header_Cell_Active_Background:var(--sapList_Active_Background); + --fdTable_Header_Cell_Font_Weight:bold; + --fdTable_Header_Cell_Hover_Active_Color:var(--sapList_HeaderTextColor); + --fdTable_Header_Horizontal_Border:var(--sapList_BorderWidth) solid var(--sapList_HeaderBorderColor); + --fdTable_Group_Header_Background:var(--sapList_TableGroupHeaderBackground); + --fdTable_Border_Radius:0.5rem; + --fdTable_Condensed_Focus_Outline_Offset:-0.0625rem; + --fdDynamicPage_Title_Color:var(--sapObjectHeader_Title_TextColor); + --fdDynamicPage_Title_Font_Size:var(--sapObjectHeader_Title_FontSize); + --fdDynamicPage_Title_Collapsed_Font_Size:var(--sapObjectHeader_Title_SnappedFontSize); + --fdDynamicPage_Title_Font_Family:var(--sapObjectHeader_Title_FontFamily); + --fdDynamicPage_Subtitle_Color:var(--sapObjectHeader_Subtitle_TextColor); + --fdDynamicPage_Button_Pin_Background:var(--sapObjectHeader_Background); + --fdScrollbar_Track_Color:var(--sapScrollBar_TrackColor); + --fdScrollbar_Thumb_Color:var(--sapScrollBar_FaceColor); + --fdScrollbar_Thumb_Hover_Color:var(--sapScrollBar_Hover_FaceColor); + --fdScrollbar_Dimension:var(--sapScrollBar_Dimension); + --fdScrollbar_Thumb_Border_Radius:var(--sapScrollBar_Dimension); + --fdScrollbar_Thumb_Offset:0.125rem; + --fdScrollbar_Border_Radius:var(--sapPopover_BorderCornerRadius); + --fdCard_Box_Shadow_Regular:var(--sapContent_Shadow0); + --fdCard_Box_Shadow_Hover:var(--sapContent_Shadow2); + --fdCard_Border_Corner_Radius:var(--sapTile_BorderCornerRadius); + --fdCard_Header_Border_Bottom:0.0625rem solid transparent; + --fdCard_Footer_Border_Top:0.0625rem solid transparent; + --fdCard_Border:0.0625rem solid var(--sapTile_BorderColor); + --fdCard_Counter_Margin:0.125rem; + --fdCard_Footer_Padding:0.75rem; + --fdCard_Footer_Actions_Item_Spacing:0.5rem; + --fdCard_Title_Font_Size:var(--sapFontHeader6Size); + --fdCard_Title_Font_Weight:bold; + --fdCard_Main_Header_Padding_Bottom:0.75rem; + --fdSlider_Track_Height:0.25rem; + --fdSlider_Track_BorderRadius:0.25rem; + --fdSlider_Tick_Height:0.5rem; + --fdSlider_Track_Background:var(--sapSlider_Background); + --fdSlider_Track_Border_Color:var(--sapSlider_BorderColor); + --fdSlider_Track_Border_Width:0; + --fdSlider_Track_Active_Background:var(--sapSlider_Selected_Background); + --fdSlider_Track_Active_Border:var(--sapSlider_Selected_BorderColor); + --fdSlider_Track_Active_Box_Shadow:none; + --fdSlider_Handle_Background:var(--sapSlider_HandleBackground); + --fdSlider_Handle_Border_Radius:0.5rem; + --fdSlider_Handle_Width:1.5rem; + --fdSlider_Handle_Height:1.25rem; + --fdSlider_Handle_Border:0.0625rem solid var(--sapSlider_HandleBorderColor); + --fdSlider_Handle_Border_Hover_Color:var(--sapSlider_Hover_HandleBorderColor); + --fdSlider_Handle_Active_Width:2.25rem; + --fdSlider_Handle_Active_Height:2rem; + --fdSlider_Handle_Icon_Display:block; + --fdSlider_Mobile_Handle_Width:2rem; + --fdSlider_Mobile_Handle_Height:1.5rem; + --fdSlider_Mobile_Handle_Active_Size:2.75rem; + --fdSlider_Hover_Handle_Background:var(--sapSlider_Hover_HandleBackground); + --fdSlider_Hover_Handle_Border:0.0625rem solid var(--sapSlider_Hover_HandleBorderColor); + --fdSlider_Active_Handle_Border:0.0625rem solid var(--sapSlider_Active_HandleBorderColor); + --fdSlider_Active_Handle_Background:var(--sapSlider_Active_HandleBackground); + --fdSlider_Focus_Handle_Background:var(--sapSlider_Active_RangeHandleBackground); + --fdSlider_Focus_Handle_Border:var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor); + --fdSlider_Focus_Handle_Display:none; + --fdSlider_Range_Handle_Background:var(--sapSlider_RangeHandleBackground); + --fdSlider_Range_Handle_Border:0.0625rem solid var(--sapSlider_HandleBorderColor); + --fdSlider_Range_Hover_Handle_Background:var(--sapSlider_Hover_HandleBackground); + --fdSlider_Range_Hover_Handle_Border_Color:var(--sapSlider_Hover_HandleBorderColor); + --fdSlider_Range_Active_Handle_Background:var(--sapSlider_Active_RangeHandleBackground); + --fdSlider_Range_Active_Handle_Border_Color:var(--sapContent_FocusColor); + --fdSlider_Range_Focus_Handle_Background:var(--sapSlider_Active_RangeHandleBackground); + --fdSlider_Range_Focus_Handle_Border:var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor); + --fdSlider_Range_Track_Border_Radius:0.5rem; + --fdSlider_Focus_Handle_Outline_Color:transparent; + --fdSlider_Tick_Background:var(--sapContent_MeasureIndicatorColor); + --fdSlider_Active_Tick_Background:var(--sapSlider_Selected_BorderColor); + --fdSlider_Endpoint_Size:0.5rem; + --fdSlider_Endpoint_Background:var(--sapContent_MeasureIndicatorColor); + --fdSlider_Endpoint_Border:0.0625rem solid var(--sapContent_MeasureIndicatorColor); + --fdSlider_Endpoint_Active_Background:var(--sapSlider_Selected_Background); + --fdSlider_Endpoint_Active_Border:0.0625rem solid var(--sapContent_Selected_MeasureIndicatorColor); + --fdSlider_Focus_Range_Outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor); + --fdSplitter_Resizer_Border:none; + --fdSplitter_Resizer_Grip_Border_Width:0; + --fdSplitter_Resizer_Decoration_Background:var(--sapGroup_ContentBorderColor); + --fdSplitter_Pagination_Item_Border_Width:var(--sapButton_BorderWidth); + --fdInput_Box_Shadow_Hover:var(--sapField_Hover_Shadow); + --fdInput_Outline_Color:var(--sapField_Active_BorderColor); + --fdInput_Error_Background_Color_Hover:var(--sapField_Hover_Background); + --fdInput_Error_Box_Shadow_Hover:var(--sapField_InvalidShadow); + --fdInput_Error_Outline_Color:var(--sapField_InvalidColor); + --fdInput_Warning_Background_Color_Hover:var(--sapField_Hover_Background); + --fdInput_Warning_Box_Shadow_Hover:var(--sapContent_Critical_Shadow); + --fdInput_Warning_Outline_Color:var(--sapField_WarningColor); + --fdInput_Success_Background_Color_Hover:var(--sapField_Hover_Background); + --fdInput_Success_Box_Shadow_Hover:var(--sapContent_Positive_Shadow); + --fdInput_Success_Outline_Color:var(--sapField_SuccessColor); + --fdInput_Information_Background_Color_Hover:var(--sapField_Hover_Background); + --fdInput_Information_Box_Shadow_Hover:var(--sapContent_Informative_Shadow); + --fdInput_Information_Outline_Color:var(--sapField_InformationColor); + --fdInput_Non_Interactive_State_Placeholder_Color:var(--sapField_PlaceholderTextColor); + --fdInput_Group_Button_Border_Raduis:var(--sapField_BorderCornerRadius); + --fdInput_Group_Button_Background:transparent; + --fdInput_Group_Button_Text_Color:var(--sapField_TextColor); + --fdInput_Group_Button_Box_Shadow:var(--sapField_Hover_Shadow); + --fdInput_Group_Button_Hover_Background:transparent; + --fdInput_Group_Button_Hover_Text_Color:var(--sapField_TextColor); + --fdInput_Group_Button_Active_Background:transparent; + --fdInput_Group_Button_Active_Text_Color:var(--sapButton_Selected_TextColor); + --fdInput_Group_Button_Success_Active_Text_Color:var(--sapButton_Accept_Selected_TextColor); + --fdInput_Group_Button_Success_Active_Box_Shadow:var(--sapContent_Positive_Shadow); + --fdInput_Group_Button_Error_Active_Text_Color:var(--sapButton_Reject_Selected_TextColor); + --fdInput_Group_Button_Error_Active_Box_Shadow:var(--sapContent_Negative_Shadow); + --fdInput_Group_Button_Warning_Active_Text_Color:var(--sapButton_Attention_Selected_TextColor); + --fdInput_Group_Button_Warning_Active_Box_Shadow:var(--sapContent_Critical_Shadow); + --fdInput_Group_Button_Information_Active_Text_Color:var(--sapButton_Selected_TextColor); + --fdInput_Group_Button_Information_Active_Box_Shadow:var(--sapContent_Informative_Shadow); + --fdInput_Outline_Offset_Focus_Within:-0.125rem; + --fdInput_Outline_Border_Radius:0.2rem; + --fdWizard_Optional_Text_Color:var(--sapContent_LabelColor); + --fdWizard_Label_Font_Family:var(--sapFontBoldFamily); + --fdWizard_Label_Font_Weight:bold; + --fdWizard_Completed_Step_Color:var(--sapContent_Selected_ForegroundColor); + --fdWizard_Completed_Step_Label_Color:var(--sapTextColor); + --fdWizard_Completed_Step_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor); + --fdWizard_Completed_Step_Icon_Color:var(--sapContent_Selected_ForegroundColor); + --fdWizard_Current_Step_Color:var(--sapContent_ContrastTextColor); + --fdWizard_Current_Step_Label_Color:var(--sapContent_Selected_ForegroundColor); + --fdWizard_Current_Step_Icon_Color:var(--sapContent_ContrastIconColor); + --fdWizard_Current_Step_Background_Color:var(--sapContent_Selected_ForegroundColor); + --fdWizard_Current_Step_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor); + --fdWizard_Upcoming_Step_Color:var(--sapContent_LabelColor); + --fdWizard_Upcoming_Step_Icon_Color:var(--sapContent_LabelColor); + --fdWizard_Active_Step_Color:var(--sapContent_ContrastTextColor); + --fdWizard_Active_Step_Icon_Color:var(--sapContent_ContrastIconColor); + --fdWizard_Active_Step_Border_Color:var(--sapActiveColor); + --fdWizard_Connector_Active_Border_Color:var(--sapContent_Selected_ForegroundColor); + --fdWizard_Content_Solid_Background:var(--sapShell_Background); + --fdWizard_Content_List_Background:var(--sapGroup_ContentBackground); + --fdWizard_Content_Transparent_Background:transparent; + --fdWizard_Selection_Bar_Height:0.188rem; + --fdWizard_Selection_Bar_Background:var(--sapSelectedColor); + --fdWizard_Step_Indicator_Margin_Right:0.5rem; + --fdWizard_Step_Content_Container_Background_Color:var(--sapGroup_ContentBackground); + --fdWizard_Step_Content_Container_Spacing:1rem; + --fdPanel_Border_Radius:var(--sapElement_BorderCornerRadius); + --fdPanel_Title_Font_Size:var(--sapGroup_Title_FontSize); + --fdPanel_Content_Background_Color:var(--sapGroup_ContentBackground); + --fdPanel_Margin_Bottom:0.5rem; + --fdPanel_Content_Border_Bottom_Color:transparent; + --fdCarousel_Pagination_Border:0.0625rem solid var(--sapList_BorderColor); + --fdCarousel_Dot_Size:0.25rem; + --fdCarousel_Dot_Margin:0.375rem; + --fdCarousel_Dot_Background:var(--sapContent_ForegroundBorderColor); + --fdCarousel_Dot_Selected_Background:var(--sapContent_Selected_ForegroundColor); + --fdCarousel_Dot_Border:0.0625rem solid var(--sapContent_ForegroundBorderColor); + --fdCarousel_Dot_Selected_Border:0.0625rem solid var(--sapContent_Selected_ForegroundColor); + --fdFeed_List_Item_Background:var(--sapList_Background); + --fdFeed_List_Item_Padding:1rem 1rem 0.5rem; + --fdFeed_List_Item_Border_Top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor); + --fdFeed_List_Item_Border_Bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor); + --fdBusy_Indicator_Dot_Color:#0070f2; + --fdBusy_Indicator_Dot_Contrast_Color:var(--sapContent_ContrastIconColor); + --fdMenu_Active_State_Focus:var(--sapContent_FocusColor); + --fdMenu_Affordance_Arrow_Size:1rem; + --fdMenu_Shortcut_Color_Regular:var(--sapContent_LabelColor); + --fdMenu_Shortcut_Color_Active:var(--sapContent_LabelColor); + --fdMenu_Shortcut_Color_Selected:var(--sapContent_LabelColor); + --fdMenu_Shortcut_Color_Selected_Hover:var(--sapContent_LabelColor); + --fdMenu_Text_Color_Active:var(--sapList_TextColor); + --fdCheckbox_Tristate_Size:0.75rem; + --fdCheckbox_Tristate_Offset:0.3125rem; + --fdCheckbox_Tristate_Compact_Size:0.5rem; + --fdCheckbox_Tristate_Compact_Offset:0.25rem; + --fdCheckbox_Padding:0.6875rem; + --fdCheckbox_Compact_Padding:0.5rem; + --fdCheckbox_Dimensions:1.375rem; + --fdCheckbox_Compact_Dimensions:1rem; + --fdCheckbox_Background_Color:var(--sapField_Background); + --fdCheckbox_Hover_Background_Color:var(--sapContent_Selected_Hover_Background); + --fdCheckbox_Inner_Border_Width:var(--sapField_BorderWidth); + --fdCheckbox_Inner_Border_Style:var(--sapField_Selector_BorderStyle); + --fdCheckbox_Inner_Border_Color:var(--sapField_BorderColor); + --fdCheckbox_Check_Mark_Color:var(--sapContent_Selected_ForegroundColor); + --fdCheckbox_Focus_Outline_Offset:0.25rem; + --fdCheckbox_Outline_Border_Radius:0.8rem; + --fdCheckbox_Compact_Outline_Border_Radius:0.5rem; + --fdCheckbox_Background_Color_Default:var(--sapField_Background); + --fdCheckbox_Inner_Border_Width_Default:var(--sapField_BorderWidth); + --fdCheckbox_Inner_Border_Style_Default:var(--sapField_Selector_BorderStyle); + --fdCheckbox_Inner_Border_Color_Default:var(--sapField_BorderColor); + --fdCheckbox_Check_Mark_Color_Default:var(--sapContent_Selected_ForegroundColor); + --fdCheckbox_Background_Color_Default_Hover:var(--sapContent_Selected_Hover_Background); + --fdCheckbox_Inner_Border_Width_Default_Hover:var(--sapField_BorderWidth); + --fdCheckbox_Inner_Border_Style_Default_Hover:var(--sapField_Selector_BorderStyle); + --fdCheckbox_Inner_Border_Color_Default_Hover:var(--sapField_Hover_BorderColor); + --fdCheckbox_Check_Mark_Color_Default_Hover:var(--sapContent_Selected_ForegroundColor); + --fdCheckbox_Background_Color_ReadOnly:var(--sapField_ReadOnly_Background); + --fdCheckbox_Inner_Border_Width_ReadOnly:var(--sapElement_BorderWidth); + --fdCheckbox_Inner_Border_Style_ReadOnly:var(--sapField_Selector_ReadOnly_BorderStyle); + --fdCheckbox_Inner_Border_Color_ReadOnly:var(--sapField_ReadOnly_BorderColor); + --fdCheckbox_Check_Mark_Color_ReadOnly:var(--sapField_TextColor); + --fdCheckbox_Background_Color_Error:var(--sapField_InvalidBackground); + --fdCheckbox_Inner_Border_Width_Error:var(--sapField_InvalidBorderWidth); + --fdCheckbox_Inner_Border_Style_Error:var(--sapField_Selector_InvalidBorderStyle); + --fdCheckbox_Inner_Border_Color_Error:var(--sapField_InvalidColor); + --fdCheckbox_Check_Mark_Color_Error:var(--sapField_InvalidColor); + --fdCheckbox_Background_Color_Error_Hover:var(--sapField_Hover_Background); + --fdCheckbox_Background_Color_Warning:var(--sapField_WarningBackground); + --fdCheckbox_Inner_Border_Width_Warning:var(--sapField_WarningBorderWidth); + --fdCheckbox_Inner_Border_Style_Warning:var(--sapField_Selector_WarningBorderStyle); + --fdCheckbox_Inner_Border_Color_Warning:var(--sapField_WarningColor); + --fdCheckbox_Check_Mark_Color_Warning:var(--sapField_WarningColor); + --fdCheckbox_Background_Color_Warning_Hover:var(--sapField_Hover_Background); + --fdCheckbox_Background_Color_Success:var(--sapField_SuccessBackground); + --fdCheckbox_Inner_Border_Width_Success:var(--sapField_SuccessBorderWidth); + --fdCheckbox_Inner_Border_Style_Success:var(--sapField_Selector_SuccessBorderStyle); + --fdCheckbox_Inner_Border_Color_Success:var(--sapField_SuccessColor); + --fdCheckbox_Check_Mark_Color_Success:var(--sapField_SuccessColor); + --fdCheckbox_Background_Color_Success_Hover:var(--sapField_Hover_Background); + --fdCheckbox_Background_Color_Information:var(--sapField_InformationBackground); + --fdCheckbox_Inner_Border_Width_Information:var(--sapField_InformationBorderWidth); + --fdCheckbox_Inner_Border_Style_Information:var(--sapField_Selector_InformationBorderStyle); + --fdCheckbox_Inner_Border_Color_Information:var(--sapField_InformationColor); + --fdCheckbox_Check_Mark_Color_Information:var(--sapField_InformationColor); + --fdCheckbox_Background_Color_Information_Hover:var(--sapField_Hover_Background); + --fdRadio_Inner_Circle_Diameter:1.375rem; + --fdRadio_Compact_Inner_Circle_Diameter:1rem; + --fdRadio_Outer_Circle_Padding:0.6875rem; + --fdRadio_Compact_Outer_Circle_Padding:0.5rem; + --fdRadio_Background_Color:var(--sapField_Background); + --fdRadio_Inner_Border_Width:var(--sapField_BorderWidth); + --fdRadio_Inner_Border_Style:var(--sapField_Selector_BorderStyle); + --fdRadio_Inner_Border_Color:var(--sapField_BorderColor); + --fdRadio_Active_Dot_Color:var(--sapContent_Selected_ForegroundColor); + --fdRadio_Hover_Background_Color:var(--sapContent_Selected_Hover_Background); + --fdRadio_Inner_Content_Size:0.75rem; + --fdRadio_Inner_Content_Size_Compact:0.5rem; + --fdRadio_Inner_Content_Padding:1rem; + --fdRadio_Inner_Content_Padding_Compact:0.75rem; + --fdRadio_Focus_Outline_Offset:0.25rem; + --fdRadio_Outline_Border_Radius:0.8rem; + --fdRadio_Compact_Outline_Border_radius:0.5rem; + --fdRadio_Background_Color_Default:var(--sapField_Background); + --fdRadio_Inner_Border_Width_Default:var(--sapField_BorderWidth); + --fdRadio_Inner_Border_Style_Default:var(-sapField_Selector_BorderStyle); + --fdRadio_Inner_Border_Color_Default:var(--sapField_BorderColor); + --fdRadio_Active_Dot_Color_Default:var(--sapContent_Selected_ForegroundColor); + --fdRadio_Background_Color_Default_Hover:var(--sapContent_Selected_Hover_Background); + --fdRadio_Inner_Border_Width_Default_Hover:var(--sapField_BorderWidth); + --fdRadio_Inner_Border_Style_Default_Hover:var(--sapField_Selector_BorderStyle); + --fdRadio_Inner_Border_Color_Default_Hover:var(--sapField_Hover_BorderColor); + --fdRadio_Active_Dot_Color_Default_Hover:var(--sapContent_Selected_ForegroundColor); + --fdRadio_Background_Color_ReadOnly:var(--sapField_ReadOnly_Background); + --fdRadio_Inner_Border_Width_ReadOnly:var(--sapElement_BorderWidth); + --fdRadio_Inner_Border_Style_ReadOnly:var(--sapField_Selector_ReadOnly_BorderStyle); + --fdRadio_Inner_Border_Color_ReadOnly:var(--sapField_ReadOnly_BorderColor); + --fdRadio_Active_Dot_Color_ReadOnly:var(--sapField_TextColor); + --fdRadio_Background_Color_Error:var(--sapField_InvalidBackground); + --fdRadio_Inner_Border_Width_Error:var(--sapField_InvalidBorderWidth); + --fdRadio_Inner_Border_Style_Error:var(--sapField_Selector_InvalidBorderStyle); + --fdRadio_Inner_Border_Color_Error:var(--sapField_InvalidColor); + --fdRadio_Active_Dot_Color_Error:var(--sapField_InvalidColor); + --fdRadio_Background_Color_Error_Hover:var(--sapField_Hover_Background); + --fdRadio_Background_Color_Warning:var(--sapField_WarningBackground); + --fdRadio_Inner_Border_Width_Warning:var(--sapField_WarningBorderWidth); + --fdRadio_Inner_Border_Style_Warning:var(--sapField_Selector_WarningBorderStyle); + --fdRadio_Inner_Border_Color_Warning:var(--sapField_WarningColor); + --fdRadio_Active_Dot_Color_Warning:var(--sapField_WarningColor); + --fdRadio_Background_Color_Warning_Hover:var(--sapField_Hover_Background); + --fdRadio_Background_Color_Success:var(--sapField_SuccessBackground); + --fdRadio_Inner_Border_Width_Success:var(--sapField_SuccessBorderWidth); + --fdRadio_Inner_Border_Style_Success:var(--sapField_Selector_SuccessBorderStyle); + --fdRadio_Inner_Border_Color_Success:var(--sapField_SuccessColor); + --fdRadio_Active_Dot_Color_Success:var(--sapField_SuccessColor); + --fdRadio_Background_Color_Success_Hover:var(--sapField_Hover_Background); + --fdRadio_Background_Color_Information:var(--sapField_InformationBackground); + --fdRadio_Inner_Border_Width_Information:var(--sapField_InformationBorderWidth); + --fdRadio_Inner_Border_Style_Information:var(--sapField_Selector_InformationBorderStyle); + --fdRadio_Inner_Border_Color_Information:var(--sapField_InformationColor); + --fdRadio_Active_Dot_Color_Information:var(--sapField_InformationColor); + --fdRadio_Background_Color_Information_Hover:var(--sapField_Hover_Background); + --fdLink_Text_Content_Decoration:var(--sapLink_TextDecoration); + --fdLink_Text_Content_Decoration_Subtle:underline; + --fdLink_Text_Content_Decoration_Subtle_Hover:none; + --fdLink_Text_Content_Decoration_Subtle_Active:underline; + --fdLink_Text_Content_Decoration_Hover:var(--sapLink_Hover_TextDecoration); + --fdLink_Text_Content_Decoration_Focus:underline; + --fdLink_Text_Content_Decoration_Active:var(--sapLink_Active_TextDecoration); + --fdLink_Text_Content_Decoration_Visited:var(--sapLink_TextDecoration); + --fdLink_Text_Content_Decoration_Disabled:var(--sapLink_TextDecoration); + --fdLink_Text_Focus_Color:var(--sapContent_ContrastTextColor); + --fdLink_Focus_Background:var(--sapContent_FocusColor); + --fdLink_Focus_Border_Radius:0.125rem; + --fdLink_Focus_Text_Shadow:none; + --fdLink_Hover_Outline_Offset:0; + --fdLink_Hover_Outline_Width:0; + --fdLink_Hover_Outline_Color:unset; + --fdLink_Hover_Outline_Style:none; + --fdLink_Display:inline-flex; + --fdLink_Icon_Spacing:0.125rem; + --fdVerticalNav_Border_Corner_Radius:var(--sapElement_BorderCornerRadius); + --fdVerticalNav_Icon_Color:var(--sapHighlightColor); + --fdVerticalNav_Item_Expanded_Box_Shadow:none; + --fdVerticalNav_Item_Expanded_Border_Radius:none; + --fdVerticalNav_Item_Expanded_Margin:0; + --fdVerticalNav_Item_Expanded_Padding_Left:0.75rem; + --fdVerticalNavigation_Indicator_Spacing:0; + --fdVerticalNav_Item_Expandable_Margin_Block:0; + --fdVerticalNav_Item_Border_Top_Bottom:var(--sapList_BorderWidth) solid var(--sapList_BorderColor); + --fdVerticalNav_Expanded_Item_Margin_Left:-0.75rem; + --fdVerticalNav_Item_Text_Spacing:2.75rem; + --fdVerticalNav_Item_Focus_Outline_Offset:-0.3125rem; + --fdVerticalNav_Indicator_Height:2rem; + --fdVerticalNav_Item_Indicator_Top:0; + --fdVerticalNav_Item_Indicator_Height:2.75rem; + --fdVerticalNav_Item_Text_No_Icon_Margin:1rem; + --fdVerticalNav_Item_Child_Text_Color:var(--sapList_TextColor); + --fdVerticalNav_Item_Indicated_Outline_Offset:-0.375rem; + --fdRating_Indicator_Selected_Hover_Opacity:0.9; + --fdRating_Indicator_Display_Only_Selected_Color:var(--sapTextColor); + --fdRating_Indicator_Disabled_Selected_Color:var(--sapContent_RatedColor); + --fdRating_Indicator_Disabled_Unselected_Color:var(--sapContent_UnratedColor); + --fdRating_Indicator_Disabled_Control_Opacity:0.4; + --fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio:0.75; + --fdRating_Indicator_Border_Radius:0.25rem; + --fdRating_Indicator_Focus_Outline_Offset:0.125rem; + --fdSelect_Expanded_Button_Border_Left_Color:transparent; + --fdSelect_Expanded_Button_Border_Left_Color_Hover:transparent; + --fdTile_Border:0.0625rem solid var(--sapTile_BorderColor); + --fdTile_Hover_Box_Shadow:var(--sapContent_Shadow2); + --fdTile_Hover_Border:var(--fdTile_Border); + --fdTile_Title_Font_Size:var(--sapFontHeader6Size); + --fdTile_Title_Font_Weight:bold; + --fdSlide_Tile_Title_Font_Weight:bold; + --fdSlide_Tile_Title_Color:var(--sapTile_OverlayForegroundColor); + --fdSlide_Tile_Title_Text_Shadow:none; + --fdSlide_Tile_Background_Color:var(--sapTile_OverlayBackground); + --fdSlide_Tile_Background_Opacity:1; + --fdSlide_Tile_Indicator_Dot_Size:0.375rem; + --fdSlide_Tile_Indicator_Ative_Dot_Size:0.375rem; + --fdSlide_Tile_Indicator_Dot_Spacing:0.188rem; + --fdSlide_Tile_Indicator_Dot_Color:transparent; + --fdSlide_Tile_Indicator_Active_Dot_Color:var(--sapTile_OverlayForegroundColor); + --fdSlide_Tile_Indicator_Dot_Border:solid 0.0625rem var(--sapTile_OverlayForegroundColor); + --fdSlide_Tile_Indicator_Dot_Opacity:0.6; + --fdSlide_Tile_Indicator_Dot_Shadow:0 0 0.125rem var(--sapContent_ShadowColor); + --fdSlide_Tile_Indicator_Active_Dot_Border:none; + --fdSlide_Tile_Indicator_Active_Dot_Shadow:0 0 0.063rem var(--sapContent_ShadowColor); + --fdProgress_Indicator_Height:2rem; + --fdProgress_Indicator_Background_Color_Neutral:var(--sapProgress_Value_Background); + --fdProgress_Indicator_Background_Color_Informative:var(--sapProgress_Value_InformationBackground); + --fdProgress_Indicator_Background_Color_Positive:var(--sapProgress_Value_PositiveBackground); + --fdProgress_Indicator_Background_Color_Negative:var(--sapProgress_Value_NegativeBackground); + --fdProgress_Indicator_Background_Color_Critical:var(--sapProgress_Value_CriticalBackground); + --fdProgress_Indicator_Container_Background_Neutral:var(--sapProgress_Background); + --fdProgress_Indicator_Container_Background_Informative:var(--sapProgress_InformationBackground); + --fdProgress_Indicator_Container_Background_Positive:var(--sapProgress_PositiveBackground); + --fdProgress_Indicator_Container_Background_Negative:var(--sapProgress_NegativeBackground); + --fdProgress_Indicator_Container_Background_Critical:var(--sapProgress_CriticalBackground); + --fdProgress_Indicator_Container_Border_Neutral:var(--sapProgress_BorderColor); + --fdProgress_Indicator_Container_Border_Informative:var(--sapProgress_InformationBorderColor); + --fdProgress_Indicator_Container_Border_Positive:var(--sapProgress_PositiveBorderColor); + --fdProgress_Indicator_Container_Border_Critical:var(--sapProgress_CriticalBorderColor); + --fdProgress_Indicator_Container_Border_Negative:var(--sapProgress_NegativeBorderColor); + --fdProgress_Indicator_Border_Right:var(--fdProgress_Indicator_Progress_Bar_Border); + --fdProgress_Icon_Space_Before_Label:0; + --fdProgress_Icon_Informative:""; + --fdProgress_Icon_Positive:""; + --fdProgress_Icon_Negative:""; + --fdProgress_Icon_Critical:""; + --fdProgress_Icon_Color_Informative:var(--sapProgress_Value_InformationTextColor); + --fdProgress_Icon_Color_Positive:var(--sapProgress_Value_PositiveTextColor); + --fdProgress_Icon_Color_Critical:var(--sapProgress_Value_CriticalTextColor); + --fdProgress_Icon_Color_Negative:var(--sapProgress_Value_NegativeTextColor); + --fdProgress_Indicator_Container_Position:relative; + --fdProgress_Indicator_Container_Height:0.375rem; + --fdProgress_Indicator_Container_Margin_Block:1.25rem 0.375rem; + --fdProgress_Indicator_Container_Margin_Inline:0; + --fdProgress_Indicator_Container_Overflow:visible; + --fdProgress_Indicator_Progress_Bar_Border:0.0625rem solid; + --fdProgress_Indicator_Progress_Bar_Border_Color_Neutral:var(--sapProgress_Value_BorderColor); + --fdProgress_Indicator_Progress_Bar_Border_Color_Informative:var(--sapProgress_Value_InformationBorderColor); + --fdProgress_Indicator_Progress_Bar_Border_Color_Positive:var(--sapProgress_Value_PositiveBorderColor); + --fdProgress_Indicator_Progress_Bar_Border_Color_Negative:var(--sapProgress_Value_NegativeBorderColor); + --fdProgress_Indicator_Progress_Bar_Border_Color_Critical:var(--sapProgress_Value_CriticalBorderColor); + --fdProgress_Indicator_Progress_Bar_Height:0.625rem; + --fdProgress_Indicator_Progress_Bar_Margin_Block:-0.1875rem 0; + --fdProgress_Indicator_Progress_Bar_Border_Radius:0.5rem; + --fdProgress_Indicator_Progress_Bar_Position:absolute; + --fdProgress_Indicator_Progress_Bar_Position_Left:-0.0625rem; + --fdProgress_Indicator_Progress_Bar_Position_Bottom:-0.1875rem; + --fdProgress_Indicator_Progress_Bar_Boundary_Display:inline-block; + --fdProgress_Indicator_Progress_Bar_Popover_Control_Border:var(--fdProgress_Indicator_Progress_Bar_Border); + --fdProgress_Indicator_Label_Color:var(--sapField_TextColor); + --fdProgress_Indicator_Label_Color_Contrast:var(--sapField_TextColor); + --fdProgress_Indicator_Label_Margin_Start:0; + --fdProgress_Indicator_Label_Margin_End:0; + --fdProgress_Indicator_Label_Position:absolute; + --fdProgress_Indicator_Label_Font_Size:var(--sapProgress_FontSize); + --fdProgress_Indicator_Icon_Position:absolute; + --fdProgress_Indicator_Icon_Font_Size:var(--sapFontLargeSize); + --fdProgress_Indicator_Container_Width:calc(100% - 1.25rem); + --fdMessage_Box_Shadow:var(--sapContent_Shadow1); + --fdMessage_Border:none; + --fdMessage_Border_Radius:var(--sapPopover_BorderCornerRadius); + --fdMessage_Icon_Display:block; + --fdInfo_Label_Border_Color1:var(--sapAvatar_1_Background); + --fdInfo_Label_Border_Color2:var(--sapAvatar_2_Background); + --fdInfo_Label_Border_Color3:var(--sapAvatar_3_Background); + --fdInfo_Label_Border_Color4:var(--sapAvatar_4_Background); + --fdInfo_Label_Border_Color5:var(--sapAvatar_5_Background); + --fdInfo_Label_Border_Color6:var(--sapAvatar_6_Background); + --fdInfo_Label_Border_Color7:var(--sapAvatar_7_Background); + --fdInfo_Label_Border_Color8:var(--sapAvatar_8_Background); + --fdInfo_Label_Border_Color9:var(--sapAvatar_9_Background); + --fdInfo_Label_Border_Color10:var(--sapAvatar_10_Background); + --fdInfo_Label_Background_Color1:var(--sapAvatar_1_Background); + --fdInfo_Label_Background_Color2:var(--sapAvatar_2_Background); + --fdInfo_Label_Background_Color3:var(--sapAvatar_3_Background); + --fdInfo_Label_Background_Color4:var(--sapAvatar_4_Background); + --fdInfo_Label_Background_Color5:var(--sapAvatar_5_Background); + --fdInfo_Label_Background_Color6:var(--sapAvatar_6_Background); + --fdInfo_Label_Background_Color7:var(--sapAvatar_7_Background); + --fdInfo_Label_Background_Color8:var(--sapAvatar_8_Background); + --fdInfo_Label_Background_Color9:var(--sapAvatar_9_Background); + --fdInfo_Label_Background_Color10:var(--sapAvatar_10_Background); + --fdInfo_Label_Color1:var(--sapAvatar_1_TextColor); + --fdInfo_Label_Color2:var(--sapAvatar_2_TextColor); + --fdInfo_Label_Color3:var(--sapAvatar_3_TextColor); + --fdInfo_Label_Color4:var(--sapAvatar_4_TextColor); + --fdInfo_Label_Color5:var(--sapAvatar_5_TextColor); + --fdInfo_Label_Color6:var(--sapAvatar_6_TextColor); + --fdInfo_Label_Color7:var(--sapAvatar_7_TextColor); + --fdInfo_Label_Color8:var(--sapAvatar_8_TextColor); + --fdInfo_Label_Color9:var(--sapAvatar_9_TextColor); + --fdInfo_Label_Color10:var(--sapAvatar_10_TextColor); + --fdInfo_Label_Border_Radius:0.25rem; + --fdInfo_Label_Border_Radius_Display:0.1875rem; + --fdInfo_Label_Height:1.375rem; + --fdInfo_Label_Height_Display:1rem; + --fdFileUploaderButtonsSpacing:0.125rem; + --fdVariantManagementHeadingColor:var(--sapLinkColor); + --fdVariantManagementHeadingHoverColor:var(--sapLink_Hover_Color); + --fdVariantManagementHeadingActiveColor:var(--sapLink_Active_Color); + --fdShellbar_Height:3.25rem; + --fdShellbar_Shadow:inset 0 -0.0625rem 0 0 var(--sapShell_BorderColor); + --fdShellbar_Button_Hover_Border_Color:var(--sapButton_Lite_Hover_BorderColor); + --fdShellbar_Button_Active_Border_Color:var(--sapButton_Lite_Active_BorderColor); + --fdShellbar_Search_Border:none; + --fdShellbar_Search_Category_Border:none; + --fdShellbar_Search_Category_Border_width:0; + --fdShellbar_Search_Category_Offset_Left:0.25rem; + --fdShellbar_Search_Category_Offset_Right:var(--fdShellbar_Search_Category_Offset_Left); + --fdShellbar_Search_Category_Button_Hover_Background:var(--sapShell_Hover_Background); + --fdShellbar_Search_Hover_Category_Button_Background:var(--fdShellbar_Search_Category_Button_Hover_Background); + --fdShellbar_Search_Input_Border:none; + --fdShellbar_Search_Container_Background:var(--sapShell_InteractiveBackground); + --fdShellbar_Search_Container_Hover_Background:var(--sapShell_Hover_Background); + --fdShellbar_Input_Background:var(--sapShell_InteractiveBackground); + --fdShellbar_Input_Hover_Background:var(--sapShell_Hover_Background); + --fdShellbar_Input_Color:var(--sapShell_InteractiveTextColor); + --fdShellbar_Input_Placeholder_Color:var(--sapField_PlaceholderTextColor); + --fdShellbar_Input_Border_Radius:1.125rem; + --fdShellbar_Input_Hover_Border_Color:var(--sapField_BorderColor); + --fdShellbar_Input_Addon_Dimension:1.75rem; + --fdShellbar_Input_Addon_Border_Width:var(--sapButton_BorderWidth); + --fdShellbar_Search_Hover_Background:var(--sapShell_Hover_Background); + --fdShellbar_Search_Height:1.75rem; + --fdShellbar_Search_Separator_Display:block; + --fdShellbar_Search_Button_Hover_Background:var(--fdShellbar_Input_Hover_Background); + --fdShellbar_Search_Active_Button_Background:var(--sapButton_Lite_Active_BorderColor); + --fdShellbar_Search_Active_Button_Hover_Background:var(--fdShellbar_Search_Active_Button_Background); + --fdShellbar_Search_Active_Button_Color:var(--sapButton_Emphasized_TextColor); + --fdShellbar_Active_Background:var(--sapShell_Active_Background); + --fdShellbar_Active_Shadow:0 0 0 0.125rem var(--sapButton_Lite_Active_BorderColor); + --fdShellbar_Search_Active_Outline:none; + --fdShellbar_Input_Border:none; + --fdShellbar_Input_Focus_Color:var(--sapShell_InteractiveTextColor); + --fdShellbar_Input_Focus_Background:transparent; + --fdShellbar_Input_Placeholder_Style:italic; + --fdShellbar_Button_Left_Border:0.0625rem solid var(--sapButton_Lite_Hover_BorderColor); + --fdShellbar_Input_Group_Background:0 100%/100% 0.0625rem no-repeat linear-gradient(0deg,var(--sapField_BorderColor),var(--sapField_BorderColor)) border-box; + --fdShellbar_Input_Group_Hover_Background:0 100%/100% 0.0625rem no-repeat linear-gradient(0deg,var(--sapField_Hover_BorderColor),var(--sapField_Hover_BorderColor)) border-box; + --fdShellbar_Helper_Bottom_Shadow:inset 0 -0.0625rem 0 var(--sapField_BorderColor); + --fdShellbar_Hover_Helper_Bottom_Shadow:inset 0 -0.0625rem 0 var(--sapField_Hover_BorderColor); + --fdShellbar_Helper_Display:block; + --fdShellbar_Search_Input_X_Padding:0.9rem; + --fdShellbar_Title_Color:var(--sapShell_SubBrand_TextColor); + --fdShellbar_Subtitle_Color:var(--sapObjectHeader_Subtitle_TextColor); + --fdShellbar_Branding_Hover_Background:var(--sapShell_Hover_Background); + --fdShellbar_Branding_Active_Background:var(--sapButton_Lite_Active_Background); + --fdShellbar_Branding_Hover_Border_Color:var(--sapButton_Lite_Hover_BorderColor); + --fdShellbar_Branding_Active_Border_Color:var(--sapButton_Lite_Active_BorderColor); + --fdShellbar_Button_Outline_Color:var(--sapContent_FocusColor); + --fdShellbar_SearchField_Shadow:var(--sapField_Shadow); + --fdShellbar_SearchField_Border_Radius:1.125rem; + --fdShellbar_SearchField_Background_Color_Hover:var(--sapShell_Hover_Background); + --fdShellbar_SearchField_Background_Color_Active:var(--sapShell_Active_Background); + --fdShellbar_SearchField_Input_Border:none; + --fdShellbar_SearchField_Input_Border_Hover:none; + --fdShellbar_SearchField_Input_Border_Active:none; + --fdShellbar_SearchField_Input_Background_Regular:transparent; + --fdShellbar_SearchField_Input_Background_Hover:transparent; + --fdShellbar_SearchField_Input_Background_Active:transparent; + --fdShellbar_SearchField_Input_Background_Focus:transparent; + --fdShellbar_SearchField_Input_Outline:none; + --fdShellbar_SearchField_Input_Border_Radius:0; + --fdShellbar_SearchField_Input_Outline_Offset:0; + --fdShellbar_SearchField_Input_Padding_Inline:0.875rem 0.25rem; + --fdShellbar_SearchField_Input_Text_Color:var(--sapField_TextColor); + --fdShellbar_SearchField_Input_Placeholder_TextColor:var(--sapField_PlaceholderTextColor); + --fdShellbar_SearchField_Addon_Margin_Inline:0 0.25rem; + --fdShellbar_SearchField_Button_Width:1.75rem; + --fdShellbar_SearchField_Button_Height:1.625rem; + --fdShellbar_SearchField_Button_Border_Radius:1.063rem; + --fdShellbar_SearchField_Button_Focus_Inset:-0.0625rem; + --fdShellbar_SearchField_Submit_Button_Color:var(--sapButton_Emphasized_TextColor); + --fdShellbar_SearchField_Submit_Button_Background_Color:var(--sapButton_Emphasized_Background); + --fdShellbar_SearchField_Submit_Button_Background_Color_Hover:var(--sapButton_Emphasized_Hover_Background); + --fdShellbar_SearchField_Submit_Button_Border_Color:var(--sapButton_Emphasized_BorderColor); + --fdShellbar_SearchField_Submit_Button_Border_Color_Hover:var(--sapButton_Emphasized_Hover_BorderColor); + --fdShell_Search_Field_Category_Divider_Display:block; + --fdShell_Search_Field_Category_Margin_End:0; + --fdShell_Search_Dropdown_Height:1.75rem; + --fdShell_Search_Dropdown_Border_Radius:1.125rem; + --fdShell_Search_Dropdown_Button_Radius:1.125rem; + --fdShell_Search_Dropdown_Box_Shadow_Hover:var(--sapField_Hover_Shadow); + --fdShell_Search_Dropdown_Active_Background:var(--sapShell_Active_Background); + --fdShell_Search_Dropdown_Hover_Background:var(--sapShell_Hover_Background); + --fdShell_Search_Category_Border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor); + --fdGenericTag_Spacing_Outline_Offset:0; + --fdGenericTag_Icon_Color_Hover_Error:var(--sapNegativeElementColor); + --fdGenericTag_Icon_Color_Hover_Warning:var(--sapCriticalElementColor); + --fdGenericTag_Icon_Color_Hover_Success:var(--sapPositiveElementColor); + --fdGenericTag_Icon_Color_Hover_Information:var(--sapInformativeElementColor); + --fdGenericTag_Icon_Color_Hover_Neutral:var(--sapNeutralElementColor); + --fdGenericTag_Value_Color_Hover_Error:var(--sapNegativeTextColor); + --fdGenericTag_Value_Color_Hover_Warning:var(--sapCriticalTextColor); + --fdGenericTag_Value_Color_Hover_Success:var(--sapPositiveTextColor); + --fdGenericTag_Value_Color_Hover_Information:var(--sapInformativeTextColor); + --fdGenericTag_Value_Color_Hover_Neutral:var(--sapNeutralTextColor); + --fdGenericTag_Name_Color_Hover:var(--sapList_TextColor); + --fdFlexibleColumnLayout_Toggle_Image_Color:var(--sapHighlightColor); + --fdFlexibleColumnLayout_Border:solid 0.0625rem var(--sapGroup_ContentBorderColor); + --fdFlexibleColumnLayout_Background_Solid:var(--sapContent_ForegroundColor); + --fdFlexibleColumnLayout_Background_Translucent:var(--sapGroup_ContentBackground); + --fdFlexibleColumnLayout_Background_Transparent:transparent; + --fdAvatarRatio:2rem; + --fdAvatarFontSize:1rem; + --fdAvatarOffset:-0.125rem; + --fdAvatarBackgroundSize:cover; + --fdAvatarFontStretch:condensed; + --fdAvatarBorderColor:var(--fdAvatar_Border_Color); + --fdAvatarTextShadow:var(--fdAvatar_Text_Shadow); + --fdAvatarColor:var(--fdAvatar_Color); + --fdAvatarBackgroundColor:var(--fdAvatar_BackgroundColor); + --fdAvatarBorderRadius:var(--sapElement_BorderCornerRadius); + --fdAvatarBoxShadow:none; + --fdAvatarHoverBorderColor:var(--sapAvatar_6_TextColor); + --fdAvatarHoverBackgroundColor:var(--fdAvatar_Accent_Color_Hover_6); + --fdAvatarHoverBorder:0.0625rem solid var(--fdAvatarHoverBorderColor); + --fdAvatarZoomIconFontSize:0.75rem; + --fdAvatarZoomIconDimensions:1.125rem; + --fdAvatar_BackgroundColor:var(--sapAvatar_6_Background); + --fdAvatar_Border_Color:var(--sapAvatar_6_BorderColor); + --fdAvatar_Text_Shadow:none; + --fdAvatar_Color:var(--sapAvatar_6_TextColor); + --fdAvatar_Overflow_Border_Width:0.0625rem; + --fdAvatar_Thumbnail_BorderColor:transparent; + --fdAvatar_Focus_Outline_Offset:-0.3125rem; + --fdAvatar_Focus_Outline_Radius:0.9rem; + --fdAvatar_Focus_Outline_Radius_Circle:100%; + --fdAvatarGroupItemsSpacingX:0; + --fdAvatarGroupItemsGap:0; + --fdAvatarGroupItemsSpacingY:0; + --fdAvatarGroup_Focus_Outline_Radius:10rem; + --fdAvatarGroup_Focus_Outline_Offset:-0.25rem; + --fdMessagePopover_Trigger_Font_Weight:var(--sapButton_Emphasized_FontWeight); + --fdMessagePopover_Trigger_Border_Width:var(--sapButton_BorderWidth); + --fdMessagePopover_Active_Focus_Outline_Color:var(--sapContent_FocusColor); + --fdMessagePopover_Critical_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow); + --fdMessagePopover_Critical_Hover_Text_Shadow:none; + --fdMessagePopover_Critical_Active_Text_Shadow:none; + --fdMessagePopover_Success_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow); + --fdMessagePopover_Success_Hover_Text_Shadow:none; + --fdMessagePopover_Success_Active_Text_Shadow:none; + --fdMessagePopover_Negative_Regular_Text_Shadow:var(--sapContent_ContrastTextShadow); + --fdMessagePopover_Negative_Hover_Text_Shadow:none; + --fdMessagePopover_Negative_Active_Text_Shadow:none; + --fdMessagePopover_Information_Focus_Outline_Color:var(--sapContent_FocusColor); + --fdMessagePopover_Information_Regular_Text_Shadow:var(--sapContent_TextShadow); + --fdMessagePopover_Information_Regular_Background_Color:var(--sapButton_Information_Background); + --fdMessagePopover_Information_Regular_Color:var(--sapButton_Information_TextColor); + --fdMessagePopover_Information_Regular_Border_Color:var(--sapButton_Information_BorderColor); + --fdMessagePopover_Information_Hover_Text_Shadow:var(--sapContent_TextShadow); + --fdMessagePopover_Information_Hover_Background_Color:var(--sapButton_Information_Hover_Background); + --fdMessagePopover_Information_Hover_Color:var(--sapButton_Information_Hover_TextColor); + --fdMessagePopover_Information_Hover_Border_Color:var(--sapButton_Information_Hover_BorderColor); + --fdMessagePopover_Information_Active_Text_Shadow:var(--sapContent_TextShadow); + --fdMessagePopover_Information_Active_Background_Color:var(--sapButton_Information_Active_Background); + --fdMessagePopover_Information_Active_Color:var(--sapButton_Information_Active_TextColor); + --fdMessagePopover_Information_Active_Border_Color:var(--sapButton_Information_Active_BorderColor); + --fdToken_Text_Shadow:none; + --fdToken_Border_Radius:0.375rem; + --fdToken_Text_Color:var(--sapTextColor); + --fdToken_Background_Color_Hover:var(--sapButton_Hover_Background); + --fdToken_Border_Color_Hover:var(--sapButton_TokenBorderColor); + --fdToken_Outline_Offset:0.0625rem; + --fdToken_Outline_Offset_Compact:0; + --fdToken_Background_Color_Read_Only:var(--sapButton_TokenBackground); + --fdToken_Border_Color_Read_Only:var(--sapField_ReadOnly_BorderColor); + --fdToken_Border_Color_Selected_Focus:var(var(--sapContent_FocusColor)); + --fdToken_Selected_Border:var(--sapButton_BorderWidth) solid var(--sapButton_Selected_BorderColor); + --fdToken_Selected_Font_Family:var(--sapFontSemiboldDuplexFamily); + --fdToken_Selected_Border_BottomStyle:0 100%/100% 0.125rem no-repeat linear-gradient(0deg,#0064d9,#0064d9) border-box; + --fdToken_ReadOnly_Padding_Inline:0.3125rem; + --fdToken_Focus_Border_Radius:0.5rem; + --fdCalendar_Text_Wrapper_Border:0; + --fdCalendar_Text_Wrapper_Box_Sizing:content-box; + --fdCalendar_Text_Wrapper_Margin:0; + --fdCalendar_Text_Wrapper_Height:100%; + --fdCalendar_Text_Wrapper_After_Z:0; + --fdCalendar_Text_Border_Focus:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth); + --fdCalendar_Item_Legend_Top_Border:0; + --fdCalendar_Item_Legend_Bottom_Border_Radius:0.3125rem; + --fdCalendar_Item_Selected_Legend_Height:0.25rem; + --fdCalendar_Item_Today_Selected_Bottom_Radius:0.3125rem; + --fdCalendar_Item_Text_Active_Focus:none; + --fdCalendar_Item_Text_Wrapper_Height:0.25rem; + --fdStepInput_Button_Width_Cozy:2.25rem; + --fdStepInput_Button_Width_Compact:2rem; + --fdStepInput_Button_Width_Semantic_Cozy:2.25rem; + --fdStepInput_Button_Width_Semantic_Compact:2rem; + --fdObjectStatus_TextDecoration_Regular:underline; + --fdObjectStatus_TextDecoration_Hover:none; + --fdObjectStatus_TextDecoration_Down:none; + --fdObjectStatus_TextDecoration_Visited:underline; + --fdObjectStatus_TextDecoration_Focus:underline; + --fdObjectStatus_Focus_Background:var(--sapContent_FocusColor); + --fdObjectStatus_Focus_Border_Radius:0.125rem; + --fdObjectStatus_Focus_Outline:0.125rem solid var(--sapContent_FocusColor); + --fdObjectStatus_Positive_Color_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Positive_IconColor_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Critical_Color_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Critical_IconColor_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Negative_Color_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Negative_IconColor_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Informative_Color_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Informative_IconColor_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Neutral_Color_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Neutral_IconColor_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Accent_Color_1_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Accent_Color_2_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Accent_Color_3_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Accent_Color_4_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Accent_Color_5_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Accent_Color_6_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Accent_Color_7_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Accent_Color_8_Focus:var(--sapContent_ContrastTextColor); + --fdObjectStatus_Inverted_Border_Width:0.0625rem; + --fdObjectStatus_Inverted_Underline_Width:0.125rem; + --fdObjectStatus_Inverted_Min_Width:1.375rem; + --fdObjectStatus_Inverted_Padding_Block:0.1875rem; + --fdObjectStatus_Inverted_Padding_Inline:0.25rem; + --fdObjectStatus_Inverted_Line_Height:1.375rem; + --fdObjectStatus_Inverted_Border_Radius:var(--sapButton_BorderCornerRadius); + --fdObjectStatus_Inverted_Large_Font_Family:var(--sapFontSemiBoldFamily); + --fdObjectStatus_Inverted_Neutral_Background_Regular:var(--sapNeutralBackground); + --fdObjectStatus_Inverted_Neutral_Color_Regular:var(--sapTextColor); + --fdObjectStatus_Inverted_Neutral_Border_Color_Regular:var(--sapNeutralBorderColor); + --fdObjectStatus_Inverted_Box_Shadow:inset 0 0 0 0.125rem var(--sapContent_ContrastFocusColor); + --fdObjectStatus_Inverted_Outline_Color:var(--sapContent_FocusColor); + --fdObjectStatus_Inverted_Icon_Color_Selected_Negative:var(--sapNegativeElementColor); + --fdObjectStatus_Inverted_Icon_Color_Selected_Critical:var(--sapCriticalElementColor); + --fdObjectStatus_Inverted_Icon_Color_Selected_Positive:var(--sapPositiveElementColor); + --fdObjectStatus_Inverted_Icon_Color_Selected_Informative:var(--sapInformativeElementColor); + --fdObjectStatus_Active_Text_Indication_Color_1:var(--sapIndicationColor_1_Active_TextColor); + --fdObjectStatus_Active_Text_Indication_Color_2:var(--sapIndicationColor_2_Active_TextColor); + --fdObjectStatus_Active_Text_Indication_Color_3:var(--sapIndicationColor_3_Active_TextColor); + --fdObjectStatus_Active_Text_Indication_Color_4:var(--sapIndicationColor_4_Active_TextColor); + --fdObjectStatus_Active_Text_Indication_Color_5:var(--sapIndicationColor_5_Active_TextColor); + --fdObjectStatus_Active_Text_Indication_Color_6:var(--sapIndicationColor_6_Active_TextColor); + --fdObjectStatus_Active_Text_Indication_Color_7:var(--sapIndicationColor_7_Active_TextColor); + --fdObjectStatus_Active_Text_Indication_Color_8:var(--sapIndicationColor_8_Active_TextColor); + --fdObjectStatus_Active_Text_Indication_Color_9:var(--sapIndicationColor_9_Active_TextColor); + --fdObjectStatus_Active_Text_Indication_Color_10:var(--sapIndicationColor_10_Active_TextColor); + --fdObjectStatus_Text_Shadow_Indication_Color:var(--sapContent_TextShadow); + --fdObjectStatus_Text_Indication_Color_1b:var(--sapIndicationColor_1); + --fdObjectStatus_Background_Indication_Color_1b:var(--sapIndicationColor_1b); + --fdObjectStatus_Border_Indication_Color_1b:var(--sapIndicationColor_1b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_1b:var(--sapIndicationColor_1b_Hover_Background); + --fdObjectStatus_Text_Indication_Color_2b:var(--sapIndicationColor_2); + --fdObjectStatus_Background_Indication_Color_2b:var(--sapIndicationColor_2b); + --fdObjectStatus_Border_Indication_Color_2b:var(--sapIndicationColor_2b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_2b:var(--sapIndicationColor_2b_Hover_Background); + --fdObjectStatus_Text_Indication_Color_3b:var(--sapIndicationColor_3); + --fdObjectStatus_Background_Indication_Color_3b:var(--sapIndicationColor_3b); + --fdObjectStatus_Border_Indication_Color_3b:var(--sapIndicationColor_3b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_3b:var(--sapIndicationColor_3b_Hover_Background); + --fdObjectStatus_Text_Indication_Color_4b:var(--sapIndicationColor_4); + --fdObjectStatus_Background_Indication_Color_4b:var(--sapIndicationColor_4b); + --fdObjectStatus_Border_Indication_Color_4b:var(--sapIndicationColor_4b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_4b:var(--sapIndicationColor_4b_Hover_Background); + --fdObjectStatus_Text_Indication_Color_5b:var(--sapIndicationColor_5); + --fdObjectStatus_Background_Indication_Color_5b:var(--sapIndicationColor_5b); + --fdObjectStatus_Border_Indication_Color_5b:var(--sapIndicationColor_5b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_5b:var(--sapIndicationColor_5b_Hover_Background); + --fdObjectStatus_Text_Indication_Color_6b:var(--sapIndicationColor_6); + --fdObjectStatus_Background_Indication_Color_6b:var(--sapIndicationColor_6b); + --fdObjectStatus_Border_Indication_Color_6b:var(--sapIndicationColor_6b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_6b:var(--sapIndicationColor_6b_Hover_Background); + --fdObjectStatus_Text_Indication_Color_7b:var(--sapIndicationColor_7); + --fdObjectStatus_Background_Indication_Color_7b:var(--sapIndicationColor_7b); + --fdObjectStatus_Border_Indication_Color_7b:var(--sapIndicationColor_7b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_7b:var(--sapIndicationColor_7b_Hover_Background); + --fdObjectStatus_Text_Indication_Color_8b:var(--sapIndicationColor_8); + --fdObjectStatus_Background_Indication_Color_8b:var(--sapIndicationColor_8b); + --fdObjectStatus_Border_Indication_Color_8b:var(--sapIndicationColor_8b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_8b:var(--sapIndicationColor_8b_Hover_Background); + --fdObjectStatus_Text_Indication_Color_9b:var(--sapIndicationColor_9); + --fdObjectStatus_Background_Indication_Color_9b:var(--sapIndicationColor_9b); + --fdObjectStatus_Border_Indication_Color_9b:var(--sapIndicationColor_9b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_9b:var(--sapIndicationColor_9b_Hover_Background); + --fdObjectStatus_Text_Indication_Color_10b:var(--sapIndicationColor_10); + --fdObjectStatus_Background_Indication_Color_10b:var(--sapIndicationColor_10b); + --fdObjectStatus_Border_Indication_Color_10b:var(--sapIndicationColor_10b_BorderColor); + --fdObjectStatus_Background_Hover_Indication_Color_10b:var(--sapIndicationColor_10b_Hover_Background); + --fdTokenizer_Indicator_Color:var(--sapLinkColor); + --fdNotification_Border_Radius:var(--sapTile_BorderCornerRadius); + --fdNotification_Border_Left_Right_Color:var(--sapList_BorderColor); + --fdNotification_Border_Top_Color:var(--sapList_BorderColor); + --fdNotification_Border_Left_Right_Color_Selected:var(--sapList_SelectionBorderColor); + --fdNotification_Border_Top_Color_Selected:var(--sapList_SelectionBorderColor); + --fdNotification_Border_Block_End_Color_Selected:var(--sapList_SelectionBorderColor); + --fdNotification_Background_Hover:var(--sapList_Hover_Background); + --fdNotification_Background_Active:var(--sapList_Active_Background); + --fdNotification_Background_Selected:var(--sapList_SelectionBackgroundColor); + --fdNotification_Background_Selected_Hover:var(--sapList_Hover_SelectionBackground); + --fdNotification_Title_Color_Active:var(--sapList_Active_TextColor); + --fdNotification_Paragraph_Color_Active:var(--sapList_Active_TextColor); + --fdNotification_Footer_Content_Color_Active:var(--sapList_Active_TextColor); + --fdNotification_Separator_Color_Active:var(--sapList_Active_TextColor); + --fdNotification_Border_Inline_Color_Active:var(--sapList_Active_Background); + --fdNotification_Border_Block_Start_Color_Active:var(--sapList_Active_Background); + --fdNotification_Border_Block_End_Color_Active:var(--sapList_Active_Background); + --fdNotification_Group_Header_Border_Bottom_Color:transparent; + --fdNotification_Group_Header_Margin_Block:0.75rem 0.5rem; + --fdNotification_Group_Header_Title_Font_Weight:normal; + --fdNotification_Group_Header_Title_Font_Size:var(--sapFontHeader5Size); + --fdNotification_Group_Header_Title_Color:var(--sapGroup_TitleTextColor); + --fdNotification_Group_List_Margin_Block:0 0.5rem; + --fdNotification_Group_List_Margin_Inline:0.5rem; + --fdNotification_Group_List_Gap:0.5rem; + --fdNotification_Growing_Item_Margin_Inline:0.5rem; + --fdNotification_Growing_Item_Margin_Block_End:0.5rem; + --fdNotification_Growing_Item_Title_Color:var(--sapButton_TextColor); + --fdNotification_Growing_Item_Title_Font_Family:var(--sapFontFamily); + --fdNotification_Growing_Item_Title_Font_Size:var(--sapFontSize); + --fdNotification_Growing_Item_Title_Font_Weight:bold; + --fdPagination_Placeholder_Dots_Width:1.5rem; + --fdPagination_Placeholder_Dots_Width_Compact:1.5rem; + --fdPagination_Elements_Spacing:0.25rem; + --fdSearchField_BorderRadius:2rem; + --fdSearchField_Border_Color:transparent; + --fdSearchField_Background_Normal:var(--sapShell_InteractiveBackground); + --fdSearchField_Background_Hover:var(--sapShell_Hover_Background); + --fdSearchField_Background_Focus:var(--sapShell_Active_Background); + --fdSearchField_Outline:var(--sapContent_FocusStyle) var(--sapContent_FocusWidth) var(--sapContent_FocusColor); + --fdSearchField_Outline_Offset:0; + --fdSearchField_Underline_Color:var(--sapField_BorderColor); + --fdSearchField_Placeholder_Color:var(--sapField_PlaceholderTextColor); + --fdSearchField_Icon_Color:var(--sapContent_NonInteractiveIconColor); + --fdNavigation_Link_Border_Radius:var(--sapButton_BorderCornerRadius); + --fdNavigation_Link_Transition:background-color 0.3s ease-in-out,width 0.3s ease-in-out; + --fdNavigation_Link_Border_Color_Normal:transparent; + --fdNavigation_Link_Border_Bottom_Color_Normal:transparent; + --fdNavigation_Link_Border_Color_Hover:transparent; + --fdNavigation_Link_Border_Color_Active:transparent; + --fdNavigation_Link_Border_Color_Selected:transparent; + --fdNavigation_Link_Border_Color_Focus:transparent; + --fdNavigation_Link_Selected_Background:var(--sapList_Hover_SelectionBackground); + --fdNavigationMenu_Item_Border_Radius:0.375rem; + --fdNavigationMenu_Item_Transition:background-color 0.3s ease-in-out; + --fdNavigationMenu_Item_Border_Color_Normal:transparent; + --fdNavigationMenu_Item_Border_Bottom_Color_Normal:transparent; + --fdNavigationMenu_Item_Border_Color_Hover:transparent; + --fdNavigationMenu_Item_Border_Color_Active:transparent; + --fdNavigationMenu_Item_Border_Color_Selected:transparent; + --fdNavigationMenu_Item_Border_Color_Focus:transparent; + --fdNavigationList_Content_Border_Radius:var(--sapButton_BorderCornerRadius); + --fdNavigationList_Content_Border_Color:transparent; + --fdNavigationList_Content_Outline_Offset:-0.125rem; + --fdToolHeader_Border_Color:transparent; + --sapToolHeader_Product_Name_Color:var(--sapShell_GroupTitleTextColor); + --sapToolHeader_Product_Name_Font_Size:1.125rem; + --sapToolHeader_Second_Title_Color:var(--sapContent_LabelColor); + --sapToolHeader_Second_Title_Font_Size:var(--sapFontSize); + --sapToolHeader_Second_Title_Offset:0.125rem; + --sapToolHeader_Min_Height_Compact:3.25rem; + --sapToolHeader_Min_Height_Cozy:3.75rem; + --sapToolHeader_Border_Radius:0.5rem; + --sapToolHeader_Paddings_Y:0.5625rem; + --fdTextarea_Line_Height:1.5; + --sapMenu_Shadow1:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32); + --sapMenu_Shadow2:0 0 0.125rem 0 rgba(0,0,0,.48),0 1rem 2rem 0 rgba(0,0,0,.64); + --sapNotifications_Shadow2:0 0 0.125rem 0 rgba(0,0,0,.48),0 1rem 2rem 0 rgba(0,0,0,.64); + --sapSearchHover_Shadow:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32),0 0 0 0.0625rem rgba(169,180,190,.16); + --sapMenu_Background:var(--sapList_Background); + --sapMenu_Hover_Background:var(--sapList_Hover_Background); + --sapMenu_Active_Background:var(--sapList_Active_Background); + --sapMenu_Selected_Background:var(--sapList_Hover_SelectionBackground); + --sapNavigation_Shadow1:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32); + --sapNavigation_Shadow2:0 0 0.125rem 0 rgba(0,0,0,.48),0 1rem 2rem 0 rgba(0,0,0,.64); + --sapNavigation_Background:var(--sapList_Background); + --sapNavigation_Hover_Background:var(--sapList_Hover_Background); + --sapNavigation_Active_Background:var(--sapList_Active_Background); + --sapNavigation_Selected_Background:var(--sapList_Hover_SelectionBackground); + --fdSwitch_Semantic_Error_Handle_Border_Color:var(--sapButton_Track_Negative_Background); + --fdSwitch_Semantic_Success_Handle_Border_Color:var(--sapButton_Track_Positive_Background); + --fdOverlay_Background_Opacity:0.6; + --fdDynamicPage_Hover_Border_Bottom:none; + --fdDynamicPage_Title_Header_Transparent_Background:transparent; + --fdDynamicPage_Button_Left_Gradient:linear-gradient(to left,var(--sapObjectHeader_BorderColor),transparent); + --fdDynamicPage_Button_Right_Gradient:linear-gradient(to right,var(--sapObjectHeader_BorderColor),transparent); + --fdDynamicPage_Button_Group_Background:var(--sapObjectHeader_BorderColor); + --fdDynamicPage_Content_List_Background:var(--sapGroup_ContentBackground); + --fdDynamicPage_Content_Transparent_Background:transparent; + --fdSideNav_Text_Shadow:none; + --fdVerticalNav_Text_Shadow:none; + --fdTime_Text_Shadow:none; + --fdSelect_Text_Shadow:none; + --fdSelect_Button_Interractive_SideBorder:none; + --fdPopover_Border_Radius:var(--sapPopover_BorderCornerRadius); + --fdPopover_Border_Width:0.0625rem; + --fdPopover_Border_Color:#636669; + --fdProductSwitch_Text_Shadow:none; + --fdProductSwitch_Shadow:none; + --fdMenu_Text_Shadow:none; + --fdList_Button_Spacing:0.125rem; + --fdList_Growing_Font_Weight:bold; + --fdList_Active_Outline_Color:var(--sapContent_FocusColor); + --fdInputGroup_Text_Shadow:none; + --fdInputGroup_ControlButton_SideBorder:var(--sapButton_BorderWidth) solid transparent; + --fdInputGroup_ControlButton_SideBorder_Active:solid var(--sapButton_BorderWidth) transparent; + --fdInput_Text_Shadow:none; + --fdInput_State_Text_Style:normal; + --fdInput_State_Font_Weight:normal; + --fdInput_State_Border_Type:solid; + --fdPlaceholder_Font_Style:italic; + --fdInput_Outline_Offset:-0.125rem; + --fdInput_Outline_Offset_States:-0.125rem; + --fdCalendar_Text_Shadow:none; + --fdCalendar_Active_Item_Border:0.125rem solid var(--sapList_SelectionBorderColor); + --fdCalendar_Active_Focus_Item_Outline_Color:var(--sapList_SelectionBorderColor); + --fdCalendar_Active_Focus_Item_Outline_Offset:-0.375rem; + --fdCalendar_Item_Current_Border:none; + --fdCalendar_Border_Radius:var(--sapButton_BorderCornerRadius); + --fdCalendar_Item_Active_Background_Hover:var(--sapList_Hover_Background); + --fdCalendar_Special_Day_Marker_Height:0.3125rem; + --fdCalendar_Item_Current_Inner_Border_Color:transparent; + --fdCalendar_Item_Current_Active_Special_Day_Width:calc(100% - 0.25rem); + --fdCalendar_Item_Current_Active_Special_Day_Height:calc(100% - 1.25rem); + --fdCalendar_Item_Current_Active_Special_Day_Bottom:0.125rem; + --fdCalendar_Item_Current_Active_Special_Day_Left:auto; + --fdCalendar_Item_Current_Active_Special_Day_Right:auto; + --fdCalendar_Month_Year_Item_Border_Radius:var(--sapButton_BorderCornerRadius); + --fdCalendar_Active_Item_Font_Weight:var(--sapFontBoldFamily); + --fdFormHeader_Border_Width:var(--sapList_BorderWidth); + --fdBadge_Border_Color:var(--sapGroup_ContentBorderColor); + --fdDialog_Background_Opacity:0.6; + --fdMessageStrip_Border_Width:0.0625rem; + --fdMessageStrip_Border_Radius:var(--sapPopover_BorderCornerRadius); + --fdMessageStrip_Border_Color_Success:var(--sapMessage_SuccessBorderColor); + --fdMessageStrip_Border_Color_Error:var(--sapMessage_ErrorBorderColor); + --fdMessageStrip_Border_Color_Warning:var(--sapMessage_WarningBorderColor); + --fdMessageStrip_Border_Color_Neutral:var(--sapNeutralBorderColor); + --fdMessageStrip_Border_Color_Informative:var(--sapMessage_InformationBorderColor); + --fdMessageStrip_Icon_Color_Success:var(--sapPositiveElementColor); + --fdMessageStrip_Icon_Color_Error:var(--sapNegativeElementColor); + --fdMessageStrip_Icon_Color_Warning:var(--sapCriticalElementColor); + --fdMessageStrip_Icon_Color_Neutral:var(--sapNeutralElementColor); + --fdMessageStrip_Icon_Color_Information:var(--sapInformativeElementColor); + --fdPage_List_Background:var(--sapGroup_ContentBackground); + --fdPage_Transparent_Background:transparent; + --fdList_Item_Action_Border:var(--sapList_BorderWidth) solid var(--sapList_BorderColor); + --fdList_Item_Action_Button_Size:100%; + --fdList_Item_Action_Button_Size_Compact:100%; + --fdList_Item_Action_Button_Spacing:0; + --fdList_Item_Action_Button_Border:none; + --fdList_Item_Action_Button_Border_Radius:0; + --fdTable_Hover_Down_Color:inherit; + --fdFeed_Input_Placeholder_Font_Style:italic; + --fdToolbar_Auto_Background:var(--sapToolbar_Background); + --fdToolbar_Solid_Background:var(--sapToolbar_Background); + --fdToolbar_Transparent_Background:transparent; + --fdToolbar_Info_Outline_Color:var(--sapContent_FocusColor); + --sapToolHeader_Shadow1:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32); + --fdMicro_Process_Flow_Icon_Color:var(--sapButton_Neutral_Background); + --fdMicro_Process_Flow_Active_Icon_Color:var(--sapContent_ContrastIconColor); + --sapIllus_BrandColorPrimary:var(--sapContent_Illustrative_Color1); + --sapIllus_BrandColorSecondary:var(--sapContent_Illustrative_Color2); + --sapIllus_AccentColor:var(--sapContent_Illustrative_Color3); + --sapIllus_StrokeDetailColor:var(--sapContent_Illustrative_Color4); + --sapIllus_Layering1:var(--sapContent_Illustrative_Color5); + --sapIllus_Layering2:var(--sapContent_Illustrative_Color6); + --sapIllus_BackgroundColor:var(--sapContent_Illustrative_Color7); + --sapIllus_ObjectFillColor:var(--sapContent_Illustrative_Color8); + --sapIllus_NoColor:none; + --sapIllus_PatternShadow:url(#sapIllus_PatternShadow); + --sapIllus_PatternHighlight:url(#sapIllus_PatternHighlight); + --fdText_Selected_Background_Color:var(--sapSelectedColor); + --fdMessage_Page_Container_Background:var(--sapGroup_ContentBackground); + --fdMessage_Page_Container_Corner_Radius:var(--sapElement_BorderCornerRadius); + --fdMessage_Page_Title_Margin_Top:2rem; + --fdMessage_Page_Title_Margin_Bottom:0.5rem; + --fdBar_Left_Area_Padding_Right:0.25rem; + --fdBar_Middle_Area_Padding_X:0.25rem; + --fdBar_Right_Area_Padding_Left:0.25rem; + --fdObject_List_Title_Font_Size:var(--sapFontHeader5Size); + --fdObject_List_Title_Font_Weight:bolder; + --fdObject_List_Number_Font_Size:1.25rem; + --fdToolLayout_Background:#0a0d10; + --sapSplitPane_Shadow1:0 0 0.125rem 0 rgba(0,0,0,.16),0 0.5rem 1rem 0 rgba(0,0,0,.32); + --fdModal_BackgroundColor:rgba(0,0,0,.2); + --fdUserMenu_User_Name_Font_Family:var(--sapFontBoldFamily); +} :root { --vp-c-brand-1: var(--sapBrandColor, #0070f2); --vp-c-brand-2: var(--sapHighlightColor, #0064d9); @@ -49,14 +4694,12 @@ --vp-c-default-1: var(--sapButton_BorderColor, #0064d9); --vp-c-default-soft: var(--sapField_Background, #f5f6f7); } - /* Sticky shellbar */ .fd-shellbar { position: sticky; top: 0; z-index: 100; } - /* Shellbar text color overrides */ .fd-shellbar .fd-shellbar__title { color: var(--sapShell_TextColor, #fff); @@ -92,13 +4735,11 @@ #notification-badge:empty { display: none; } - /* Nav links layout */ .fd-shellbar nav { display: inline-flex; align-items: center; } - /* Shellbar separator between nav items and controls */ .shellbar-separator { display: inline-block; @@ -108,7 +4749,6 @@ background: rgba(255,255,255,0.3); margin: 0 0.5rem; } - /* Nav dropdown (custom shellbar popover) */ .shellbar-nav-dropdown { position: relative; @@ -219,7 +4859,6 @@ html.dark .share-popover__label { html.dark .share-popover__status { color: #36a956; } - /* Theme toggle switch */ .theme-toggle { background: none; @@ -272,7 +4911,6 @@ html.dark .share-popover__status { .theme-toggle-moon { opacity: 0.5; } [data-theme="dark"] .theme-toggle-sun { opacity: 0.5; } [data-theme="dark"] .theme-toggle-moon { opacity: 1; } - /* User menu (shellbar profile) */ #user-menu { position: relative; @@ -335,7 +4973,6 @@ html.dark .share-popover__status { margin-top: 0.5rem; width: 100%; } - /* Body font */ body { font-family: var(--sapFontFamily, '72', '72full', Arial, Helvetica, sans-serif); @@ -350,7 +4987,6 @@ body { flex-direction: column; } body > main { flex: 1 0 auto; } - /* Breadcrumb dropdown toggle */ .breadcrumb-dropdown-toggle { background: none; @@ -370,19 +5006,16 @@ body > main { flex: 1 0 auto; } .nav-dropdown-container { position: relative; } - /* Tutorial breadcrumb bar */ .tutorial-breadcrumbs { max-width: 1280px; margin: 0 auto; padding: 0.625rem 2rem; } - .fd-breadcrumb__separator { display: inline-flex; align-items: center; } - /* ── Action bar (feedback / share / nav pills) ── */ .action-bar { background: var(--sapShellColor, #354a5f); @@ -422,7 +5055,6 @@ body > main { flex: 1 0 auto; } } .action-link:hover { opacity: 1; color: var(--sapShell_TextColor, #fff); } .action-link svg { flex-shrink: 0; } - /* Nav pills */ .nav-pill { display: inline-flex; @@ -465,7 +5097,6 @@ body > main { flex: 1 0 auto; } background: rgba(255,255,255,0.9); color: var(--sapShellColor, #354a5f); } - /* Popup overlay */ .popup-hidden { display: none !important; } .popup-overlay { @@ -564,20 +5195,17 @@ body > main { flex: 1 0 auto; } transition: transform 0.15s; } .share-icon:hover { transform: scale(1.1); } - /* Bottom nav */ /* Next Steps section */ .next-steps { margin-top: 2rem; } - .next-steps-heading { font-size: 1.125rem; font-weight: 700; margin-bottom: 0.75rem; color: var(--sapTextColor, #32363a); } - .next-steps-card { display: block; position: relative; @@ -588,11 +5216,9 @@ body > main { flex: 1 0 auto; } text-decoration: none; transition: box-shadow 0.15s; } - .next-steps-card:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } - .next-steps-label { display: block; font-size: 0.6875rem; @@ -602,14 +5228,12 @@ body > main { flex: 1 0 auto; } color: var(--sapContent_LabelColor, #6a6d70); margin-bottom: 0.25rem; } - .next-steps-title { display: block; font-size: 1rem; font-weight: 600; color: var(--sapLinkColor, #0064d9); } - .next-steps-meta { display: inline-flex; align-items: center; @@ -618,11 +5242,9 @@ body > main { flex: 1 0 auto; } font-size: 0.8125rem; color: var(--sapContent_LabelColor, #6a6d70); } - .next-steps-time-icon { font-size: 0.875rem; } - .next-steps-expand { position: absolute; right: 1rem; @@ -632,25 +5254,21 @@ body > main { flex: 1 0 auto; } color: var(--sapLinkColor, #0064d9); font-weight: 300; } - /* Related Tutorials rail (v1 recommendations) */ .next-steps-rail { margin-top: 1.5rem; } - .next-steps-rail-heading { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; color: var(--sapTextColor, #32363a); } - .next-steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.75rem; } - .next-steps-rail-card { display: block; padding: 0.875rem 1rem; @@ -660,21 +5278,17 @@ body > main { flex: 1 0 auto; } text-decoration: none; transition: box-shadow 0.15s, transform 0.15s; } - .next-steps-rail-card:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } - .next-steps-rail-card .next-steps-title { font-size: 0.9375rem; line-height: 1.3; } - .next-steps-rail-card .next-steps-meta { font-size: 0.75rem; } - .tutorial-nav-bottom { display: flex; align-items: center; @@ -683,7 +5297,6 @@ body > main { flex: 1 0 auto; } border-top: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9); } .nav-spacer { flex: 1; } - /* Sidebar back-to-top link */ .step-toc-back { display: block; @@ -697,7 +5310,6 @@ body > main { flex: 1 0 auto; } text-decoration: none; } .step-toc-back:hover { text-decoration: underline; } - /* Sidebar step label */ .step-toc-text { display: inline; @@ -705,19 +5317,16 @@ body > main { flex: 1 0 auto; } .step-toc-label { font-weight: 600; } - @media (max-width: 640px) { .feedback-options { flex-direction: column; gap: 1rem; } .popup-card { padding: 1.5rem; } .action-bar-inner { flex-wrap: wrap; gap: 0.5rem; } } - /* Prevent horizontal scrollbar from full-bleed elements */ html { overflow-x: hidden; background-color: var(--sapBackgroundColor, #f5f6f7); } - /* Tutorial page overrides */ .tutorial-page { background-color: var(--sapBackgroundColor, #f5f6f7); @@ -728,7 +5337,6 @@ html { margin: 0 auto; padding: 1.5rem 2rem; } - .tutorial-right-col { display: flex; flex-direction: column; @@ -739,26 +5347,21 @@ html { max-height: calc(100vh - 5rem); overflow-y: auto; } - .tutorial-main { background-color: var(--sapBaseColor, #fff); border-radius: 0.5rem; padding: 1.5rem; } - .tutorial-sidebar { align-self: start; } - /* Ensure proper link colors */ a { color: var(--sapLinkColor, #0064d9); } - a:hover { color: var(--sapLink_Hover_Color, #0064d9); } - /* Code blocks */ /* Code blocks with language label + copy */ .code-block { @@ -767,7 +5370,6 @@ a:hover { margin: 1rem 0; overflow: hidden; } - .code-block-header { display: flex; align-items: center; @@ -776,7 +5378,6 @@ a:hover { background: var(--sapNeutralBackground, #f5f6f7); border-bottom: 1px solid var(--sapNeutralBorderColor, #d9d9d9); } - .code-block-lang { font-size: 0.75rem; font-weight: 600; @@ -784,7 +5385,6 @@ a:hover { letter-spacing: 0.05em; color: var(--sapContent_LabelColor, #6a6d70); } - .code-block-copy { display: inline-flex; align-items: center; @@ -797,32 +5397,26 @@ a:hover { padding: 0.25rem 0.5rem; border-radius: 0.25rem; } - .code-block-copy:hover { background: var(--sapList_Hover_Background, #eaecee); } - .code-block-copy .copy-label { font-weight: 500; } - .code-block-body pre { margin: 0; border-radius: 0; border: none; } - pre { background-color: var(--sapField_Background, #f5f6f7); padding: 1rem; border-radius: 0.375rem; overflow-x: auto; } - pre code { color: var(--sapTextColor, #32363a); } - /* Inline code */ :not(pre) > code { background-color: var(--sapField_Background, #f5f6f7); @@ -831,7 +5425,6 @@ pre code { border-radius: 0.25rem; font-size: 0.85em; } - /* Blockquotes */ blockquote { border-left: 4px solid var(--sapInformationBorderColor, #0070f2); @@ -841,7 +5434,6 @@ blockquote { color: var(--sapTextColor, #32363a); margin: 1rem 0; } - /* Tutorial meta bar (tags + time) */ .tutorial-meta { display: flex; @@ -852,28 +5444,23 @@ blockquote { font-size: 0.875rem; color: var(--sapTextColor, #32363a); } - .meta-item { display: inline-flex; align-items: center; gap: 0.35rem; } - .meta-icon { font-size: 1rem; } - .meta-level { text-transform: capitalize; } - .meta-tags { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; } - .tutorial-tag { display: inline-block; padding: 0.125rem 0.5rem; @@ -883,7 +5470,6 @@ blockquote { font-size: 0.6875rem; font-weight: 600; } - /* Step progress bar */ #progress-bar { display: flex; @@ -893,7 +5479,6 @@ blockquote { color: var(--sapContent_LabelColor, #556b82); margin: 1.25rem 0 0.5rem; } - /* Step controls (Open all / Close all) */ .step-controls { display: flex; @@ -902,16 +5487,13 @@ blockquote { margin-bottom: 1rem; font-size: 0.8125rem; } - .step-controls a { color: var(--sapLinkColor, #0064d9); text-decoration: none; } - .step-controls a:hover { text-decoration: underline; } - /* Sidebar step TOC card */ .step-toc { background-color: var(--sapBaseColor, #fff); @@ -919,26 +5501,22 @@ blockquote { border-radius: 0.5rem; padding: 1rem 1.25rem; } - .step-toc h4 { margin: 0 0 0.75rem; font-size: 0.9375rem; font-weight: 700; color: var(--sapTextColor, #32363a); } - .step-toc-list { margin: 0; padding: 0; list-style: none; } - .step-toc-list li { margin-bottom: 0.5rem; font-size: 0.8125rem; line-height: 1.4; } - .step-toc-list a { display: flex; align-items: center; @@ -947,16 +5525,13 @@ blockquote { text-decoration: none; transition: color 0.15s; } - .step-toc-list a:hover { color: var(--sapBrandColor, #0070f2); } - .step-toc-list a:hover .step-toc-circle { border-color: var(--sapBrandColor, #0070f2); color: var(--sapBrandColor, #0070f2); } - .step-toc-circle { display: inline-flex; align-items: center; @@ -972,19 +5547,16 @@ blockquote { transition: border-color 0.15s, color 0.15s; position: relative; } - .step-toc-list li.active .step-toc-circle { border-color: var(--sapBrandColor, #0070f2); background: var(--sapBrandColor, #0070f2); color: #fff; } - .step-toc-list li.completed .step-toc-circle { border-color: var(--sapPositiveColor, #30914c); background: var(--sapPositiveColor, #30914c); color: #fff; } - /* Issue #568 (extended): step-nav indicator badges. Three slot indicators (quiz, codecheck, branch) sharing one visual treatment so a user can scan the step TOC and tell at a glance which steps demand which kind of work. @@ -995,26 +5567,22 @@ blockquote { or .completed (green-filled) circle). The glyph is rendered via CSS `mask-image` with `background-color: currentColor`, so each modifier only needs to override `color:` and `--mask-image:`. */ - .step-badge-row { display: inline-flex; flex-direction: row-reverse; /* rightmost slot fills first; cluster anchors right edge */ pointer-events: none; } - /* Desktop right-column TOC: float over the bubble's top-right corner. */ .step-toc-circle .step-badge-row { position: absolute; top: -4px; right: -4px; } - /* Mobile step-sheet: sit inline before the step number text. */ ui5-li .step-badge-row { vertical-align: middle; margin-right: 6px; } - .step-badge { width: 11px; height: 11px; @@ -1031,8 +5599,8 @@ ui5-li .step-badge-row { box-sizing: content-box; flex: 0 0 auto; } -.step-badge:last-child { margin-left: 0; } /* leftmost-in-row-reverse has no overlap */ - +.step-badge:last-child { margin-left: 0; } +/* leftmost-in-row-reverse has no overlap */ /* question-mark (SAP-icons-v5) — copied verbatim from @ui5/webcomponents-icons/dist/v5/question-mark.js */ .step-badge--quiz { @@ -1040,7 +5608,6 @@ ui5-li .step-badge-row { -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); } - /* source-code (SAP-icons-v5) — copied verbatim from @ui5/webcomponents-icons/dist/v5/source-code.js */ .step-badge--codecheck { @@ -1048,7 +5615,6 @@ ui5-li .step-badge-row { -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); } - /* decision (SAP-icons-v5) — copied verbatim from @ui5/webcomponents-icons/dist/v5/decision.js */ .step-badge--branch { @@ -1056,7 +5622,6 @@ ui5-li .step-badge-row { -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); } - /* ── Tutorial step accordion ── */ .tutorial-step { border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9); @@ -1065,11 +5630,9 @@ ui5-li .step-badge-row { background: var(--sapBaseColor, #fff); overflow: hidden; } - .tutorial-step.completed { border-color: var(--sapPositiveBorderColor, #30914c); } - .step-header { display: flex; align-items: center; @@ -1080,11 +5643,9 @@ ui5-li .step-badge-row { user-select: none; transition: background 0.1s; } - .step-header:hover { background: var(--sapList_Hover_Background, rgba(0, 0, 0, 0.04)); } - .step-check-circle { display: inline-flex; align-items: center; @@ -1097,20 +5658,17 @@ ui5-li .step-badge-row { flex-shrink: 0; color: transparent; } - .tutorial-step.completed .step-check-circle { border-color: var(--sapPositiveColor, #30914c); background: var(--sapPositiveColor, #30914c); color: #fff; } - .step-header-text { display: flex; flex-direction: column; flex: 1; min-width: 0; } - .step-label { font-size: 0.6875rem; font-weight: 700; @@ -1118,14 +5676,12 @@ ui5-li .step-badge-row { letter-spacing: 0.04em; color: var(--sapContent_LabelColor, #556b82); } - .step-title-text { font-size: 1.25rem; font-weight: 400; color: var(--sapBrandColor, #0070f2); line-height: 1.3; } - .step-toggle-icon { font-size: 1.25rem; font-weight: 400; @@ -1134,23 +5690,19 @@ ui5-li .step-badge-row { width: 1.25rem; text-align: center; } - .step-body { padding: 0 1.25rem 1.25rem; } - .step-divider { border: none; border-top: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9); margin: 0 0 1rem; } - .step-content { font-size: 0.9375rem; line-height: 1.7; color: var(--sapTextColor, #32363a); } - .step-content h2, .step-content h3, .step-content h4 { @@ -1158,21 +5710,17 @@ ui5-li .step-badge-row { margin-bottom: 0.5rem; color: var(--sapTextColor, #32363a); } - .step-content p { margin: 0.75rem 0; } - .step-content ul, .step-content ol { margin: 0.5rem 0; padding-left: 1.5rem; } - .step-content li { margin-bottom: 0.375rem; } - /* * Issue #168 — tighten malformed-nesting visuals. * @@ -1185,7 +5733,6 @@ ui5-li .step-badge-row { * more forgiving across the catalogue. The same fragmentation appears on the * legacy AEM site but is masked by tighter list CSS there. */ - /* Nested list inside a list item: collapse vertical rhythm + reduce indent. */ .step-content li > ol, .step-content li > ul { @@ -1193,21 +5740,18 @@ ui5-li .step-badge-row { margin-bottom: 0.125rem; padding-left: 1.25rem; } - /* Empty paragraphs between figures and adjacent prose are an artefact of the - * markdown -> HTML pipeline (an empty line between `` and the + * markdown -> HTML pipeline (an empty line between `\3c !-- border -->` and the * next image becomes `

`). They render as an extra blank line. */ .step-content p:empty { display: none; } - /* A figure dropped inside a list item should sit flush with the surrounding * prose instead of opening a centred, full-width block with extra rhythm. */ .step-content li .tutorial-figure { margin: 0.5rem 0; align-items: flex-start; } - /* Figcaption that is identical to the alt text adds noise without information. * The pipeline emits `
step1a-new-package
` for every * image that has no explicit caption -- collapse those to a smaller inline @@ -1217,7 +5761,6 @@ ui5-li .step-badge-row { font-size: 0.75rem; line-height: 1.2; } - /* When CommonMark sees `2.` indented under `1.`, it emits a NESTED *
    inside the parent
  1. . Visually un-nest those by removing * indentation, so the items read as siblings of the parent list rather than @@ -1228,7 +5771,6 @@ ui5-li .step-badge-row { margin-left: -1.5rem; list-style-position: inside; } - .step-actions { margin-top: 1.5rem; padding-top: 1rem; @@ -1237,12 +5779,10 @@ ui5-li .step-badge-row { align-items: center; gap: 0.75rem; } - .step-actions button.is-auth-disabled { opacity: 0.5; cursor: not-allowed; } - .step-actions button.is-completed { background: var(--sapPositiveColor, #30914c); border-color: var(--sapPositiveColor, #30914c); @@ -1250,11 +5790,9 @@ ui5-li .step-badge-row { cursor: default; opacity: 1; } - .step-validation-mount:empty { display: none; } - /* Progress bar segments */ .progress-segments { display: flex; @@ -1264,43 +5802,36 @@ ui5-li .step-badge-row { border-radius: 3px; overflow: hidden; } - .progress-segment { flex: 1; background: var(--sapField_Background, #e5e5e5); border-radius: 3px; transition: background 0.2s; } - .progress-segment.completed { background: var(--sapPositiveColor, #30914c); } - .progress-label { font-size: 0.8125rem; font-weight: 600; color: var(--sapContent_LabelColor, #556b82); white-space: nowrap; } - /* You will learn section */ .you-will-learn { margin: 0 0 1.5rem; } - .you-will-learn h3 { font-size: 0.9375rem; font-weight: 700; margin: 0 0 0.5rem; color: var(--sapTextColor, #32363a); } - .you-will-learn ul { margin: 0; padding: 0; list-style: none; } - .you-will-learn li { display: flex; align-items: baseline; @@ -1309,12 +5840,10 @@ ui5-li .step-badge-row { font-size: 0.875rem; line-height: 1.5; } - .you-will-learn .check-icon { color: var(--sapPositiveColor, #30914c); font-size: 0.75rem; } - /* Tutorial title & description */ .tutorial-title { font-size: 1.75rem; @@ -1323,14 +5852,12 @@ ui5-li .step-badge-row { line-height: 1.3; color: var(--sapTextColor, #32363a); } - .tutorial-description { font-size: 0.9375rem; line-height: 1.6; color: var(--sapContent_LabelColor, #556b82); margin: 0 0 1.25rem; } - /* Tutorial author line (compact single row matching production) */ .tutorial-author-line { display: flex; @@ -1342,17 +5869,14 @@ ui5-li .step-badge-row { margin-bottom: 1rem; border-bottom: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9); } - .tutorial-hidden { display: none !important; } - .author-line-section { display: flex; align-items: center; gap: 0.5rem; } - .author-line-avatar { width: 32px; height: 32px; @@ -1360,7 +5884,6 @@ ui5-li .step-badge-row { object-fit: cover; flex-shrink: 0; } - .author-line-avatar-link { display: flex; align-items: center; @@ -1368,7 +5891,6 @@ ui5-li .step-badge-row { text-decoration: none; border-radius: 50%; } - .author-line-avatar-placeholder { display: flex; align-items: center; @@ -1381,46 +5903,37 @@ ui5-li .step-badge-row { font-weight: 600; font-size: 0.8125rem; } - .author-line-name { font-weight: 600; color: var(--sapLinkColor, #0064d9); text-decoration: none; } - a.author-line-name:hover { text-decoration: underline; } - .author-line-date { font-size: 0.75rem; color: var(--sapNeutralTextColor, #6a6d70); white-space: nowrap; } - .author-line-label { font-size: 0.75rem; color: var(--sapNeutralTextColor, #6a6d70); } - .author-line-icon { color: var(--sapNeutralTextColor, #6a6d70); flex-shrink: 0; } - .author-line-created { gap: 0.375rem; } - .author-line-contributors { gap: 0.5rem; } - .author-line-avatars { display: flex; align-items: center; } - .author-line-contrib-avatar-link { display: flex; margin-left: -4px; @@ -1428,11 +5941,9 @@ a.author-line-name:hover { text-decoration: none; border-radius: 50%; } - .author-line-contrib-avatar-link:first-child { margin-left: 0; } - .author-line-contrib-avatar { width: 26px; height: 26px; @@ -1440,11 +5951,9 @@ a.author-line-name:hover { object-fit: cover; border: 2px solid var(--sapBaseColor, #fff); } - .author-line-expand-wrapper { position: relative; } - .author-line-expand-btn { display: flex; align-items: center; @@ -1458,11 +5967,9 @@ a.author-line-name:hover { cursor: pointer; transition: background 0.15s; } - .author-line-expand-btn:hover { background: var(--sapList_Hover_Background, #eaecee); } - .author-line-dropdown { display: none; position: absolute; @@ -1476,11 +5983,9 @@ a.author-line-name:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); padding: 0.375rem; } - .author-line-expand-wrapper.is-open .author-line-dropdown { display: block; } - .author-line-dropdown-item { display: flex; align-items: center; @@ -1490,11 +5995,9 @@ a.author-line-name:hover { text-decoration: none; transition: background 0.15s; } - .author-line-dropdown-item:hover { background: var(--sapList_Hover_Background, #eaecee); } - .author-line-dropdown-avatar { width: 24px; height: 24px; @@ -1502,13 +6005,11 @@ a.author-line-name:hover { object-fit: cover; flex-shrink: 0; } - .author-line-dropdown-name { font-size: 0.8125rem; font-weight: 500; color: var(--sapLinkColor, #0064d9); } - /* Tutorial prerequisites */ .tutorial-prerequisites { background: var(--sapInformationBackground, #e8f4fd); @@ -1517,27 +6018,23 @@ a.author-line-name:hover { padding: 1rem 1.25rem; margin: 0 0 1.5rem; } - .tutorial-prerequisites h3 { font-size: 0.9375rem; font-weight: 700; margin: 0 0 0.5rem; color: var(--sapTextColor, #32363a); } - .tutorial-prerequisites ul { margin: 0; padding-left: 1.25rem; list-style: disc; } - .tutorial-prerequisites li { font-size: 0.875rem; line-height: 1.5; margin-bottom: 0.25rem; color: var(--sapTextColor, #32363a); } - /* #1388: prerequisites now renders markdown structure (prose paragraphs and/or lists), not just a bullet list. Style paragraphs to match the list items and collapse the outer margins so the info box hugs its content. */ @@ -1547,24 +6044,19 @@ a.author-line-name:hover { margin: 0 0 0.5rem; color: var(--sapTextColor, #32363a); } - .tutorial-prerequisites__body > :first-child { margin-top: 0; } - .tutorial-prerequisites__body > :last-child { margin-bottom: 0; } - .tutorial-prerequisites a { color: var(--sapLinkColor, #0064d9); text-decoration: none; } - .tutorial-prerequisites a:hover { text-decoration: underline; } - /* Option tabs (multi-option steps) */ .option-tabs { margin: 1rem 0; @@ -1572,7 +6064,6 @@ a.author-line-name:hover { border-radius: 0.5rem; overflow: hidden; } - .option-tabs .fd-tabs { display: flex; border-bottom: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9); @@ -1581,7 +6072,6 @@ a.author-line-name:hover { margin: 0; list-style: none; } - .option-tabs .fd-tabs__item { padding: 0.625rem 1.25rem; font-size: 0.8125rem; @@ -1593,42 +6083,34 @@ a.author-line-name:hover { border-bottom: 2px solid transparent; transition: all 0.15s; } - .option-tabs .fd-tabs__item:hover { color: var(--sapBrandColor, #0070f2); background: var(--sapList_Hover_Background, rgba(0, 0, 0, 0.04)); } - .option-tabs .fd-tabs__item.is-selected { color: var(--sapBrandColor, #0070f2); border-bottom-color: var(--sapBrandColor, #0070f2); background: var(--sapBaseColor, #fff); } - .tab-panels { padding: 1.25rem; } - .tab-panel { font-size: 0.9375rem; line-height: 1.7; } - /* Sidebar TOC active state */ .step-toc-item.active a { color: var(--sapBrandColor, #0070f2); font-weight: 700; } - .step-toc-item.completed a { color: var(--sapPositiveColor, #30914c); } - .step-toc-item.completed a::after { content: ' ✓'; font-size: 0.6875rem; } - /* Tables in tutorial content */ .step-content table, .tutorial-main table { @@ -1637,7 +6119,6 @@ a.author-line-name:hover { margin: 1rem 0; font-size: 0.875rem; } - .step-content th, .tutorial-main th { background: var(--sapField_Background, #f5f6f7); @@ -1647,19 +6128,16 @@ a.author-line-name:hover { border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9); color: var(--sapTextColor, #32363a); } - .step-content td, .tutorial-main td { padding: 0.5rem 0.75rem; border: 1px solid var(--sapGroup_ContentBorderColor, #d9d9d9); color: var(--sapTextColor, #32363a); } - .step-content tr:nth-child(even), .tutorial-main tr:nth-child(even) { background: var(--sapField_Background, #f9fafb); } - /* Images in tutorials */ .tutorial-main img { border-radius: 0.375rem; @@ -1669,27 +6147,22 @@ a.author-line-name:hover { cursor: zoom-in; transition: transform 0.15s ease, box-shadow 0.15s ease; } - .tutorial-main img:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.06); } - html.dark .tutorial-main img { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); filter: brightness(0.9) contrast(1.05); } - html.dark .tutorial-main img:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6), 0 2px 4px rgba(0, 0, 0, 0.5); } - .tutorial-figure { margin: 1.25rem 0; display: flex; flex-direction: column; align-items: center; } - .tutorial-figcaption { margin-top: 0.5rem; font-size: 0.875rem; @@ -1698,7 +6171,6 @@ html.dark .tutorial-main img:hover { text-align: center; max-width: 90%; } - /* Headings in tutorial main area */ .tutorial-main h2 { font-size: 1.375rem; @@ -1706,14 +6178,12 @@ html.dark .tutorial-main img:hover { margin: 1.5rem 0 0.75rem; color: var(--sapTextColor, #32363a); } - .tutorial-main h3 { font-size: 1.125rem; font-weight: 700; margin: 1.25rem 0 0.5rem; color: var(--sapTextColor, #32363a); } - /* FD button Horizon styling */ .fd-button { cursor: pointer; @@ -1726,26 +6196,22 @@ html.dark .tutorial-main img:hover { border-radius: var(--sapButton_BorderCornerRadius, 0.5rem); transition: all 0.15s ease; } - .fd-button--emphasized { background: var(--sapButton_Emphasized_Background, #0070f2) !important; border-color: var(--sapButton_Emphasized_BorderColor, #0064d9) !important; color: var(--sapButton_Emphasized_TextColor, #fff) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); } - .fd-button--emphasized:hover { background: var(--sapButton_Emphasized_Hover_Background, #0064d9) !important; border-color: var(--sapButton_Emphasized_Hover_BorderColor, #0058c0) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); } - .fd-button--emphasized:active, .fd-button--emphasized.is-active { background: var(--sapButton_Emphasized_Active_Background, #0058c0) !important; border-color: var(--sapButton_Emphasized_Active_BorderColor, #004da5) !important; } - .fd-button--emphasized[disabled], .fd-button--emphasized.is-disabled { background: var(--sapButton_Background, #fff) !important; @@ -1755,32 +6221,26 @@ html.dark .tutorial-main img:hover { cursor: not-allowed; opacity: 0.4; } - .fd-button--transparent { background: transparent; border-color: transparent; color: var(--sapButton_Lite_TextColor, #0064d9); } - .fd-button--transparent:hover { background: var(--sapButton_Lite_Hover_Background, rgba(0, 100, 217, 0.06)); } - /* Search input in light mode */ .search-input { background-color: var(--sapField_Background, #fff); color: var(--sapField_TextColor, #32363a); } - /* Tutorial cards white background */ .tutorial-card { background-color: var(--sapTile_Background, #fff); } - /* ══════════════════════════════════════════════════════════════════════ Mission & Group Layout Styles ══════════════════════════════════════════════════════════════════════ */ - /* ── Shared: breadcrumb bars ── */ .mission-breadcrumb-bar, .group-breadcrumb-bar { @@ -1809,7 +6269,6 @@ html.dark .tutorial-main img:hover { color: var(--sapTextColor, #32363a); cursor: default; } - /* ── Shared: type badges ── */ .type-badge { display: inline-block; @@ -1831,7 +6290,6 @@ html.dark .tutorial-main img:hover { color: var(--sapAccentColor8, #6c32a9); border: 1px solid rgba(108, 50, 169, 0.25); } - /* In hero context, group badge uses lighter palette */ .mission-hero .type-badge--mission, .group-hero .type-badge--group { @@ -1844,7 +6302,6 @@ html.dark .tutorial-main img:hover { background: rgba(4, 108, 122, 0.2); border: 1px solid rgba(125, 211, 222, 0.3); } - /* ── Shared: meta ── */ .mission-meta, .group-meta { @@ -1864,7 +6321,6 @@ html.dark .tutorial-main img:hover { .meta-sep { opacity: 0.5; } - /* ── Shared: tag pills ── */ .mission-tags, .group-tags { @@ -1881,14 +6337,12 @@ html.dark .tutorial-main img:hover { font-weight: 600; color: rgba(255, 255, 255, 0.9); } - /* ── Mission wrapper ── */ .mission-wrapper, .group-wrapper { background: var(--sapBackgroundColor, #f5f6f7); min-height: 100vh; } - /* ── Mission hero ── */ .mission-hero, .group-hero { @@ -1926,7 +6380,6 @@ html.dark .tutorial-main img:hover { max-width: 700px; margin: 0 0 1rem; } - /* ── Mission body ── */ .mission-body, .group-body { @@ -1934,7 +6387,6 @@ html.dark .tutorial-main img:hover { margin: 0 auto; padding: 1.5rem 2rem 3rem; } - .groups-section h2, .group-body h2 { font-size: 1.25rem; @@ -1942,7 +6394,6 @@ html.dark .tutorial-main img:hover { margin: 1.5rem 0 1rem; color: var(--sapTextColor, #32363a); } - /* ── Group cards (on mission page) ── */ .group-card { background: var(--sapBaseColor, #fff); @@ -1993,7 +6444,6 @@ html.dark .tutorial-main img:hover { .group-card.expanded .group-chevron { transform: rotate(180deg); } - /* Collapse/expand group card body */ .group-card-body { margin-top: 1rem; @@ -2002,7 +6452,6 @@ html.dark .tutorial-main img:hover { .group-card.expanded .group-card-body { display: block; } - /* ── Tutorial list (shared by mission groups + group page) ── */ .group-tutorials { list-style: none; @@ -2058,7 +6507,6 @@ html.dark .tutorial-main img:hover { .tutorial-meta-row .meta-sep { color: var(--sapNeutralBorderColor, #d9d9d9); } - .group-start-link { display: inline-block; margin-top: 0.75rem; @@ -2070,7 +6518,6 @@ html.dark .tutorial-main img:hover { .group-start-link:hover { text-decoration: underline; } - /* ── Timeline (group page) ── */ .tutorial-timeline { display: flex; @@ -2194,7 +6641,6 @@ html.dark .tutorial-main img:hover { background: var(--sapHighlightColor, #0064d9); color: #fff; } - /* ── Tutorial prev/next navigation ── */ .tutorial-nav-bottom { display: flex; @@ -2205,7 +6651,6 @@ html.dark .tutorial-main img:hover { border-top: 1px solid var(--sapNeutralBorderColor, #d9d9d9); gap: 1rem; } - .tutorial-nav-prev, .tutorial-nav-next { display: inline-flex; @@ -2215,17 +6660,14 @@ html.dark .tutorial-main img:hover { font-size: 0.875rem; color: var(--sapLinkColor, #0064d9); } - .tutorial-nav-prev:hover, .tutorial-nav-next:hover { color: var(--sapLink_Hover_Color, #0064d9); text-decoration: underline; } - .tutorial-nav-next { margin-left: auto; } - /* ── Tutorial page responsive breakpoints ── */ @media (max-width: 1024px) { .tutorial-page { @@ -2236,7 +6678,6 @@ html.dark .tutorial-main img:hover { display: none; } } - /* Knowledge-graph "Related concepts" sidebar — responsive split. .kg-sidebar-desktop lives inside