From dafb5b22f65a0c19a42ae9b3732d5cb4a858f14b Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Mon, 11 Nov 2024 10:23:30 +0100 Subject: [PATCH 001/135] chore: add development docker-compose * Works with podman-compose too. * Copy .env.example to .env and add proper configs Based on: https://docs.openwebui.com/getting-started/advanced-topics/development/ --- .env.dev.example | 11 +++++++++++ .gitignore | 1 + docker-compose.dev.yaml | 35 +++++++++++++++++++++++++++++++++++ 3 files changed, 47 insertions(+) create mode 100644 .env.dev.example create mode 100644 docker-compose.dev.yaml diff --git a/.env.dev.example b/.env.dev.example new file mode 100644 index 00000000000..98c548324c9 --- /dev/null +++ b/.env.dev.example @@ -0,0 +1,11 @@ +# .env for docker-compose.dev.yaml + +# False = no login screen, the developer is automatically logged in upon opening the root +WEBUI_AUTH=False +# Set this to an arbitrary random string if WEBUI_AUTH=True +WEBUI_SECRET_KEY="< generate some random string >" + +# DO NOT TRACK +SCARF_NO_ANALYTICS=true +DO_NOT_TRACK=true +ANONYMIZED_TELEMETRY=false diff --git a/.gitignore b/.gitignore index 32271f8087e..8901e1dc42e 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,7 @@ node_modules .env .env.* !.env.example +!.env.dev.example vite.config.js.timestamp-* vite.config.ts.timestamp-* # Byte-compiled / optimized / DLL files diff --git a/docker-compose.dev.yaml b/docker-compose.dev.yaml new file mode 100644 index 00000000000..139fc2a43c9 --- /dev/null +++ b/docker-compose.dev.yaml @@ -0,0 +1,35 @@ +name: open-webui-dev + +services: + frontend: + build: + context: . + target: build + command: ["npm", "run", "dev"] + depends_on: + - backend + ports: + - "3000:5173" + extra_hosts: + - host.docker.internal:127.0.0.1 + volumes: + - ./src:/app/src + + backend: + build: + context: . + target: base + command: ["bash", "dev.sh"] + env_file: ".env" + environment: + - ENV=dev + ports: + - "8080:8080" + extra_hosts: + - host.docker.internal:127.0.0.1 + volumes: + - ./backend:/app/backend + - data:/app/backend/data + +volumes: + data: {} From 8862daa81aecb03843a3dcbe22a5b5f773487bad Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Mon, 11 Nov 2024 16:03:31 +0100 Subject: [PATCH 002/135] chore(docker-compose.dev): npm install in frontend dev container Ensure packages are uptodate. Therefor a wrapper script was added. --- docker-compose.dev.yaml | 2 +- src/frontend-dev.sh | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) create mode 100644 src/frontend-dev.sh diff --git a/docker-compose.dev.yaml b/docker-compose.dev.yaml index 139fc2a43c9..089d19561a2 100644 --- a/docker-compose.dev.yaml +++ b/docker-compose.dev.yaml @@ -5,7 +5,7 @@ services: build: context: . target: build - command: ["npm", "run", "dev"] + command: ["sh", "/app/src/frontend-dev.sh"] depends_on: - backend ports: diff --git a/src/frontend-dev.sh b/src/frontend-dev.sh new file mode 100644 index 00000000000..5bbe047198c --- /dev/null +++ b/src/frontend-dev.sh @@ -0,0 +1 @@ +npm install && npm run dev From f1b4048d196bd55cde70d01683e9de99b57da2c7 Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Tue, 12 Nov 2024 18:51:25 +0100 Subject: [PATCH 003/135] chore(docker-compose.dev): mount build configs too They get copied in the Dockerfile during container build, which is a nuisance during development. --- docker-compose.dev.yaml | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/docker-compose.dev.yaml b/docker-compose.dev.yaml index 089d19561a2..21b4506c0b7 100644 --- a/docker-compose.dev.yaml +++ b/docker-compose.dev.yaml @@ -14,6 +14,12 @@ services: - host.docker.internal:127.0.0.1 volumes: - ./src:/app/src + - ./package.json:/app/package.json + - ./package-lock.json:/app/package-lock.json + - ./vite.config.ts:/app/vite.config.ts + - ./svelte.config.js:/app/svelte.config.js + - ./tsconfig.json:/app/tsconfig.json + - ./tailwind.config.js:/app/tailwind.config.js backend: build: From b3afcfb3fd76ba5d7a8c343fa4fdf47c605354bc Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Tue, 19 Nov 2024 13:59:30 +0100 Subject: [PATCH 004/135] style: add exos color vars and style v3.0 prefixed with exos- --- src/exos.css | 74 ++++ src/lib/IONOS/components/ionos-variables.css | 339 +++++++++++++++++++ 2 files changed, 413 insertions(+) create mode 100644 src/exos.css create mode 100644 src/lib/IONOS/components/ionos-variables.css diff --git a/src/exos.css b/src/exos.css new file mode 100644 index 00000000000..d370a7e3d80 --- /dev/null +++ b/src/exos.css @@ -0,0 +1,74 @@ +.exos-button,.exos-toggle-button { + background-color: var(--secondary-button-background-color,#0000); + border: var(--button-border-width,2px) solid var(--secondary-button-border-color,#0b2a63); + border-radius: var(--button-border-radius,24px); + box-sizing: border-box; + color: var(--secondary-button-text-color,#0b2a63); + display: inline-block; + font-family: var(--button-font-family,"OpenSansSemibold",arial,sans-serif); + font-size: var(--button-font-size,14px); + line-height: 24px; + margin-right: 12px; + padding: var(--button-padding,4px 20px); + text-align: center; + text-decoration: none; + transition: color .1s ease-out,background-color .1s ease-out,border-color .1s ease-out +} + +.exos-button circle,.exos-button path,.toggle-button circle,.toggle-button path { + fill: var(--secondary-button-text-color,#0b2a63); + transition: fill .2s ease-out +} + +.exos-button::-moz-focus-inner,.toggle-button::-moz-focus-inner { + border: 0; + padding: 0 +} + +.exos-button:link,.exos-button:visited,.toggle-button:link,.toggle-button:visited { + outline: 0 none +} + +.exos-button:has(+.exos-button--hidden:last-child),.exos-button:has(+.hidden:last-child),.exos-button:last-child,.exos-button:only-child,.toggle-button:has(+.exos-button--hidden:last-child),.toggle-button:has(+.hidden:last-child),.toggle-button:last-child,.toggle-button:only-child { + margin-right: 0 +} + +.__hover.exos-toggle-button:not(.exos-button--disabled),.exos-button.__hover:not(.exos-button--disabled),.exos-button:active:not(.exos-button--disabled),.exos-button:focus:not(.exos-button--disabled),.exos-button:hover:not(.exos-button--disabled),.exos-toggle-button:active:not(.exos-button--disabled),.exos-toggle-button:focus:not(.exos-button--disabled),.exos-toggle-button:hover:not(.exos-button--disabled) { + background-color: var(--hovered-secondary-button-background-color,#0b2a63); + border: var(--button-border-width,2px) solid var(--hovered-secondary-button-border-color,#0b2a63); + color: var(--hovered-secondary-button-text-color,#fff); + cursor: pointer +} + +.__hover.exos-toggle-button:not(.exos-button--disabled) .loading-circle__circle,.exos-button.__hover:not(.exos-button--disabled) .loading-circle__circle,.exos-button:active:not(.exos-button--disabled) .loading-circle__circle,.exos-button:focus:not(.exos-button--disabled) .loading-circle__circle,.exos-button:hover:not(.exos-button--disabled) .loading-circle__circle,.exos-toggle-button:active:not(.exos-button--disabled) .loading-circle__circle,.exos-toggle-button:focus:not(.exos-button--disabled) .loading-circle__circle,.exos-toggle-button:hover:not(.exos-button--disabled) .loading-circle__circle { + animation-name: keyframes--loading-circle-bright +} + + +.exos-button--primary { + background-color: var(--primary-button-background-color,#0b2a63); + border: var(--button-border-width,2px) solid var(--primary-button-border-color,#0b2a63); + color: var(--primary-button-text-color,#fff) +} + +.exos-button--primary circle,.exos-button--primary path { + fill: var(--primary-button-text-color,#fff) +} + +.exos-button--primary.__hover:not(.exos-button--disabled),.exos-button--primary:active:not(.exos-button--disabled),.exos-button--primary:focus:not(.exos-button--disabled),.exos-button--primary:hover:not(.exos-button--disabled) { + background-color: var(--hovered-primary-button-background-color,#1474c4); + border: var(--button-border-width,2px) solid var(--hovered-primary-button-border-color,#1474c4); + color: var(--hovered-primary-button-text-color,#fff); + cursor: pointer +} + +.exos-button--primary.__hover:not(.exos-button--disabled) circle,.exos-button--primary.__hover:not(.exos-button--disabled) path,.exos-button--primary:active:not(.exos-button--disabled) circle,.exos-button--primary:active:not(.exos-button--disabled) path,.exos-button--primary:focus:not(.exos-button--disabled) circle,.exos-button--primary:focus:not(.exos-button--disabled) path,.exos-button--primary:hover:not(.exos-button--disabled) circle,.exos-button--primary:hover:not(.exos-button--disabled) path { + fill: var(--primary-button-text-color,#fff) +} + + +.exos-button--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} diff --git a/src/lib/IONOS/components/ionos-variables.css b/src/lib/IONOS/components/ionos-variables.css new file mode 100644 index 00000000000..bcf6e4c3621 --- /dev/null +++ b/src/lib/IONOS/components/ionos-variables.css @@ -0,0 +1,339 @@ +@media (prefers-color-scheme: dark) { + :root { + } +} + +@media (prefers-color-scheme: light) { + :root { + } +} + +:root,[data-exos-theme=ionos] { + --default-text-size: 14px; + --default-text-line-height: 20px; + --large-text-size: 16px; + --large-text-line-height: 22px; + --small-text-size: 12px; + --small-text-line-height: 18px; + --default-border-radius: 16px; + --small-border-radius: 8px; + --xsmall-border-radius: 4px; + --xxsmall-border-radius: 2px; + --default-border-width: 1px; + --thick-border-width: 2px; + --button-font-size: var(--default-text-size); + --button-border-width: 2px; + --button-border-radius: 24px; + --button-padding: 4px 20px; + --palette-black: #000; + --palette-white: #fff; + --palette-corporate-1: #dbedf8; + --palette-corporate-2: #95caeb; + --palette-corporate-3: #3196d6; + --palette-corporate-4: #1474c4; + --palette-corporate-5: #095bb1; + --palette-corporate-6: #003d8f; + --palette-corporate-7: #0b2a63; + --palette-corporate-8: #001b41; + --palette-corporate-9: #02102b; + --palette-success-1: #c7fae2; + --palette-success-2: #46efa0; + --palette-success-3: #12cf76; + --palette-success-4: #0fa954; + --palette-success-5: #0c8a44; + --palette-success-6: #096b35; + --palette-success-7: #074d26; + --palette-warning-1: #ffedca; + --palette-warning-2: #ffd176; + --palette-warning-3: #fa0; + --palette-warning-4: #ef8300; + --palette-warning-5: #c36b00; + --palette-warning-6: #8e4e00; + --palette-warning-7: #603500; + --palette-critical-1: #ffe4e2; + --palette-critical-2: #ffa8a3; + --palette-critical-3: #ff6159; + --palette-critical-4: #f50c00; + --palette-critical-5: #c80a00; + --palette-critical-6: #9c0800; + --palette-critical-7: #6e0500; + --palette-neutral-1: #f4f7fa; + --palette-neutral-2: #dbe2e8; + --palette-neutral-3: #bcc8d4; + --palette-neutral-4: #97a3b4; + --palette-neutral-5: #718095; + --palette-neutral-6: #465a75; + --palette-neutral-7: #2e4360; + --palette-neutral-8: #1d2d42; + --palette-neutral-9: #0a121c; + --palette-activating-1: #d2f6fc; + --palette-activating-2: #7fe4f6; + --palette-activating-3: #11c7e6; + --palette-activating-4: #08a5c5; + --palette-activating-5: #007e9c; + --palette-activating-6: #005b72; + --palette-activating-7: #003d4b; + --palette-promoting-1: #fae7fe; + --palette-promoting-2: #f0b7fb; + --palette-promoting-3: #e480f8; + --palette-promoting-4: #d746f5; + --palette-promoting-5: #b410e7; + --palette-promoting-6: #8212c2; + --palette-promoting-7: #560e8a; + --black: var(--palette-black); + --white: var(--palette-white); + --primary-text-color: var(--palette-corporate-9); + --default-text-color: var(--palette-corporate-8); + --secondary-text-color: var(--palette-neutral-6); + --tertiary-text-color: var(--palette-neutral-5); + --primary-text-color-inverted: var(--palette-neutral-1); + --default-text-color-inverted: var(--palette-neutral-2); + --secondary-text-color-inverted: var(--palette-neutral-3); + --primary-shape-color: var(--palette-neutral-7); + --default-shape-color: var(--palette-neutral-6); + --secondary-shape-color: var(--palette-neutral-5); + --tertiary-shape-color: var(--palette-neutral-3); + --primary-background-color: var(--palette-white); + --default-background-color: var(--palette-neutral-1); + --secondary-background-color: var(--palette-white); + --tertiary-background-color: var(--palette-neutral-3); + --quaternary-background-color: var(--palette-neutral-4); + --primary-background-color-inverted: var(--palette-corporate-8); + --default-background-color-inverted: var(--palette-corporate-7); + --secondary-background-color-inverted: var(--palette-neutral-6); + --tertiary-background-color-inverted: var(--palette-neutral-5); + --success-text-color: var(--palette-success-6); + --success-shape-color: var(--palette-success-4); + --caution-text-color: var(--palette-warning-4); + --caution-shape-color: var(--palette-warning-2); + --warning-text-color: var(--palette-warning-5); + --warning-shape-color: var(--palette-warning-3); + --critical-text-color: var(--palette-critical-5); + --critical-shape-color: var(--palette-critical-4); + --neutral-text-color: var(--palette-neutral-6); + --neutral-shape-color: var(--palette-neutral-5); + --activating-text-color: var(--palette-activating-5); + --activating-shape-color: var(--palette-activating-3); + --promoting-text-color: var(--palette-promoting-7); + --promoting-shape-color: var(--palette-promoting-5); + --corporate-text-color: var(--palette-corporate-7); + --corporate-shape-color: var(--palette-corporate-8); + --inactive-success-text-color: var(--palette-success-3); + --inactive-success-shape-color: var(--palette-success-3); + --inactive-warning-text-color: var(--palette-warning-2); + --inactive-warning-shape-color: var(--palette-warning-2); + --inactive-critical-text-color: var(--palette-critical-2); + --inactive-critical-shape-color: var(--palette-critical-2); + --inactive-neutral-text-color: var(--palette-neutral-3); + --inactive-neutral-shape-color: var(--palette-neutral-3); + --inactive-activating-text-color: var(--palette-activating-2); + --inactive-activating-shape-color: var(--palette-activating-2); + --inactive-promoting-text-color: var(--palette-promoting-2); + --inactive-promoting-shape-color: var(--palette-promoting-2); + --inactive-corporate-text-color: var(--palette-corporate-2); + --inactive-corporate-shape-color: var(--palette-corporate-2); + --solid-success-background-color: var(--palette-success-3); + --solid-caution-background-color: var(--palette-warning-2); + --solid-warning-background-color: var(--palette-warning-3); + --solid-critical-background-color: var(--palette-critical-3); + --solid-neutral-background-color: var(--palette-neutral-6); + --solid-activating-background-color: var(--palette-activating-3); + --solid-promoting-background-color: var(--palette-promoting-3); + --solid-corporate-background-color: var(--palette-corporate-7); + --solid-bright-background-color: var(--palette-white); + --success-background-color: var(--palette-white); + --hovered-success-background-color: var(--palette-success-1); + --warning-background-color: var(--palette-white); + --hovered-warning-background-color: var(--palette-warning-1); + --critical-background-color: var(--palette-white); + --hovered-critical-background-color: var(--palette-critical-1); + --neutral-background-color: var(--palette-white); + --hovered-neutral-background-color: var(--palette-neutral-1); + --activating-background-color: var(--palette-white); + --hovered-activating-background-color: var(--palette-activating-1); + --promoting-background-color: var(--palette-white); + --hovered-promoting-background-color: var(--palette-promoting-1); + --corporate-background-color: var(--palette-white); + --hovered-corporate-background-color: var(--palette-corporate-1); + --advertising-background-gradient-start: var(--palette-corporate-6); + --advertising-background-gradient-end: var(--palette-corporate-4); + --hovered-advertising-background-gradient-start: var(--palette-corporate-8); + --hovered-advertising-background-gradient-end: var(--palette-corporate-6); + --interactive-text-color: var(--palette-corporate-4); + --interactive-shape-color: var(--palette-corporate-4); + --hovered-interactive-text-color: var(--palette-corporate-5); + --default-shadow-color: #71809580; + --default-shadow: 0 1px 2px 0 var(--default-shadow-color); + --primary-shadow: 0 2px 8px 0 var(--default-shadow-color); + --secondary-shadow: 0 1px 0 0 var(--default-shadow-color); + --semantic-container-border-width: 0; + --semantic-section-border-width: var(--thick-border-width); + --semantic-section-border-overlapping-margin: -1px 0 0 0; + --primary-button-background-color: var(--palette-corporate-7); + --primary-button-border-color: var(--palette-corporate-7); + --primary-button-text-color: var(--palette-white); + --hovered-primary-button-background-color: var(--palette-corporate-4); + --hovered-primary-button-border-color: var(--palette-corporate-4); + --hovered-primary-button-text-color: var(--palette-white); + --bright-primary-button-background-color: var(--palette-white); + --bright-primary-button-border-color: var(--palette-white); + --bright-primary-button-text-color: var(--palette-corporate-7); + --hovered-bright-primary-button-background-color: var(--palette-corporate-2); + --hovered-bright-primary-button-border-color: var(--palette-corporate-2); + --hovered-bright-primary-button-text-color: var(--palette-corporate-7); + --activating-primary-button-background-color: var(--palette-activating-3); + --activating-primary-button-border-color: var(--palette-activating-3); + --activating-primary-button-text-color: var(--palette-corporate-7); + --hovered-activating-primary-button-background-color: var(--palette-activating-2); + --hovered-activating-primary-button-border-color: var(--palette-activating-2); + --hovered-activating-primary-button-text-color: var(--palette-corporate-7); + --promoting-primary-button-background-color: var(--palette-promoting-3); + --promoting-primary-button-border-color: var(--palette-promoting-3); + --promoting-primary-button-text-color: var(--palette-white); + --hovered-promoting-primary-button-background-color: var(--palette-promoting-2); + --hovered-promoting-primary-button-border-color: var(--palette-promoting-2); + --hovered-promoting-primary-button-text-color: var(--palette-white); + --disabled-primary-button-background-color: var(--palette-neutral-4); + --disabled-primary-button-border-color: var(--palette-neutral-4); + --disabled-primary-button-text-color: var(--palette-white); + --secondary-button-background-color: #0000; + --secondary-button-border-color: var(--palette-corporate-7); + --secondary-button-text-color: var(--palette-corporate-7); + --hovered-secondary-button-background-color: var(--palette-corporate-7); + --hovered-secondary-button-border-color: var(--palette-corporate-7); + --hovered-secondary-button-text-color: var(--palette-white); + --bright-secondary-button-background-color: #0000; + --bright-secondary-button-border-color: var(--palette-white); + --bright-secondary-button-text-color: var(--palette-white); + --hovered-bright-secondary-button-background-color: var(--palette-white); + --hovered-bright-secondary-button-border-color: var(--palette-white); + --hovered-bright-secondary-button-text-color: var(--palette-corporate-7); + --activating-secondary-button-background-color: #0000; + --activating-secondary-button-border-color: var(--palette-activating-3); + --activating-secondary-button-text-color: var(--palette-activating-3); + --hovered-activating-secondary-button-background-color: var(--palette-activating-3); + --hovered-activating-secondary-button-border-color: var(--palette-activating-3); + --hovered-activating-secondary-button-text-color: var(--palette-corporate-7); + --promoting-secondary-button-background-color: #0000; + --promoting-secondary-button-border-color: var(--palette-promoting-3); + --promoting-secondary-button-text-color: var(--palette-promoting-3); + --hovered-promoting-secondary-button-background-color: var(--palette-promoting-2); + --hovered-promoting-secondary-button-border-color: var(--palette-promoting-2); + --hovered-promoting-secondary-button-text-color: var(--palette-white); + --disabled-secondary-button-background-color: #0000; + --disabled-secondary-button-border-color: var(--palette-neutral-4); + --disabled-secondary-button-text-color: var(--palette-neutral-4); + --ghost-button-background-color: #0000; + --ghost-button-text-color: var(--palette-corporate-4); + --hovered-ghost-button-background-color: var(--palette-corporate-1); + --hovered-ghost-button-text-color: var(--palette-corporate-5); + --bright-ghost-button-background-color: #0000; + --bright-ghost-button-text-color: var(--palette-corporate-2); + --hovered-bright-ghost-button-background-color: var(--palette-corporate-6); + --hovered-bright-ghost-button-text-color: var(--palette-corporate-2); + --activating-ghost-button-background-color: #0000; + --activating-ghost-button-text-color: var(--palette-corporate-2); + --hovered-activating-ghost-button-background-color: var(--palette-corporate-6); + --hovered-activating-ghost-button-text-color: var(--palette-corporate-2); + --promoting-ghost-button-background-color: #0000; + --promoting-ghost-button-text-color: var(--palette-corporate-2); + --hovered-promoting-ghost-button-background-color: var(--palette-corporate-6); + --hovered-promoting-ghost-button-text-color: var(--palette-corporate-2); + --disabled-ghost-button-background-color: #0000; + --disabled-ghost-button-text-color: var(--palette-neutral-4); + --table-background-color: var(--white); + --table-border: 0 none #0000; + --table-border-radius: var(--default-border-radius); + --table-shadow: none; + --table-row-shadow: inset 0 -1px 0 0 var(--tertiary-shape-color); + --table-header-background-color: #0000; + --table-footer-background-color: var(--white); + --hovered-table-row-background-color: var(--palette-corporate-1); + --highlighted-table-cell-background-color: #dbedf840; + --table-search-background-color: var(--white); + --secondary-table-search-background-color: var(--white); + --table-search-border: var(--table-border); + --table-search-shadow: var(--table-shadow); + --table-search-separator: 0 none #0000; + --table-toolbar-background-color: var(--white); + --table-toolbar-border: var(--table-border); + --table-toolbar-border-bottom: 1px solid var(--tertiary-shape-color); + --table-toolbar-shadow: var(--table-shadow); + --table-toolbar-padding: 24px 16px; + --table-toolbar-bottom-spacing: 0; + --price-badge-background-color: var(--solid-warning-background-color); + --price-badge-text-color: var(--corporate-text-color); + --promoting-badge-text-color: var(--corporate-text-color); + --card-background-color: var(--white); + --card-border: 0 none #0000; + --card-shadow: none; + --distinct-card-background-color: var(--default-background-color); + --distinct-card-footer-background-color: var(--secondary-background-color); + --hovered-card-background-color: var(--hovered-corporate-background-color); + --hovered-card-border: 0 none #0000; + --hovered-card-shadow: none; + --hovered-card-visual-filter: invert(0.125) contrast(1.5); + --sheet-background-color: var(--white); + --sheet-border: 0 none #0000; + --sheet-shadow: none; + --distinct-sheet-background-color: var(--secondary-background-color); + --sheet-header-background-color: var(--secondary-background-color); + --page-message-background-color: var(--white); + --page-message-border: var(--default-border-width) solid var(--neutral-shape-color); + --page-message-border-width: var(--default-border-width); + --accordion-border: 0 none #0000; + --accordion-item-background-color: var(--white); + --accordion-item-border: 1px solid var(--tertiary-shape-color); + --hovered-accordion-shadow: none; + --panel-background-color: var(--white); + --panel-border: 0 none #0000; + --panel-shadow: none; + --hovered-panel-border: 0 none #0000; + --hovered-panel-shadow: 0 0 0 0 #0000; + --hovered-panel-headline-color: var(--interactive-text-color); + --tile-background-color: #0000; + --tile-border: 0 none #0000; + --tile-shadow: none; + --hovered-tile-background-color: var(--palette-corporate-1); + --hovered-tile-border: 0 none #0000; + --hovered-tile-shadow: none; + --filled-tile-background-color: var(--white); + --filled-tile-border: 0 none #0000; + --filled-tile-shadow: none; + --hovered-filled-tile-background-color: var(--palette-corporate-1); + --hovered-filled-tile-border: 0 none #0000; + --hovered-filled-tile-shadow: none; + --outlined-tile-background-color: #0000; + --outlined-tile-border: 1px solid var(--corporate-text-color); + --outlined-tile-shadow: none; + --hovered-outlined-tile-background-color: var(--palette-corporate-1); + --hovered-outlined-tile-border: 1px solid var(--corporate-text-color); + --hovered-outlined-tile-shadow: none; + --bright-tile-background-color: var(--white); + --bright-tile-border: 0 none #0000; + --bright-tile-shadow: none; + --hovered-bright-tile-background-color: var(--palette-corporate-1); + --hovered-bright-tile-border: 0 none #0000; + --hovered-bright-tile-shadow: none; + --checkbox-border-width: var(--default-border-width); + --checkbox-square-size: 16px; + --input-select-border-width: var(--default-border-width); + --input-select-height: 36px; + --input-text-border-width: var(--default-border-width); + --input-text-group-height: 34px; + --input-text-group-line-height: 44px; + --input-text-height: 36px; + --secondary-textarea-background-color: var(--palette-neutral-2); + --hovered-textarea-background-color: var(--palette-corporate-1); + --check-list-icon-background-color: var(--palette-corporate-2); + --check-list-icon-color: var(--palette-corporate-6); + --inverted-check-list-icon-background-color: #fff3; + --inverted-check-list-icon-color: var(--white); + --context-menu-border: 2px solid var(--palette-corporate-4); + --context-menu-separator: 1px solid var(--tertiary-shape-color); + --page-tabbar-bottom-border: 0 none #0000; + --page-footer-border: 1px solid var(--tertiary-shape-color); + --global-navigation-background-color: var(--palette-corporate-6); + --global-navigation-border1: #095bb1; + --global-navigation-border2: #0b2a63 +} From 731d16410a7b4366d9f5f832019626c414235e80 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Wed, 20 Nov 2024 16:58:49 +0100 Subject: [PATCH 005/135] style: add exos css to layout Signed-off-by: Misha M.-Kupriyanov --- src/routes/+layout.svelte | 1 + 1 file changed, 1 insertion(+) diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index d1c30a96b6a..13abd7d832c 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -26,6 +26,7 @@ import '../tailwind.css'; import '../app.css'; + import '../exos.css'; import 'tippy.js/dist/tippy.css'; From f574aefb3f2c24beb32faa22141deadd9caaf437 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Wed, 20 Nov 2024 10:46:44 +0100 Subject: [PATCH 006/135] feat(i18n-ionos): add ionos namespace for i18n in order to avoid conflicts in language files Signed-off-by: Misha M.-Kupriyanov --- src/lib/i18n/index.ts | 5 ++++- src/lib/i18n/locales/de-DE/ionos.json | 2 ++ 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 src/lib/i18n/locales/de-DE/ionos.json diff --git a/src/lib/i18n/index.ts b/src/lib/i18n/index.ts index 172c42f91bd..bd3dfa5c99d 100644 --- a/src/lib/i18n/index.ts +++ b/src/lib/i18n/index.ts @@ -60,7 +60,10 @@ export const initI18n = (defaultLocale: string | undefined) => { fallbackLng: { default: fallbackDefaultLocale }, - ns: 'translation', + ns: [ + 'translation', + 'ionos' + ], returnEmptyString: false, interpolation: { escapeValue: false // not needed for svelte as it escapes by default diff --git a/src/lib/i18n/locales/de-DE/ionos.json b/src/lib/i18n/locales/de-DE/ionos.json new file mode 100644 index 00000000000..2c63c085104 --- /dev/null +++ b/src/lib/i18n/locales/de-DE/ionos.json @@ -0,0 +1,2 @@ +{ +} From 1cd26aca5b00364dd29a65c614651379fc414906 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Wed, 20 Nov 2024 19:02:04 +0100 Subject: [PATCH 007/135] feat(favicon): change favicon to IONOS Signed-off-by: Misha M.-Kupriyanov --- backend/open_webui/static/favicon.png | Bin 10911 -> 1336 bytes static/favicon.png | Bin 10911 -> 1336 bytes static/static/favicon.png | Bin 10911 -> 1336 bytes 3 files changed, 0 insertions(+), 0 deletions(-) diff --git a/backend/open_webui/static/favicon.png b/backend/open_webui/static/favicon.png index 2b2074780847581edf9cf2ed0d2e9ebd8ff08c56..169948c2859fbf26952cf87171e67fdd0cc7ffa7 100644 GIT binary patch literal 1336 zcmeAS@N?(olHy`uVBq!ia0y~yU;;9k7+9Er6kFKIlR%2Iz$3Dlfq`2Hgc&d0t^32k zz}S-M>>S|f?5t2wl%JNFlghwQF{gH-t;b;pnWOR1M;D2*T6b8utne$_sMNQW%XNi7 zR%@87kKW%VHD1rI?!^zH3O*!neD&bbn$^v#6*%e|cI>jy+~v{v-Klg5Cm(4sN`u zAqk3JtKGUfP2Q^8{88?USDEg!&Pc*iETEO^#A%ca`zPW<*i3HGY8 z#OyU(fZu$E;W0@K8P0NX4D&!WVI_ z1HUC}gZU(Ou~uEbb1&+*MJk9ZaxPk5PY z1&k!20G|-o|NsAg`1tw3qo)@x->9l>WfIWlwAlQSfq~h^)5S5Q;?~=%)_yX9BCZ#^ z4J@4%3jLh?9_=x-`aHi&^>o(54RNgBR&V|$FzsD>(7h!#44V87roo>1IyerB=t2I~X72lj4t-(h{=_Z%Ch-OPKoF!KPz90e$} zgR%@Y!IKPXnugV^1{prA;+TT}jSm!CAE>rIko)hIq5E!$1HpaUtPh+oYnWrl2n>*I z%y<0q4t!&nssH!H$8GF8=2kcTW=?sxH+A7(#&^mebh%?06!bsuZeLTv+F&!kqH#LI piQ~Wi#4{(@Vp>J12z3+gd+}XCmf!k~gU*25<>~6@vd$@?2>?71s(t_f literal 10911 zcmX9k2Rzj8|DSU>&Ys!hONhuGXI)emm6b!bBs=2ld2ysN8ltR|eRkP7v!blC_e!|P zD2JTn|LOOC-RtwZ=XtMZKhJw5nVFzi-~w;}09cH!Ua|lH2<6|$Ko3ItCKexoe~kWD zZv_GX6W6~F0=&-V1A&l03zPv+H7N8QtkAk&ym1i#YEzm1xX=NBtg6wai>{x;S{S0XhXj3>Ia!g&SQKK0B z)yC)N((TMh&Ro9O!SRd2aR*|pDLx{kpDVvNhR@FlR%Wxf47trLM-^lwUsa8yK~sTx~sGO z4E1LsC3r?T@Okg}KSU-n9U4UXAP(2!HL*pxz5sZrBpcGT-) zb+*H66LU{FX@rd!M!yq23_Vf1{~NE^UQx|dy!w=eMmUaf{C7Du+&5k`vV6n)_MU$= zGarCWS-^SysT{UI<$@9pk|4VOk%pNF_qj{ohBdX9c%eiYFqlVPLYc$1$I=rs!)IxP zE4_U*Mhg+9iqO9VAIDl#W)FUB$^^*@HetoT6^J6=Z7c14D3KEV5_9 zMigfI5uqJyfOmDJ)gqOZ)o!uaiIHm69|)1rZp%|s2Oil_Wtow^%Q|xH9mL3&XGM6L)dGL2pS%Fpu@uqI^KIve7%aeoKQ8d&e3cY&ReQR@0GD zCnILeG(>in5hY1xNWPYZtAoQvP)U4%;jnj|- zHaFiaU9Q)Z8Q6Z!=llD7Et{^2OZZ6%#~Q$^U0z+iPyE`S#v@C)u1KMGW0{@ZG&YKqbOW%6QaL9 zFPkwKFyt3Jo^TK&aTSd&Y+N(FJQ}X$4pNSkw&`u=a+|!l^uVK8TBdHQT>u1MHFaa| zKbr*CRZ8w`dR=SwGeB4+)yy8barQ#{b@8XClch)!jyz++-e>3LTC*X=+ zv)w(BAVu)zrWF&xX^quEe`*Qe@n}AjsmM_ILoXI0;p%O-!$8T6uP;ifb!5dezpHGj zC_hYm8PPN4#0ms^?!j7XoQQ_B;fbNaTEHCPNzlFt2U&Qzh7SnED;p41D)K|{tb4Wh zZJ2>MjkiZNb4mF@wBdbS-Dt~KU=sk__l4g$#@`1VWO?{#wkQj*%O|yD_emi9T9;B) z>k4h`Kx_Hr*rH(Y6?`L}HBfjZ{4Nmddws)9U*ktSa`EDnYt?>0LlLCo9)|u8(*eOR zRgEGKZUB<({I&K3`SvLq9xCsYD=Uyw_Jp`$Cr;A1lnF(y%Sw!CT*3RrD#BtHEU%RM z#Uq`#Tv!2O`4clIL2Mg+mk>aIlRv+Wm*#{cUJGEZQZ_g-r=`NdvSfj>LDX5AC`ORx z**_X?Y#RXbekOpt50UMOpv-URE2a8KyaxLkuyh6Ol$d?;_l$cpY}x1F0(eYfVG>z+ zCx81D4RIo4i`Npv8xjZO8%q8aJc)GN0hv;(KSn5?FRtIobkh7 zY*tNgpt|u#+E5_$5HUCU82v*a`~(++ZjV$2kR}Ub-W!(}W*;+C5dEe;dc&+hZ|Xs* zX{F*vy6`FQs-)ls1c1z~(>STAi*tWuYv?B=WC%`28z%KsVEgE!OtAr5B3r4lC_jLw zomBU0KXd=Jy%A5#!MPM>zzm*q!JhsJU#d_sxN2D6NsI;H6Pwy z^TbVz>Rgr~CHhBn1P=?jK37wM^UG?eh01sz3+LXp3=-3;&n525eAv za7vfj?pLt|e6BL6ZZ~sRUwlIkbSO`=e0Jj@Gj~FOi5K%fYo=)t(qLKLa$0BXou-jO zi5jLdE0r0D-G6ev;Q6<=3>5#+es3t?tb#C7c>KqIF~EIZ2&gGIKQZb6Lu{@Au`eyx zB6a5@`f`E-0i@s+^&#%YIVd1eo_u%h|_zc0~{Jy5!Tj%fDSOT%o3mdXgUW`UcB(-rpWdImKPe*R(zM6=zkPkV?h634qnQ>VQ*K5T34QgBw&=1CV#==Rc|6`Tw$s zWf9v;-#AOMqi!a%J3zGD#^2YGQb0}2Ji zoJJ8OC!5r8-{wTaI}G5;ZGXy_n9p*Q!=!}L0o;X?vcyJsj)Wrwz+q zwVxbyLR=*jv#v`8M@Qew9Xq^dC>Q=J^fYfj?&dN{4)+s-s2A0b?$@)5?IGPW+-vtn z@1o%QeA{s9$;rvA6EscNZD|ZK5r%&koKmIMZC72pVUo09_VDki+Q(SY)Sh4r=8_uQ zH_wKb3qk1%C|tA`@-g?6wYBxTwAR+v>k6$J`TB-`06J`ZiCWIdfmHUG(p$tHe|=pyG?V|E zQCVVNoLi<(k1hAy&SHCG%<0LbV{51jIBLoMNxZW)eskwWx|2{VG_7uM0UN?e&PV90 zIMdNRqp`I-r(Dj%u|4`mM3XB#0KG-4omOb=VEMfg zhJby>m+^nA8&AAg1O05CnRlzNrIh5^7$;`R-pMLiw7=YB1=SUjR8i)>;r)#^tc4+1 zj1lImZ(F|wKS|HG5%7Qf4@~9$A#mMNnyy34cFUuYmn-SObjw{O@6MYOWtyCJ2zE7pRBG!dOy)nQ_oL!HB{nWf(J}|-s5B| z9TuXEb*yW!oHxe5LstsHcQpJKNRC69ZJ%DpnF;1rE0LPreOY?y(fNCrhcq7u_U@Gu zG4Mb_5dKW%`CB_eWEZ}BKD`3yuvfS1|NdIN)^>mlvE@(kE-=tnxg%#%b2B~T#!%tp zA=VLsxxEf{jV32Jq8PJx_kr-!g}E{d_eBILDJO9y7>+SX=*zJE(GsT8nQ~nB4!e2= zAEeFJvt^rqGspc3#N@GXYSPeK=`pO;7DjV+0xQD1tHrM%ai8#tS9_w9TZhy#>X5J! zTt?zqtJELj>3(Q8Qrc9Lq)9i_f*?K0fv-CJYg)?Er7Y@8xK=|^P|$z_Ff~0f-Gauy zJJb;+R9Lz|-jB@D#l7elY*={S=8Mx)Zz@r=cB891yKU|Moqp=`D_@scWXb$?b}r#^ zW&zXWl4=G{k%S|IhR0(Ih(6^wG?VMP1tI?@lOOuc>yGQt};tf|3`MN zODIZW3|r|t7rZC~ZiM3^`OEQI3CMpuOKgHr-NrhScbm>Qw?`R4Q7bU_s) z)$X29E&R`<9cnXs#rLots{7)vYn&hglA?$*=H7U{3e>!eyD_t!Wl8=A&dT9hO8ajh z!2dwI=4CSc`wg0?^5ku@lYKRluTE_GL^O5A z7VCJp+q2)-o2FA~`c{|0vGn86>hDA(v^Z_ zR6?OA>0wfEXkml)kOj=jRxa-Ja7wzyK|YEQkSVaR;Gx<=%+-y!3tn4!#7~RwP4^go zQcsQ#f9yDAL=V2+4aV#acXncPas$TbYC3+5HA$Q1RtTkptCErxO+|XVs!-yUBvO5Q zyM9En_<|I!rA`rit0jO2ZQV5%ao=2GXzt6 z-ldVsX<{*|+9AvtB%9 z`CPj3@_2z@YQs-n{_dsE^4VOiKv9}`%@QjrDmptoee11wTmS0nYDK`hXJ|~+2{q_I zZGaJ*!uw-9-%eX{2IZ;Z5MH|&0`nDNZmW?2CQwXADrOT?@bvCerrb4wmJOW5>R*KylsWv1m` z^vwrz5fz^%FV_qWMYs!!`S*m5`zf$cYNGX&C5t{-MHpR-cKY5qh*jwjE=U_-sw9v^ zg`c9@xxW?V(3b?aG$^I>emgujwSUOo*qLt7cdc##tNp1j+7&!Pr#eb!K_V|z*7r)1 z>LnVg;jRUbbQ>9W(G>T)NY?#(4QHHCqc0-~ZaChmp>V4oo;L zlpwV6CF>{oxkQmcztf?#CqyFg$K)W7iBnsoc&`S2C&?n^?|7Duu)sH-W76=Om@_$> zZ580tY5MRUZS!KyimjGQ8$Wu}t23jfVK7$6-`nNN1tvA}^9AWB$q&pFE19H*zu ztT4HulfbgMIzJMS&=wQG97Mo4-;F#ylUucCM0QFU*K%3V$AzbG?OJ~C=>8gEj#pvN zh@B$@c13Ewj-4!U3p7Y)t+38dWsdveyQt-&r;{U_VRxJ(D~yXUi(F)+)btJ(j&uaH zm~*UsCkcMcrsqKCXB>RHh+pn>o;!i(D2m$L(>N!*YMfaj(WqhlS`7kM_xc-;G`()3 zAyXeV{rV;Ejdr=QKrM5VM9!a*>fApDSq`G{V0)iE%U?^C2MT`pf|JDrnFQb!ON>#S zR`dw2ZRnTPPlW{g=i^s1L>?5d8nY@~xWFPaR(ix`yUqAHA2C!$?aM*PXz9$G1WJP! zBt19Tgd|(31h*CSNkl~_PKg0iEPa;FQ&cVTf-wdz)e0uZH1%YEO>ZdIplh3raWIUE1kWa4cCQuoeB4A z9Q8VsPn^*94dM3U*7x{dSAXgiT`T{0Eg!O8OEHzEo!HfhM)v7K7VL0!GkZ%>8#xWy z@XLL=JPReWPQ>ub<+>6Ji`m1$C@il@^UZv=jy;yE7Y9B4!_0Bp&Bp6#{M_W=&6)G0 z%{;Rlwhw`i%~Dqi5ksl#vJUeKxg7~KCoGr(glPOd9Y@n9i!>F64Cx&-0_>27)r%ga zD1SIAD8(|YYJ~rZA$Hr6EMd5#W6f!~9=2y+#6^}NUDanNLx0WOv(CJkvp(dVUbW?| zQ$dG&wRJgW<_{xvB`h>CYTeBYx4lnk@>^`=Gxtbw~af zN{=gDKFVk0-i6djRQX6S%4p-fXqf@n>(%`$fsv6uGO3epyw!oS9Sz)MOS10!=4Pc- zkH(D8-m^JyVH`gP8M+%<;L<|$p+%(W&_ppfLWNfm2!yg<=v5};ZUHKwv*4k#KpGZF zP3-shl4FLtc*T^3SYVKds+-5wndcw&yM9Dw8tO!g{`q?{8*89bVzBe72dS^AspuRN zv)G!yn(|DB6sCABRmY0CBF|8#tyY3$o)%L^idg$e-yN*>FyU)!)CG33Os_s|_>fNS zg&TdsPaAjWXoSzYh=vcf&O4V54u9J}A|oN1HpPCl2%Q20*vRERVL1-62X#F!re9E` z;E@G8S$8iuP@FXU?dLHTi8=>57M^4=>8!Abq*b`nBCNjBv+mfSP~y460Xwf6vmW=T z-NYnngd$rQFclxv&jPzxBn%J(JyQU{FGhj@y#SUKK+=O)OkkiZ5KG}8>$-Xg<=$81 zOjDpCx-Zb=2x`98iPqnh5-2jm2ljljphdja$!)oUFJNy6-56o-oBe&HUPqt)^<4l* z_u+!=wr;^H>rg2PiveZr1@j(&Mgrt%BT~BGoD-B-H@D1>WtH@v2&iTz{tS&1AL9r+ zc3k@IFT>zXj*9sEr#Z}U_J30&i+K@$?l3p3g0C&=_-+RVq2^agGUudgX^)ag32W^n z1tk9Y{jC#=jpt`xo6>_ z0<5g8{aNMZa)!;6gu#_8MC$28tgm@KTWo`N>(Af&U^n?DNQq1L9ZWSaDOmZ89#$6U zeHmt0A9JVcDqhiDKfDhX{e=y7K z>$|r1@TE5Vrf$@)Z$@t9`A{8oKg%K|A#2{K0o}Hzqgi)tw`GiSRvUT3-N@;aSp&z1 zJ1ncawmDpDGW|X`et7OllZS?fpN4&?i?{_^AN>-k!ivtY^k}?+=tEhC>JpnMD&=#U zzOdv4>i`r#H3%Meva61yH*6f z?iixRz9vITjus=qzJ=wTx10L4){Ho$Ug4j*SOgk2f@!jh)th8nJ2xh~TpjE6F08VQ zS&`^%d|>f9QpcKWeSJOQPiWO(P$si{2=_x@?{m94$>qi=^_14o>Osc97i7@q{qD^l z&)-QjL}kk0arolqWc74LF2@cGCM+r{XqGuExI22e{o!8^mia(*zM{KRxClj6cc(kW z61;D=o`tE9V)*EniN-O9+w&D@rbWlLNYC8wi%%!TZ#u&o*Lzi=L}li$6v|kuD{@ey zeumh7u3$dJK)!+`*DcoCIDgr0%7b`ZC}y4UQRPJN_Nf-UUXe82qK+3LU~G5vh@n5b zT0w>f@syql}xGeY1^zEHYC;fn5%{3RKB%e1OirasKv+k)z|e{=h6+ z>!3l5HvG`}VU#&OMul0SXTy-^zpcaQRlYTYAXc68ZD;7h-T1O)(}aeKCy=}#rc~mY zEBF#XRYs57cQHApU5Wvf24m6sIy!f#M8js54mEQSIey|4%1&nfRJ5|RBsOb&X>yk@Vw>zd-Gx*G@-ZE)H@n-r;%7X*9mZxuPv z5PSLKWHeS!O%jC;--ZSpf{GpI>@K0pHR9yguMy({MbP82J=JQ!mNg+~XklDsGnQao zU*$YRG)}%)rSE67wJ#Oq&KD2ewh6^wuOk?onHc6OOgem)2Nh0D8MvS9aE&Rv+ae(C zaf?~q3>H>g9=%tK%oBKKd3*Cj59eg>YOS_eFI-LfOZh(fgT+|qdnF}s8+52KRi1yF zS3w=nkNNv#BO@}Lld;WzI|49jt!^6YpHgC*e%l}N7C3v90A8{h%F?HYj z<+v6$McDHs(r;Y)&yYw7$B}h{WZAQ2^TNm9lT9Mu6|6Gq5=}a*HXKAln(yRSC(`@@ zxAD8(iBmS#FJVHJ!OmshUGr*8@b5%*U0RN!j()jWmAPus`KTW3~_Bpuq$AEUBJTYE{_*9x0Mm?6OM)5C?*}RN@hn5 zQc1$MkNcF7!;)^c%B;~_G$Lva>(3|Pl$No)i3?B6wegS(^^4fC?@v1rENmUd=-wq% zrCoks0ax(VI4PW#I@h^TLDK|HZ2k4glMgp&h^;7Ht>P~z_cmx*(ltW>w1}06MtIZY zhWB#U+a%Pq@@Qe0J1yJNRl;PKJGq8;v(3*I9!M#wvUqc@bzGU4sp9pu$YOmmz7X4PG!1HXJ?=b7A%IY1uF@ zd+cMI&*U3Y!Vp9;N^ds7u3+Ur0bY%L>i+~>E-hfI9Wcp++GWiosIy{bw*PW$kU72A zItJD6fiyfVq~H(}7tli(a<9dMXVDrd_YdCikGI6wSYvT?^d>a;@;c08V634AjUNpj z>bs-7{3GPYC7$L5A#ewB~2W@W}jbn{CGzGt+E#{Gr8Vs%+en4b*IcsT!U^q{jO>9JMtlX^}vb5DAr zm#!({OMB#z0h*P9>h|aIzG%nOq9|mYX;bOVnVZ!f^V)fGa_`%>4*=z^m%OJ6i9bc| zh17D`LA{e#bq`~3gA5JP+xK%zJ)mD61uAZ>`26V%@ zXjb_vP2GySVV&(bnRVfT5T9jv&KBtJWA1Sfd{lyWj?$Hf2W*)v**J+YYUeSBIL-33 z>~`?ZSsd%qYmYA}zP?yB&sgysYUDvIn7@oSeIoDEB+WXgq%$c>#EuA-o&G&e6@!h8 z%vjYIPy7>Gi(_H>n3mKXShq5Jreq>)k5+9Fs z2e#;R7ZYrhzrS-yNy$5|c?SQEoWX{W5MHuC&*|R!P~BgDpN@nvkJb&~K z>R&y2^j3PJw#E3=D;|M(^T?s|@78SNt*MBLC7va?FJ03E`!nd!XsPE(IeB?m()%Z~ zBmv#MKe(XMRHW$S1t%6VRyG*dQpIiP7)S&6A$|hf8ETkm!+#FGpNd!*3&S&^5edc4 zsgnZ(16w`eP6Iqaxr2Fjc7Vy|>JZ6>|R9NypgESaa#+#3Vl zIj4h{MWK($5%F=+kH-7r`ohadpkDwm!#ffJzi$*aT@J021@NjwHzz-y7PBHK03Wdn zQi!r5gC;#7bGiD}q&H5%@;eYqV-JQd^7l)3;0~oD5TH52Rd-XD6!htR5aqlL0C4*A zzpb(+HqPNjS3rAWcJr6``99|1fK)VM=o$?8c31gQW}g^O%NUwk8hzyGq=TaY(jF7@ zX`<5L4qc+ZpM#-_#6v?|GqY9xHHV^d#HlCPDzHePhAZ8{vw^@9*d&+Y)F*mi_a14( zp1zV)&|)!ZOT|KfCDUqDtAdILZh>@69|-`q&n_jL9o=TiugjiE%Onc zaOgjjVVDbR69a{sGhDB<&kB&8epMdyg4X|=f0d_?ts=e^t%?vUs-5ToQNKP2yR-GJGE)TuA@V0|`dPwJ2-+|qjEIdydm0BrIm2Au5Z1K^kma6DP1{YNcf zH`TEU6(vwG-uSU4?D?@8rFa(?<_Z862T~=985J}RT_OetApT|8PFVYq@~!&0EX^HZ zpr#{8crEc|{tsCSy)cU%xJrTP1ESqIMLu$vvT{ls^>RAGFaR)X_>r)*-Pdd|8BVQN zl7s=h-*z+6Z&@*nactROb=4v>rmo*@KEUs*q!u7E;wHQ{U6rMg&P}#Ofh^!IGB&$) zMY>a0>iA^@cN;!D!-^je3jwnlWX|>%Wx{p8hS~tVjt5*@kGXH=qn4TMKZL^p?v2(u z#f+~spr%6^n;N7Cv_|;1GOY0bK^?ky=^Nfbka~}%avQGS_a+~Xdv8#`wkrd%?(n@3 ztD3J+hp7Tqpvqy)CHgK-f)s}sQ#%?I2?BP{&X$z;5~kEBbdF<_^$?(yq z2tcw#xhwJ;D2Kfd|*1qnxF)!5sU#K-N6AhN9QXidyYSp2ahEnh8Y11k#`3L`Ukd<` zMdjYkpW?tSJfjN!%Hh}mYLX83iF@_=JQewk6^_=E8tX79Q1PpnbuTqxf}Jc}YIsr@ zePr)6#0-!MgMMWMWty^7{zua8at!*H9C45tlAuOOQ9U47(*qA@M`R7987QncKYL&A z_o{$QM#BN;ny>^(oA-dwt}3+zd13VYhx-qu9T9J`E}U!EFWE&4IJz0@{VeJ>nGU<4 zlCTPJ3?6GGpERyA|co-lUZKZohrS>gHfp zjY~s5(Qkz|H-OgLL>&liIE{@pY{|yW$LJc3{2{ICL3xZauxohS$Hus)%1%yVI3BOB z+)5spwFc4%Q@7n?!VJLNm4{%gBOZO_v96INneh!Bo0xfv^zdy{Zl3V3UEHlE8G`%( zv!U<)9-=o);c^!P24=wIIAkp<2vEGe_7tm`jS5z`k(v*$l=R(aXNhh5(5W%emxDJ5 zNx*6Wx}@653yc9yrKB9jacZu4C6t^X67pp!%g~aX0@gg95`G1W5Wb$_X>qmO1Z?s3 zziiUE)>6##-5+=fckmW}qK!~5C8-RTP7L`*KjQ+P^<<-|J1BBmCnb*3OMQ0YyB&Zk$=xf)=GQr$B4zZ=Q&HJo;V`HVgwe&Q?-V#$-#~aCFJ)nEc=RECusjofs zc;A~6y|tj%&W@=&u=+_^D4yjX07@gQ?JBBW^V}%Pf&JSQ512fr`rxG3#vNw0d`F`$ z1&Na8!$WyT3~wrIcpIb@_|hT}VD6ZrirPfauo8_h5igudGi-&bX24KVeEoXo#!5da z0bqWcr%oGsSx>p+0^vS0D221j_V`wm@Z_WlbfjcyB6jxdxTXaXFL5rYMy_8CiMl3I z_IhSftV95%%z%-UtNYe-rO7pPl-i=)kR|Ryi?A1)Q;IF)`05{zOw^9oM!X?SbY6(p zwEqvx+_MP;vjygJbhoEo7#xqRiR+#H0D9_DD&jrE98g#GQ$7~&?+>g&^wh+-Xc2EO z@2BA3hS608Bc6Zn<;AAlR-IS~;@CYR{J6*C$ZrPr{UaO_%`|QkO+R7ri|Xe_)X-pA zeM-$g_rUe6_OdUw=X_b~jN)<(LdR>=@Y4u;7)g*L#iRXV2oz|IKQG>Ui=(MH?oId@n w)fe6NrP^N&%@n<}wy=Z#=_>UFi}@pZ{MVN;5)dr`^GN}t%O;nq44fbQACa5EIsgCw diff --git a/static/favicon.png b/static/favicon.png index 2b2074780847581edf9cf2ed0d2e9ebd8ff08c56..169948c2859fbf26952cf87171e67fdd0cc7ffa7 100644 GIT binary patch literal 1336 zcmeAS@N?(olHy`uVBq!ia0y~yU;;9k7+9Er6kFKIlR%2Iz$3Dlfq`2Hgc&d0t^32k zz}S-M>>S|f?5t2wl%JNFlghwQF{gH-t;b;pnWOR1M;D2*T6b8utne$_sMNQW%XNi7 zR%@87kKW%VHD1rI?!^zH3O*!neD&bbn$^v#6*%e|cI>jy+~v{v-Klg5Cm(4sN`u zAqk3JtKGUfP2Q^8{88?USDEg!&Pc*iETEO^#A%ca`zPW<*i3HGY8 z#OyU(fZu$E;W0@K8P0NX4D&!WVI_ z1HUC}gZU(Ou~uEbb1&+*MJk9ZaxPk5PY z1&k!20G|-o|NsAg`1tw3qo)@x->9l>WfIWlwAlQSfq~h^)5S5Q;?~=%)_yX9BCZ#^ z4J@4%3jLh?9_=x-`aHi&^>o(54RNgBR&V|$FzsD>(7h!#44V87roo>1IyerB=t2I~X72lj4t-(h{=_Z%Ch-OPKoF!KPz90e$} zgR%@Y!IKPXnugV^1{prA;+TT}jSm!CAE>rIko)hIq5E!$1HpaUtPh+oYnWrl2n>*I z%y<0q4t!&nssH!H$8GF8=2kcTW=?sxH+A7(#&^mebh%?06!bsuZeLTv+F&!kqH#LI piQ~Wi#4{(@Vp>J12z3+gd+}XCmf!k~gU*25<>~6@vd$@?2>?71s(t_f literal 10911 zcmX9k2Rzj8|DSU>&Ys!hONhuGXI)emm6b!bBs=2ld2ysN8ltR|eRkP7v!blC_e!|P zD2JTn|LOOC-RtwZ=XtMZKhJw5nVFzi-~w;}09cH!Ua|lH2<6|$Ko3ItCKexoe~kWD zZv_GX6W6~F0=&-V1A&l03zPv+H7N8QtkAk&ym1i#YEzm1xX=NBtg6wai>{x;S{S0XhXj3>Ia!g&SQKK0B z)yC)N((TMh&Ro9O!SRd2aR*|pDLx{kpDVvNhR@FlR%Wxf47trLM-^lwUsa8yK~sTx~sGO z4E1LsC3r?T@Okg}KSU-n9U4UXAP(2!HL*pxz5sZrBpcGT-) zb+*H66LU{FX@rd!M!yq23_Vf1{~NE^UQx|dy!w=eMmUaf{C7Du+&5k`vV6n)_MU$= zGarCWS-^SysT{UI<$@9pk|4VOk%pNF_qj{ohBdX9c%eiYFqlVPLYc$1$I=rs!)IxP zE4_U*Mhg+9iqO9VAIDl#W)FUB$^^*@HetoT6^J6=Z7c14D3KEV5_9 zMigfI5uqJyfOmDJ)gqOZ)o!uaiIHm69|)1rZp%|s2Oil_Wtow^%Q|xH9mL3&XGM6L)dGL2pS%Fpu@uqI^KIve7%aeoKQ8d&e3cY&ReQR@0GD zCnILeG(>in5hY1xNWPYZtAoQvP)U4%;jnj|- zHaFiaU9Q)Z8Q6Z!=llD7Et{^2OZZ6%#~Q$^U0z+iPyE`S#v@C)u1KMGW0{@ZG&YKqbOW%6QaL9 zFPkwKFyt3Jo^TK&aTSd&Y+N(FJQ}X$4pNSkw&`u=a+|!l^uVK8TBdHQT>u1MHFaa| zKbr*CRZ8w`dR=SwGeB4+)yy8barQ#{b@8XClch)!jyz++-e>3LTC*X=+ zv)w(BAVu)zrWF&xX^quEe`*Qe@n}AjsmM_ILoXI0;p%O-!$8T6uP;ifb!5dezpHGj zC_hYm8PPN4#0ms^?!j7XoQQ_B;fbNaTEHCPNzlFt2U&Qzh7SnED;p41D)K|{tb4Wh zZJ2>MjkiZNb4mF@wBdbS-Dt~KU=sk__l4g$#@`1VWO?{#wkQj*%O|yD_emi9T9;B) z>k4h`Kx_Hr*rH(Y6?`L}HBfjZ{4Nmddws)9U*ktSa`EDnYt?>0LlLCo9)|u8(*eOR zRgEGKZUB<({I&K3`SvLq9xCsYD=Uyw_Jp`$Cr;A1lnF(y%Sw!CT*3RrD#BtHEU%RM z#Uq`#Tv!2O`4clIL2Mg+mk>aIlRv+Wm*#{cUJGEZQZ_g-r=`NdvSfj>LDX5AC`ORx z**_X?Y#RXbekOpt50UMOpv-URE2a8KyaxLkuyh6Ol$d?;_l$cpY}x1F0(eYfVG>z+ zCx81D4RIo4i`Npv8xjZO8%q8aJc)GN0hv;(KSn5?FRtIobkh7 zY*tNgpt|u#+E5_$5HUCU82v*a`~(++ZjV$2kR}Ub-W!(}W*;+C5dEe;dc&+hZ|Xs* zX{F*vy6`FQs-)ls1c1z~(>STAi*tWuYv?B=WC%`28z%KsVEgE!OtAr5B3r4lC_jLw zomBU0KXd=Jy%A5#!MPM>zzm*q!JhsJU#d_sxN2D6NsI;H6Pwy z^TbVz>Rgr~CHhBn1P=?jK37wM^UG?eh01sz3+LXp3=-3;&n525eAv za7vfj?pLt|e6BL6ZZ~sRUwlIkbSO`=e0Jj@Gj~FOi5K%fYo=)t(qLKLa$0BXou-jO zi5jLdE0r0D-G6ev;Q6<=3>5#+es3t?tb#C7c>KqIF~EIZ2&gGIKQZb6Lu{@Au`eyx zB6a5@`f`E-0i@s+^&#%YIVd1eo_u%h|_zc0~{Jy5!Tj%fDSOT%o3mdXgUW`UcB(-rpWdImKPe*R(zM6=zkPkV?h634qnQ>VQ*K5T34QgBw&=1CV#==Rc|6`Tw$s zWf9v;-#AOMqi!a%J3zGD#^2YGQb0}2Ji zoJJ8OC!5r8-{wTaI}G5;ZGXy_n9p*Q!=!}L0o;X?vcyJsj)Wrwz+q zwVxbyLR=*jv#v`8M@Qew9Xq^dC>Q=J^fYfj?&dN{4)+s-s2A0b?$@)5?IGPW+-vtn z@1o%QeA{s9$;rvA6EscNZD|ZK5r%&koKmIMZC72pVUo09_VDki+Q(SY)Sh4r=8_uQ zH_wKb3qk1%C|tA`@-g?6wYBxTwAR+v>k6$J`TB-`06J`ZiCWIdfmHUG(p$tHe|=pyG?V|E zQCVVNoLi<(k1hAy&SHCG%<0LbV{51jIBLoMNxZW)eskwWx|2{VG_7uM0UN?e&PV90 zIMdNRqp`I-r(Dj%u|4`mM3XB#0KG-4omOb=VEMfg zhJby>m+^nA8&AAg1O05CnRlzNrIh5^7$;`R-pMLiw7=YB1=SUjR8i)>;r)#^tc4+1 zj1lImZ(F|wKS|HG5%7Qf4@~9$A#mMNnyy34cFUuYmn-SObjw{O@6MYOWtyCJ2zE7pRBG!dOy)nQ_oL!HB{nWf(J}|-s5B| z9TuXEb*yW!oHxe5LstsHcQpJKNRC69ZJ%DpnF;1rE0LPreOY?y(fNCrhcq7u_U@Gu zG4Mb_5dKW%`CB_eWEZ}BKD`3yuvfS1|NdIN)^>mlvE@(kE-=tnxg%#%b2B~T#!%tp zA=VLsxxEf{jV32Jq8PJx_kr-!g}E{d_eBILDJO9y7>+SX=*zJE(GsT8nQ~nB4!e2= zAEeFJvt^rqGspc3#N@GXYSPeK=`pO;7DjV+0xQD1tHrM%ai8#tS9_w9TZhy#>X5J! zTt?zqtJELj>3(Q8Qrc9Lq)9i_f*?K0fv-CJYg)?Er7Y@8xK=|^P|$z_Ff~0f-Gauy zJJb;+R9Lz|-jB@D#l7elY*={S=8Mx)Zz@r=cB891yKU|Moqp=`D_@scWXb$?b}r#^ zW&zXWl4=G{k%S|IhR0(Ih(6^wG?VMP1tI?@lOOuc>yGQt};tf|3`MN zODIZW3|r|t7rZC~ZiM3^`OEQI3CMpuOKgHr-NrhScbm>Qw?`R4Q7bU_s) z)$X29E&R`<9cnXs#rLots{7)vYn&hglA?$*=H7U{3e>!eyD_t!Wl8=A&dT9hO8ajh z!2dwI=4CSc`wg0?^5ku@lYKRluTE_GL^O5A z7VCJp+q2)-o2FA~`c{|0vGn86>hDA(v^Z_ zR6?OA>0wfEXkml)kOj=jRxa-Ja7wzyK|YEQkSVaR;Gx<=%+-y!3tn4!#7~RwP4^go zQcsQ#f9yDAL=V2+4aV#acXncPas$TbYC3+5HA$Q1RtTkptCErxO+|XVs!-yUBvO5Q zyM9En_<|I!rA`rit0jO2ZQV5%ao=2GXzt6 z-ldVsX<{*|+9AvtB%9 z`CPj3@_2z@YQs-n{_dsE^4VOiKv9}`%@QjrDmptoee11wTmS0nYDK`hXJ|~+2{q_I zZGaJ*!uw-9-%eX{2IZ;Z5MH|&0`nDNZmW?2CQwXADrOT?@bvCerrb4wmJOW5>R*KylsWv1m` z^vwrz5fz^%FV_qWMYs!!`S*m5`zf$cYNGX&C5t{-MHpR-cKY5qh*jwjE=U_-sw9v^ zg`c9@xxW?V(3b?aG$^I>emgujwSUOo*qLt7cdc##tNp1j+7&!Pr#eb!K_V|z*7r)1 z>LnVg;jRUbbQ>9W(G>T)NY?#(4QHHCqc0-~ZaChmp>V4oo;L zlpwV6CF>{oxkQmcztf?#CqyFg$K)W7iBnsoc&`S2C&?n^?|7Duu)sH-W76=Om@_$> zZ580tY5MRUZS!KyimjGQ8$Wu}t23jfVK7$6-`nNN1tvA}^9AWB$q&pFE19H*zu ztT4HulfbgMIzJMS&=wQG97Mo4-;F#ylUucCM0QFU*K%3V$AzbG?OJ~C=>8gEj#pvN zh@B$@c13Ewj-4!U3p7Y)t+38dWsdveyQt-&r;{U_VRxJ(D~yXUi(F)+)btJ(j&uaH zm~*UsCkcMcrsqKCXB>RHh+pn>o;!i(D2m$L(>N!*YMfaj(WqhlS`7kM_xc-;G`()3 zAyXeV{rV;Ejdr=QKrM5VM9!a*>fApDSq`G{V0)iE%U?^C2MT`pf|JDrnFQb!ON>#S zR`dw2ZRnTPPlW{g=i^s1L>?5d8nY@~xWFPaR(ix`yUqAHA2C!$?aM*PXz9$G1WJP! zBt19Tgd|(31h*CSNkl~_PKg0iEPa;FQ&cVTf-wdz)e0uZH1%YEO>ZdIplh3raWIUE1kWa4cCQuoeB4A z9Q8VsPn^*94dM3U*7x{dSAXgiT`T{0Eg!O8OEHzEo!HfhM)v7K7VL0!GkZ%>8#xWy z@XLL=JPReWPQ>ub<+>6Ji`m1$C@il@^UZv=jy;yE7Y9B4!_0Bp&Bp6#{M_W=&6)G0 z%{;Rlwhw`i%~Dqi5ksl#vJUeKxg7~KCoGr(glPOd9Y@n9i!>F64Cx&-0_>27)r%ga zD1SIAD8(|YYJ~rZA$Hr6EMd5#W6f!~9=2y+#6^}NUDanNLx0WOv(CJkvp(dVUbW?| zQ$dG&wRJgW<_{xvB`h>CYTeBYx4lnk@>^`=Gxtbw~af zN{=gDKFVk0-i6djRQX6S%4p-fXqf@n>(%`$fsv6uGO3epyw!oS9Sz)MOS10!=4Pc- zkH(D8-m^JyVH`gP8M+%<;L<|$p+%(W&_ppfLWNfm2!yg<=v5};ZUHKwv*4k#KpGZF zP3-shl4FLtc*T^3SYVKds+-5wndcw&yM9Dw8tO!g{`q?{8*89bVzBe72dS^AspuRN zv)G!yn(|DB6sCABRmY0CBF|8#tyY3$o)%L^idg$e-yN*>FyU)!)CG33Os_s|_>fNS zg&TdsPaAjWXoSzYh=vcf&O4V54u9J}A|oN1HpPCl2%Q20*vRERVL1-62X#F!re9E` z;E@G8S$8iuP@FXU?dLHTi8=>57M^4=>8!Abq*b`nBCNjBv+mfSP~y460Xwf6vmW=T z-NYnngd$rQFclxv&jPzxBn%J(JyQU{FGhj@y#SUKK+=O)OkkiZ5KG}8>$-Xg<=$81 zOjDpCx-Zb=2x`98iPqnh5-2jm2ljljphdja$!)oUFJNy6-56o-oBe&HUPqt)^<4l* z_u+!=wr;^H>rg2PiveZr1@j(&Mgrt%BT~BGoD-B-H@D1>WtH@v2&iTz{tS&1AL9r+ zc3k@IFT>zXj*9sEr#Z}U_J30&i+K@$?l3p3g0C&=_-+RVq2^agGUudgX^)ag32W^n z1tk9Y{jC#=jpt`xo6>_ z0<5g8{aNMZa)!;6gu#_8MC$28tgm@KTWo`N>(Af&U^n?DNQq1L9ZWSaDOmZ89#$6U zeHmt0A9JVcDqhiDKfDhX{e=y7K z>$|r1@TE5Vrf$@)Z$@t9`A{8oKg%K|A#2{K0o}Hzqgi)tw`GiSRvUT3-N@;aSp&z1 zJ1ncawmDpDGW|X`et7OllZS?fpN4&?i?{_^AN>-k!ivtY^k}?+=tEhC>JpnMD&=#U zzOdv4>i`r#H3%Meva61yH*6f z?iixRz9vITjus=qzJ=wTx10L4){Ho$Ug4j*SOgk2f@!jh)th8nJ2xh~TpjE6F08VQ zS&`^%d|>f9QpcKWeSJOQPiWO(P$si{2=_x@?{m94$>qi=^_14o>Osc97i7@q{qD^l z&)-QjL}kk0arolqWc74LF2@cGCM+r{XqGuExI22e{o!8^mia(*zM{KRxClj6cc(kW z61;D=o`tE9V)*EniN-O9+w&D@rbWlLNYC8wi%%!TZ#u&o*Lzi=L}li$6v|kuD{@ey zeumh7u3$dJK)!+`*DcoCIDgr0%7b`ZC}y4UQRPJN_Nf-UUXe82qK+3LU~G5vh@n5b zT0w>f@syql}xGeY1^zEHYC;fn5%{3RKB%e1OirasKv+k)z|e{=h6+ z>!3l5HvG`}VU#&OMul0SXTy-^zpcaQRlYTYAXc68ZD;7h-T1O)(}aeKCy=}#rc~mY zEBF#XRYs57cQHApU5Wvf24m6sIy!f#M8js54mEQSIey|4%1&nfRJ5|RBsOb&X>yk@Vw>zd-Gx*G@-ZE)H@n-r;%7X*9mZxuPv z5PSLKWHeS!O%jC;--ZSpf{GpI>@K0pHR9yguMy({MbP82J=JQ!mNg+~XklDsGnQao zU*$YRG)}%)rSE67wJ#Oq&KD2ewh6^wuOk?onHc6OOgem)2Nh0D8MvS9aE&Rv+ae(C zaf?~q3>H>g9=%tK%oBKKd3*Cj59eg>YOS_eFI-LfOZh(fgT+|qdnF}s8+52KRi1yF zS3w=nkNNv#BO@}Lld;WzI|49jt!^6YpHgC*e%l}N7C3v90A8{h%F?HYj z<+v6$McDHs(r;Y)&yYw7$B}h{WZAQ2^TNm9lT9Mu6|6Gq5=}a*HXKAln(yRSC(`@@ zxAD8(iBmS#FJVHJ!OmshUGr*8@b5%*U0RN!j()jWmAPus`KTW3~_Bpuq$AEUBJTYE{_*9x0Mm?6OM)5C?*}RN@hn5 zQc1$MkNcF7!;)^c%B;~_G$Lva>(3|Pl$No)i3?B6wegS(^^4fC?@v1rENmUd=-wq% zrCoks0ax(VI4PW#I@h^TLDK|HZ2k4glMgp&h^;7Ht>P~z_cmx*(ltW>w1}06MtIZY zhWB#U+a%Pq@@Qe0J1yJNRl;PKJGq8;v(3*I9!M#wvUqc@bzGU4sp9pu$YOmmz7X4PG!1HXJ?=b7A%IY1uF@ zd+cMI&*U3Y!Vp9;N^ds7u3+Ur0bY%L>i+~>E-hfI9Wcp++GWiosIy{bw*PW$kU72A zItJD6fiyfVq~H(}7tli(a<9dMXVDrd_YdCikGI6wSYvT?^d>a;@;c08V634AjUNpj z>bs-7{3GPYC7$L5A#ewB~2W@W}jbn{CGzGt+E#{Gr8Vs%+en4b*IcsT!U^q{jO>9JMtlX^}vb5DAr zm#!({OMB#z0h*P9>h|aIzG%nOq9|mYX;bOVnVZ!f^V)fGa_`%>4*=z^m%OJ6i9bc| zh17D`LA{e#bq`~3gA5JP+xK%zJ)mD61uAZ>`26V%@ zXjb_vP2GySVV&(bnRVfT5T9jv&KBtJWA1Sfd{lyWj?$Hf2W*)v**J+YYUeSBIL-33 z>~`?ZSsd%qYmYA}zP?yB&sgysYUDvIn7@oSeIoDEB+WXgq%$c>#EuA-o&G&e6@!h8 z%vjYIPy7>Gi(_H>n3mKXShq5Jreq>)k5+9Fs z2e#;R7ZYrhzrS-yNy$5|c?SQEoWX{W5MHuC&*|R!P~BgDpN@nvkJb&~K z>R&y2^j3PJw#E3=D;|M(^T?s|@78SNt*MBLC7va?FJ03E`!nd!XsPE(IeB?m()%Z~ zBmv#MKe(XMRHW$S1t%6VRyG*dQpIiP7)S&6A$|hf8ETkm!+#FGpNd!*3&S&^5edc4 zsgnZ(16w`eP6Iqaxr2Fjc7Vy|>JZ6>|R9NypgESaa#+#3Vl zIj4h{MWK($5%F=+kH-7r`ohadpkDwm!#ffJzi$*aT@J021@NjwHzz-y7PBHK03Wdn zQi!r5gC;#7bGiD}q&H5%@;eYqV-JQd^7l)3;0~oD5TH52Rd-XD6!htR5aqlL0C4*A zzpb(+HqPNjS3rAWcJr6``99|1fK)VM=o$?8c31gQW}g^O%NUwk8hzyGq=TaY(jF7@ zX`<5L4qc+ZpM#-_#6v?|GqY9xHHV^d#HlCPDzHePhAZ8{vw^@9*d&+Y)F*mi_a14( zp1zV)&|)!ZOT|KfCDUqDtAdILZh>@69|-`q&n_jL9o=TiugjiE%Onc zaOgjjVVDbR69a{sGhDB<&kB&8epMdyg4X|=f0d_?ts=e^t%?vUs-5ToQNKP2yR-GJGE)TuA@V0|`dPwJ2-+|qjEIdydm0BrIm2Au5Z1K^kma6DP1{YNcf zH`TEU6(vwG-uSU4?D?@8rFa(?<_Z862T~=985J}RT_OetApT|8PFVYq@~!&0EX^HZ zpr#{8crEc|{tsCSy)cU%xJrTP1ESqIMLu$vvT{ls^>RAGFaR)X_>r)*-Pdd|8BVQN zl7s=h-*z+6Z&@*nactROb=4v>rmo*@KEUs*q!u7E;wHQ{U6rMg&P}#Ofh^!IGB&$) zMY>a0>iA^@cN;!D!-^je3jwnlWX|>%Wx{p8hS~tVjt5*@kGXH=qn4TMKZL^p?v2(u z#f+~spr%6^n;N7Cv_|;1GOY0bK^?ky=^Nfbka~}%avQGS_a+~Xdv8#`wkrd%?(n@3 ztD3J+hp7Tqpvqy)CHgK-f)s}sQ#%?I2?BP{&X$z;5~kEBbdF<_^$?(yq z2tcw#xhwJ;D2Kfd|*1qnxF)!5sU#K-N6AhN9QXidyYSp2ahEnh8Y11k#`3L`Ukd<` zMdjYkpW?tSJfjN!%Hh}mYLX83iF@_=JQewk6^_=E8tX79Q1PpnbuTqxf}Jc}YIsr@ zePr)6#0-!MgMMWMWty^7{zua8at!*H9C45tlAuOOQ9U47(*qA@M`R7987QncKYL&A z_o{$QM#BN;ny>^(oA-dwt}3+zd13VYhx-qu9T9J`E}U!EFWE&4IJz0@{VeJ>nGU<4 zlCTPJ3?6GGpERyA|co-lUZKZohrS>gHfp zjY~s5(Qkz|H-OgLL>&liIE{@pY{|yW$LJc3{2{ICL3xZauxohS$Hus)%1%yVI3BOB z+)5spwFc4%Q@7n?!VJLNm4{%gBOZO_v96INneh!Bo0xfv^zdy{Zl3V3UEHlE8G`%( zv!U<)9-=o);c^!P24=wIIAkp<2vEGe_7tm`jS5z`k(v*$l=R(aXNhh5(5W%emxDJ5 zNx*6Wx}@653yc9yrKB9jacZu4C6t^X67pp!%g~aX0@gg95`G1W5Wb$_X>qmO1Z?s3 zziiUE)>6##-5+=fckmW}qK!~5C8-RTP7L`*KjQ+P^<<-|J1BBmCnb*3OMQ0YyB&Zk$=xf)=GQr$B4zZ=Q&HJo;V`HVgwe&Q?-V#$-#~aCFJ)nEc=RECusjofs zc;A~6y|tj%&W@=&u=+_^D4yjX07@gQ?JBBW^V}%Pf&JSQ512fr`rxG3#vNw0d`F`$ z1&Na8!$WyT3~wrIcpIb@_|hT}VD6ZrirPfauo8_h5igudGi-&bX24KVeEoXo#!5da z0bqWcr%oGsSx>p+0^vS0D221j_V`wm@Z_WlbfjcyB6jxdxTXaXFL5rYMy_8CiMl3I z_IhSftV95%%z%-UtNYe-rO7pPl-i=)kR|Ryi?A1)Q;IF)`05{zOw^9oM!X?SbY6(p zwEqvx+_MP;vjygJbhoEo7#xqRiR+#H0D9_DD&jrE98g#GQ$7~&?+>g&^wh+-Xc2EO z@2BA3hS608Bc6Zn<;AAlR-IS~;@CYR{J6*C$ZrPr{UaO_%`|QkO+R7ri|Xe_)X-pA zeM-$g_rUe6_OdUw=X_b~jN)<(LdR>=@Y4u;7)g*L#iRXV2oz|IKQG>Ui=(MH?oId@n w)fe6NrP^N&%@n<}wy=Z#=_>UFi}@pZ{MVN;5)dr`^GN}t%O;nq44fbQACa5EIsgCw diff --git a/static/static/favicon.png b/static/static/favicon.png index 2b2074780847581edf9cf2ed0d2e9ebd8ff08c56..169948c2859fbf26952cf87171e67fdd0cc7ffa7 100644 GIT binary patch literal 1336 zcmeAS@N?(olHy`uVBq!ia0y~yU;;9k7+9Er6kFKIlR%2Iz$3Dlfq`2Hgc&d0t^32k zz}S-M>>S|f?5t2wl%JNFlghwQF{gH-t;b;pnWOR1M;D2*T6b8utne$_sMNQW%XNi7 zR%@87kKW%VHD1rI?!^zH3O*!neD&bbn$^v#6*%e|cI>jy+~v{v-Klg5Cm(4sN`u zAqk3JtKGUfP2Q^8{88?USDEg!&Pc*iETEO^#A%ca`zPW<*i3HGY8 z#OyU(fZu$E;W0@K8P0NX4D&!WVI_ z1HUC}gZU(Ou~uEbb1&+*MJk9ZaxPk5PY z1&k!20G|-o|NsAg`1tw3qo)@x->9l>WfIWlwAlQSfq~h^)5S5Q;?~=%)_yX9BCZ#^ z4J@4%3jLh?9_=x-`aHi&^>o(54RNgBR&V|$FzsD>(7h!#44V87roo>1IyerB=t2I~X72lj4t-(h{=_Z%Ch-OPKoF!KPz90e$} zgR%@Y!IKPXnugV^1{prA;+TT}jSm!CAE>rIko)hIq5E!$1HpaUtPh+oYnWrl2n>*I z%y<0q4t!&nssH!H$8GF8=2kcTW=?sxH+A7(#&^mebh%?06!bsuZeLTv+F&!kqH#LI piQ~Wi#4{(@Vp>J12z3+gd+}XCmf!k~gU*25<>~6@vd$@?2>?71s(t_f literal 10911 zcmX9k2Rzj8|DSU>&Ys!hONhuGXI)emm6b!bBs=2ld2ysN8ltR|eRkP7v!blC_e!|P zD2JTn|LOOC-RtwZ=XtMZKhJw5nVFzi-~w;}09cH!Ua|lH2<6|$Ko3ItCKexoe~kWD zZv_GX6W6~F0=&-V1A&l03zPv+H7N8QtkAk&ym1i#YEzm1xX=NBtg6wai>{x;S{S0XhXj3>Ia!g&SQKK0B z)yC)N((TMh&Ro9O!SRd2aR*|pDLx{kpDVvNhR@FlR%Wxf47trLM-^lwUsa8yK~sTx~sGO z4E1LsC3r?T@Okg}KSU-n9U4UXAP(2!HL*pxz5sZrBpcGT-) zb+*H66LU{FX@rd!M!yq23_Vf1{~NE^UQx|dy!w=eMmUaf{C7Du+&5k`vV6n)_MU$= zGarCWS-^SysT{UI<$@9pk|4VOk%pNF_qj{ohBdX9c%eiYFqlVPLYc$1$I=rs!)IxP zE4_U*Mhg+9iqO9VAIDl#W)FUB$^^*@HetoT6^J6=Z7c14D3KEV5_9 zMigfI5uqJyfOmDJ)gqOZ)o!uaiIHm69|)1rZp%|s2Oil_Wtow^%Q|xH9mL3&XGM6L)dGL2pS%Fpu@uqI^KIve7%aeoKQ8d&e3cY&ReQR@0GD zCnILeG(>in5hY1xNWPYZtAoQvP)U4%;jnj|- zHaFiaU9Q)Z8Q6Z!=llD7Et{^2OZZ6%#~Q$^U0z+iPyE`S#v@C)u1KMGW0{@ZG&YKqbOW%6QaL9 zFPkwKFyt3Jo^TK&aTSd&Y+N(FJQ}X$4pNSkw&`u=a+|!l^uVK8TBdHQT>u1MHFaa| zKbr*CRZ8w`dR=SwGeB4+)yy8barQ#{b@8XClch)!jyz++-e>3LTC*X=+ zv)w(BAVu)zrWF&xX^quEe`*Qe@n}AjsmM_ILoXI0;p%O-!$8T6uP;ifb!5dezpHGj zC_hYm8PPN4#0ms^?!j7XoQQ_B;fbNaTEHCPNzlFt2U&Qzh7SnED;p41D)K|{tb4Wh zZJ2>MjkiZNb4mF@wBdbS-Dt~KU=sk__l4g$#@`1VWO?{#wkQj*%O|yD_emi9T9;B) z>k4h`Kx_Hr*rH(Y6?`L}HBfjZ{4Nmddws)9U*ktSa`EDnYt?>0LlLCo9)|u8(*eOR zRgEGKZUB<({I&K3`SvLq9xCsYD=Uyw_Jp`$Cr;A1lnF(y%Sw!CT*3RrD#BtHEU%RM z#Uq`#Tv!2O`4clIL2Mg+mk>aIlRv+Wm*#{cUJGEZQZ_g-r=`NdvSfj>LDX5AC`ORx z**_X?Y#RXbekOpt50UMOpv-URE2a8KyaxLkuyh6Ol$d?;_l$cpY}x1F0(eYfVG>z+ zCx81D4RIo4i`Npv8xjZO8%q8aJc)GN0hv;(KSn5?FRtIobkh7 zY*tNgpt|u#+E5_$5HUCU82v*a`~(++ZjV$2kR}Ub-W!(}W*;+C5dEe;dc&+hZ|Xs* zX{F*vy6`FQs-)ls1c1z~(>STAi*tWuYv?B=WC%`28z%KsVEgE!OtAr5B3r4lC_jLw zomBU0KXd=Jy%A5#!MPM>zzm*q!JhsJU#d_sxN2D6NsI;H6Pwy z^TbVz>Rgr~CHhBn1P=?jK37wM^UG?eh01sz3+LXp3=-3;&n525eAv za7vfj?pLt|e6BL6ZZ~sRUwlIkbSO`=e0Jj@Gj~FOi5K%fYo=)t(qLKLa$0BXou-jO zi5jLdE0r0D-G6ev;Q6<=3>5#+es3t?tb#C7c>KqIF~EIZ2&gGIKQZb6Lu{@Au`eyx zB6a5@`f`E-0i@s+^&#%YIVd1eo_u%h|_zc0~{Jy5!Tj%fDSOT%o3mdXgUW`UcB(-rpWdImKPe*R(zM6=zkPkV?h634qnQ>VQ*K5T34QgBw&=1CV#==Rc|6`Tw$s zWf9v;-#AOMqi!a%J3zGD#^2YGQb0}2Ji zoJJ8OC!5r8-{wTaI}G5;ZGXy_n9p*Q!=!}L0o;X?vcyJsj)Wrwz+q zwVxbyLR=*jv#v`8M@Qew9Xq^dC>Q=J^fYfj?&dN{4)+s-s2A0b?$@)5?IGPW+-vtn z@1o%QeA{s9$;rvA6EscNZD|ZK5r%&koKmIMZC72pVUo09_VDki+Q(SY)Sh4r=8_uQ zH_wKb3qk1%C|tA`@-g?6wYBxTwAR+v>k6$J`TB-`06J`ZiCWIdfmHUG(p$tHe|=pyG?V|E zQCVVNoLi<(k1hAy&SHCG%<0LbV{51jIBLoMNxZW)eskwWx|2{VG_7uM0UN?e&PV90 zIMdNRqp`I-r(Dj%u|4`mM3XB#0KG-4omOb=VEMfg zhJby>m+^nA8&AAg1O05CnRlzNrIh5^7$;`R-pMLiw7=YB1=SUjR8i)>;r)#^tc4+1 zj1lImZ(F|wKS|HG5%7Qf4@~9$A#mMNnyy34cFUuYmn-SObjw{O@6MYOWtyCJ2zE7pRBG!dOy)nQ_oL!HB{nWf(J}|-s5B| z9TuXEb*yW!oHxe5LstsHcQpJKNRC69ZJ%DpnF;1rE0LPreOY?y(fNCrhcq7u_U@Gu zG4Mb_5dKW%`CB_eWEZ}BKD`3yuvfS1|NdIN)^>mlvE@(kE-=tnxg%#%b2B~T#!%tp zA=VLsxxEf{jV32Jq8PJx_kr-!g}E{d_eBILDJO9y7>+SX=*zJE(GsT8nQ~nB4!e2= zAEeFJvt^rqGspc3#N@GXYSPeK=`pO;7DjV+0xQD1tHrM%ai8#tS9_w9TZhy#>X5J! zTt?zqtJELj>3(Q8Qrc9Lq)9i_f*?K0fv-CJYg)?Er7Y@8xK=|^P|$z_Ff~0f-Gauy zJJb;+R9Lz|-jB@D#l7elY*={S=8Mx)Zz@r=cB891yKU|Moqp=`D_@scWXb$?b}r#^ zW&zXWl4=G{k%S|IhR0(Ih(6^wG?VMP1tI?@lOOuc>yGQt};tf|3`MN zODIZW3|r|t7rZC~ZiM3^`OEQI3CMpuOKgHr-NrhScbm>Qw?`R4Q7bU_s) z)$X29E&R`<9cnXs#rLots{7)vYn&hglA?$*=H7U{3e>!eyD_t!Wl8=A&dT9hO8ajh z!2dwI=4CSc`wg0?^5ku@lYKRluTE_GL^O5A z7VCJp+q2)-o2FA~`c{|0vGn86>hDA(v^Z_ zR6?OA>0wfEXkml)kOj=jRxa-Ja7wzyK|YEQkSVaR;Gx<=%+-y!3tn4!#7~RwP4^go zQcsQ#f9yDAL=V2+4aV#acXncPas$TbYC3+5HA$Q1RtTkptCErxO+|XVs!-yUBvO5Q zyM9En_<|I!rA`rit0jO2ZQV5%ao=2GXzt6 z-ldVsX<{*|+9AvtB%9 z`CPj3@_2z@YQs-n{_dsE^4VOiKv9}`%@QjrDmptoee11wTmS0nYDK`hXJ|~+2{q_I zZGaJ*!uw-9-%eX{2IZ;Z5MH|&0`nDNZmW?2CQwXADrOT?@bvCerrb4wmJOW5>R*KylsWv1m` z^vwrz5fz^%FV_qWMYs!!`S*m5`zf$cYNGX&C5t{-MHpR-cKY5qh*jwjE=U_-sw9v^ zg`c9@xxW?V(3b?aG$^I>emgujwSUOo*qLt7cdc##tNp1j+7&!Pr#eb!K_V|z*7r)1 z>LnVg;jRUbbQ>9W(G>T)NY?#(4QHHCqc0-~ZaChmp>V4oo;L zlpwV6CF>{oxkQmcztf?#CqyFg$K)W7iBnsoc&`S2C&?n^?|7Duu)sH-W76=Om@_$> zZ580tY5MRUZS!KyimjGQ8$Wu}t23jfVK7$6-`nNN1tvA}^9AWB$q&pFE19H*zu ztT4HulfbgMIzJMS&=wQG97Mo4-;F#ylUucCM0QFU*K%3V$AzbG?OJ~C=>8gEj#pvN zh@B$@c13Ewj-4!U3p7Y)t+38dWsdveyQt-&r;{U_VRxJ(D~yXUi(F)+)btJ(j&uaH zm~*UsCkcMcrsqKCXB>RHh+pn>o;!i(D2m$L(>N!*YMfaj(WqhlS`7kM_xc-;G`()3 zAyXeV{rV;Ejdr=QKrM5VM9!a*>fApDSq`G{V0)iE%U?^C2MT`pf|JDrnFQb!ON>#S zR`dw2ZRnTPPlW{g=i^s1L>?5d8nY@~xWFPaR(ix`yUqAHA2C!$?aM*PXz9$G1WJP! zBt19Tgd|(31h*CSNkl~_PKg0iEPa;FQ&cVTf-wdz)e0uZH1%YEO>ZdIplh3raWIUE1kWa4cCQuoeB4A z9Q8VsPn^*94dM3U*7x{dSAXgiT`T{0Eg!O8OEHzEo!HfhM)v7K7VL0!GkZ%>8#xWy z@XLL=JPReWPQ>ub<+>6Ji`m1$C@il@^UZv=jy;yE7Y9B4!_0Bp&Bp6#{M_W=&6)G0 z%{;Rlwhw`i%~Dqi5ksl#vJUeKxg7~KCoGr(glPOd9Y@n9i!>F64Cx&-0_>27)r%ga zD1SIAD8(|YYJ~rZA$Hr6EMd5#W6f!~9=2y+#6^}NUDanNLx0WOv(CJkvp(dVUbW?| zQ$dG&wRJgW<_{xvB`h>CYTeBYx4lnk@>^`=Gxtbw~af zN{=gDKFVk0-i6djRQX6S%4p-fXqf@n>(%`$fsv6uGO3epyw!oS9Sz)MOS10!=4Pc- zkH(D8-m^JyVH`gP8M+%<;L<|$p+%(W&_ppfLWNfm2!yg<=v5};ZUHKwv*4k#KpGZF zP3-shl4FLtc*T^3SYVKds+-5wndcw&yM9Dw8tO!g{`q?{8*89bVzBe72dS^AspuRN zv)G!yn(|DB6sCABRmY0CBF|8#tyY3$o)%L^idg$e-yN*>FyU)!)CG33Os_s|_>fNS zg&TdsPaAjWXoSzYh=vcf&O4V54u9J}A|oN1HpPCl2%Q20*vRERVL1-62X#F!re9E` z;E@G8S$8iuP@FXU?dLHTi8=>57M^4=>8!Abq*b`nBCNjBv+mfSP~y460Xwf6vmW=T z-NYnngd$rQFclxv&jPzxBn%J(JyQU{FGhj@y#SUKK+=O)OkkiZ5KG}8>$-Xg<=$81 zOjDpCx-Zb=2x`98iPqnh5-2jm2ljljphdja$!)oUFJNy6-56o-oBe&HUPqt)^<4l* z_u+!=wr;^H>rg2PiveZr1@j(&Mgrt%BT~BGoD-B-H@D1>WtH@v2&iTz{tS&1AL9r+ zc3k@IFT>zXj*9sEr#Z}U_J30&i+K@$?l3p3g0C&=_-+RVq2^agGUudgX^)ag32W^n z1tk9Y{jC#=jpt`xo6>_ z0<5g8{aNMZa)!;6gu#_8MC$28tgm@KTWo`N>(Af&U^n?DNQq1L9ZWSaDOmZ89#$6U zeHmt0A9JVcDqhiDKfDhX{e=y7K z>$|r1@TE5Vrf$@)Z$@t9`A{8oKg%K|A#2{K0o}Hzqgi)tw`GiSRvUT3-N@;aSp&z1 zJ1ncawmDpDGW|X`et7OllZS?fpN4&?i?{_^AN>-k!ivtY^k}?+=tEhC>JpnMD&=#U zzOdv4>i`r#H3%Meva61yH*6f z?iixRz9vITjus=qzJ=wTx10L4){Ho$Ug4j*SOgk2f@!jh)th8nJ2xh~TpjE6F08VQ zS&`^%d|>f9QpcKWeSJOQPiWO(P$si{2=_x@?{m94$>qi=^_14o>Osc97i7@q{qD^l z&)-QjL}kk0arolqWc74LF2@cGCM+r{XqGuExI22e{o!8^mia(*zM{KRxClj6cc(kW z61;D=o`tE9V)*EniN-O9+w&D@rbWlLNYC8wi%%!TZ#u&o*Lzi=L}li$6v|kuD{@ey zeumh7u3$dJK)!+`*DcoCIDgr0%7b`ZC}y4UQRPJN_Nf-UUXe82qK+3LU~G5vh@n5b zT0w>f@syql}xGeY1^zEHYC;fn5%{3RKB%e1OirasKv+k)z|e{=h6+ z>!3l5HvG`}VU#&OMul0SXTy-^zpcaQRlYTYAXc68ZD;7h-T1O)(}aeKCy=}#rc~mY zEBF#XRYs57cQHApU5Wvf24m6sIy!f#M8js54mEQSIey|4%1&nfRJ5|RBsOb&X>yk@Vw>zd-Gx*G@-ZE)H@n-r;%7X*9mZxuPv z5PSLKWHeS!O%jC;--ZSpf{GpI>@K0pHR9yguMy({MbP82J=JQ!mNg+~XklDsGnQao zU*$YRG)}%)rSE67wJ#Oq&KD2ewh6^wuOk?onHc6OOgem)2Nh0D8MvS9aE&Rv+ae(C zaf?~q3>H>g9=%tK%oBKKd3*Cj59eg>YOS_eFI-LfOZh(fgT+|qdnF}s8+52KRi1yF zS3w=nkNNv#BO@}Lld;WzI|49jt!^6YpHgC*e%l}N7C3v90A8{h%F?HYj z<+v6$McDHs(r;Y)&yYw7$B}h{WZAQ2^TNm9lT9Mu6|6Gq5=}a*HXKAln(yRSC(`@@ zxAD8(iBmS#FJVHJ!OmshUGr*8@b5%*U0RN!j()jWmAPus`KTW3~_Bpuq$AEUBJTYE{_*9x0Mm?6OM)5C?*}RN@hn5 zQc1$MkNcF7!;)^c%B;~_G$Lva>(3|Pl$No)i3?B6wegS(^^4fC?@v1rENmUd=-wq% zrCoks0ax(VI4PW#I@h^TLDK|HZ2k4glMgp&h^;7Ht>P~z_cmx*(ltW>w1}06MtIZY zhWB#U+a%Pq@@Qe0J1yJNRl;PKJGq8;v(3*I9!M#wvUqc@bzGU4sp9pu$YOmmz7X4PG!1HXJ?=b7A%IY1uF@ zd+cMI&*U3Y!Vp9;N^ds7u3+Ur0bY%L>i+~>E-hfI9Wcp++GWiosIy{bw*PW$kU72A zItJD6fiyfVq~H(}7tli(a<9dMXVDrd_YdCikGI6wSYvT?^d>a;@;c08V634AjUNpj z>bs-7{3GPYC7$L5A#ewB~2W@W}jbn{CGzGt+E#{Gr8Vs%+en4b*IcsT!U^q{jO>9JMtlX^}vb5DAr zm#!({OMB#z0h*P9>h|aIzG%nOq9|mYX;bOVnVZ!f^V)fGa_`%>4*=z^m%OJ6i9bc| zh17D`LA{e#bq`~3gA5JP+xK%zJ)mD61uAZ>`26V%@ zXjb_vP2GySVV&(bnRVfT5T9jv&KBtJWA1Sfd{lyWj?$Hf2W*)v**J+YYUeSBIL-33 z>~`?ZSsd%qYmYA}zP?yB&sgysYUDvIn7@oSeIoDEB+WXgq%$c>#EuA-o&G&e6@!h8 z%vjYIPy7>Gi(_H>n3mKXShq5Jreq>)k5+9Fs z2e#;R7ZYrhzrS-yNy$5|c?SQEoWX{W5MHuC&*|R!P~BgDpN@nvkJb&~K z>R&y2^j3PJw#E3=D;|M(^T?s|@78SNt*MBLC7va?FJ03E`!nd!XsPE(IeB?m()%Z~ zBmv#MKe(XMRHW$S1t%6VRyG*dQpIiP7)S&6A$|hf8ETkm!+#FGpNd!*3&S&^5edc4 zsgnZ(16w`eP6Iqaxr2Fjc7Vy|>JZ6>|R9NypgESaa#+#3Vl zIj4h{MWK($5%F=+kH-7r`ohadpkDwm!#ffJzi$*aT@J021@NjwHzz-y7PBHK03Wdn zQi!r5gC;#7bGiD}q&H5%@;eYqV-JQd^7l)3;0~oD5TH52Rd-XD6!htR5aqlL0C4*A zzpb(+HqPNjS3rAWcJr6``99|1fK)VM=o$?8c31gQW}g^O%NUwk8hzyGq=TaY(jF7@ zX`<5L4qc+ZpM#-_#6v?|GqY9xHHV^d#HlCPDzHePhAZ8{vw^@9*d&+Y)F*mi_a14( zp1zV)&|)!ZOT|KfCDUqDtAdILZh>@69|-`q&n_jL9o=TiugjiE%Onc zaOgjjVVDbR69a{sGhDB<&kB&8epMdyg4X|=f0d_?ts=e^t%?vUs-5ToQNKP2yR-GJGE)TuA@V0|`dPwJ2-+|qjEIdydm0BrIm2Au5Z1K^kma6DP1{YNcf zH`TEU6(vwG-uSU4?D?@8rFa(?<_Z862T~=985J}RT_OetApT|8PFVYq@~!&0EX^HZ zpr#{8crEc|{tsCSy)cU%xJrTP1ESqIMLu$vvT{ls^>RAGFaR)X_>r)*-Pdd|8BVQN zl7s=h-*z+6Z&@*nactROb=4v>rmo*@KEUs*q!u7E;wHQ{U6rMg&P}#Ofh^!IGB&$) zMY>a0>iA^@cN;!D!-^je3jwnlWX|>%Wx{p8hS~tVjt5*@kGXH=qn4TMKZL^p?v2(u z#f+~spr%6^n;N7Cv_|;1GOY0bK^?ky=^Nfbka~}%avQGS_a+~Xdv8#`wkrd%?(n@3 ztD3J+hp7Tqpvqy)CHgK-f)s}sQ#%?I2?BP{&X$z;5~kEBbdF<_^$?(yq z2tcw#xhwJ;D2Kfd|*1qnxF)!5sU#K-N6AhN9QXidyYSp2ahEnh8Y11k#`3L`Ukd<` zMdjYkpW?tSJfjN!%Hh}mYLX83iF@_=JQewk6^_=E8tX79Q1PpnbuTqxf}Jc}YIsr@ zePr)6#0-!MgMMWMWty^7{zua8at!*H9C45tlAuOOQ9U47(*qA@M`R7987QncKYL&A z_o{$QM#BN;ny>^(oA-dwt}3+zd13VYhx-qu9T9J`E}U!EFWE&4IJz0@{VeJ>nGU<4 zlCTPJ3?6GGpERyA|co-lUZKZohrS>gHfp zjY~s5(Qkz|H-OgLL>&liIE{@pY{|yW$LJc3{2{ICL3xZauxohS$Hus)%1%yVI3BOB z+)5spwFc4%Q@7n?!VJLNm4{%gBOZO_v96INneh!Bo0xfv^zdy{Zl3V3UEHlE8G`%( zv!U<)9-=o);c^!P24=wIIAkp<2vEGe_7tm`jS5z`k(v*$l=R(aXNhh5(5W%emxDJ5 zNx*6Wx}@653yc9yrKB9jacZu4C6t^X67pp!%g~aX0@gg95`G1W5Wb$_X>qmO1Z?s3 zziiUE)>6##-5+=fckmW}qK!~5C8-RTP7L`*KjQ+P^<<-|J1BBmCnb*3OMQ0YyB&Zk$=xf)=GQr$B4zZ=Q&HJo;V`HVgwe&Q?-V#$-#~aCFJ)nEc=RECusjofs zc;A~6y|tj%&W@=&u=+_^D4yjX07@gQ?JBBW^V}%Pf&JSQ512fr`rxG3#vNw0d`F`$ z1&Na8!$WyT3~wrIcpIb@_|hT}VD6ZrirPfauo8_h5igudGi-&bX24KVeEoXo#!5da z0bqWcr%oGsSx>p+0^vS0D221j_V`wm@Z_WlbfjcyB6jxdxTXaXFL5rYMy_8CiMl3I z_IhSftV95%%z%-UtNYe-rO7pPl-i=)kR|Ryi?A1)Q;IF)`05{zOw^9oM!X?SbY6(p zwEqvx+_MP;vjygJbhoEo7#xqRiR+#H0D9_DD&jrE98g#GQ$7~&?+>g&^wh+-Xc2EO z@2BA3hS608Bc6Zn<;AAlR-IS~;@CYR{J6*C$ZrPr{UaO_%`|QkO+R7ri|Xe_)X-pA zeM-$g_rUe6_OdUw=X_b~jN)<(LdR>=@Y4u;7)g*L#iRXV2oz|IKQG>Ui=(MH?oId@n w)fe6NrP^N&%@n<}wy=Z#=_>UFi}@pZ{MVN;5)dr`^GN}t%O;nq44fbQACa5EIsgCw From 509e27c1464e86c97dc82748c548a235a5932428 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Tue, 19 Nov 2024 13:59:30 +0100 Subject: [PATCH 008/135] refactor(style): exos move dark/light to bottom in order to be able to redefine it Signed-off-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/ionos-variables.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/src/lib/IONOS/components/ionos-variables.css b/src/lib/IONOS/components/ionos-variables.css index bcf6e4c3621..8e4d9ba9a15 100644 --- a/src/lib/IONOS/components/ionos-variables.css +++ b/src/lib/IONOS/components/ionos-variables.css @@ -1,13 +1,3 @@ -@media (prefers-color-scheme: dark) { - :root { - } -} - -@media (prefers-color-scheme: light) { - :root { - } -} - :root,[data-exos-theme=ionos] { --default-text-size: 14px; --default-text-line-height: 20px; @@ -337,3 +327,13 @@ --global-navigation-border1: #095bb1; --global-navigation-border2: #0b2a63 } + +@media (prefers-color-scheme: dark) { + :root { + } +} + +@media (prefers-color-scheme: light) { + :root { + } +} From 94aa5778989216a5e6a290da083b15cea1e0641c Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Thu, 21 Nov 2024 12:47:25 +0100 Subject: [PATCH 009/135] feat(ionos-header): add IONOS Header component Signed-off-by: Kai Henseler Co-authored-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/IonosHeader.svelte | 78 ++++++++++++++++++++ src/lib/IONOS/components/ionos-variables.css | 4 + src/lib/i18n/locales/de-DE/ionos.json | 1 + 3 files changed, 83 insertions(+) create mode 100644 src/lib/IONOS/components/IonosHeader.svelte diff --git a/src/lib/IONOS/components/IonosHeader.svelte b/src/lib/IONOS/components/IonosHeader.svelte new file mode 100644 index 00000000000..370073f8edf --- /dev/null +++ b/src/lib/IONOS/components/IonosHeader.svelte @@ -0,0 +1,78 @@ + + +
+
+ + + +
+ +
+ + {$i18n.t('Sign up')} + + + + {$i18n.t('Feedback', { ns: 'ionos' })} + + +
+
+ + diff --git a/src/lib/IONOS/components/ionos-variables.css b/src/lib/IONOS/components/ionos-variables.css index 8e4d9ba9a15..0e72648ee98 100644 --- a/src/lib/IONOS/components/ionos-variables.css +++ b/src/lib/IONOS/components/ionos-variables.css @@ -330,10 +330,14 @@ @media (prefers-color-scheme: dark) { :root { + --ion-background-color: #0d0d0d; + --ion-brand-color: #f4f7fa; } } @media (prefers-color-scheme: light) { :root { + --ion-background-color: #f9f9f9; + --ion-brand-color: var(--palette-corporate-6); } } diff --git a/src/lib/i18n/locales/de-DE/ionos.json b/src/lib/i18n/locales/de-DE/ionos.json index 2c63c085104..39843f22f84 100644 --- a/src/lib/i18n/locales/de-DE/ionos.json +++ b/src/lib/i18n/locales/de-DE/ionos.json @@ -1,2 +1,3 @@ { + "Feedback": "Feedback" } From e5a9883456dae653d3bb322d03f5052193eb6460 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Thu, 21 Nov 2024 14:38:28 +0100 Subject: [PATCH 010/135] style: exos: set dark style for secondary button Signed-off-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/ionos-variables.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/lib/IONOS/components/ionos-variables.css b/src/lib/IONOS/components/ionos-variables.css index 0e72648ee98..a07663ce535 100644 --- a/src/lib/IONOS/components/ionos-variables.css +++ b/src/lib/IONOS/components/ionos-variables.css @@ -332,6 +332,8 @@ :root { --ion-background-color: #0d0d0d; --ion-brand-color: #f4f7fa; + --secondary-button-border-color: #f4f7fa; + --secondary-button-background-color: #fff; } } From 8b6bdbef3763e763cfe53e8d94747c1102d2af0e Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Tue, 19 Nov 2024 14:00:04 +0100 Subject: [PATCH 011/135] feat(ionos-footer): add IONOS Footer component Signed-off-by: Kai Henseler Co-authored-by: Misha M.-Kupriyanov Signed-off-by: Misha M.-Kupriyanov --- src/exos.css | 26 +++++++++ src/lib/IONOS/components/IonosFooter.svelte | 60 ++++++++++++++++++++ src/lib/IONOS/components/ionos-variables.css | 4 ++ src/lib/i18n/locales/de-DE/ionos.json | 5 +- 4 files changed, 94 insertions(+), 1 deletion(-) create mode 100644 src/lib/IONOS/components/IonosFooter.svelte diff --git a/src/exos.css b/src/exos.css index d370a7e3d80..b08e6e61338 100644 --- a/src/exos.css +++ b/src/exos.css @@ -72,3 +72,29 @@ text-overflow: ellipsis; white-space: nowrap } + +.exos-link,.exos-toggle-link { + word-wrap: break-word; + cursor: pointer; + font-family: var(--default-font-regular,"OpenSansRegular",arial,arial narrow,sans-serif); + font-size: var(--default-text-size,14px); + line-height: var(--default-text-line-height,20px); + text-decoration: none +} + +.exos-link,.exos-link:before,.exos-toggle-link,.exos-toggle-link:before { + color: var(--interactive-text-color,#1474c4) +} + +.__hover.exos-toggle-link,.exos-link.__hover,.exos-link:active,.exos-link:hover,.exos-toggle-link:active,.exos-toggle-link:hover { + color: var(--interactive-text-color,#1474c4); + text-decoration: underline +} + +.exos-link:active:before,.exos-link:hover:before,.exos-toggle-link:active:before,.exos-toggle-link:hover:before { + color: var(--interactive-text-color,#1474c4) +} + +.exos-link:hover span,.exos-toggle-link:hover span { + text-decoration: none +} diff --git a/src/lib/IONOS/components/IonosFooter.svelte b/src/lib/IONOS/components/IonosFooter.svelte new file mode 100644 index 00000000000..2e3db9dd6c1 --- /dev/null +++ b/src/lib/IONOS/components/IonosFooter.svelte @@ -0,0 +1,60 @@ + + + + + diff --git a/src/lib/IONOS/components/ionos-variables.css b/src/lib/IONOS/components/ionos-variables.css index a07663ce535..5c7d8e14a2f 100644 --- a/src/lib/IONOS/components/ionos-variables.css +++ b/src/lib/IONOS/components/ionos-variables.css @@ -334,6 +334,8 @@ --ion-brand-color: #f4f7fa; --secondary-button-border-color: #f4f7fa; --secondary-button-background-color: #fff; + --ion-text-color: var(--primary-text-color-inverted); + --powered-by-text-color: var(--primary-text-color-inverted); } } @@ -341,5 +343,7 @@ :root { --ion-background-color: #f9f9f9; --ion-brand-color: var(--palette-corporate-6); + --ion-text-color: var(--primary-text-color); + --powered-by-text-color: var(--primary-text-color); } } diff --git a/src/lib/i18n/locales/de-DE/ionos.json b/src/lib/i18n/locales/de-DE/ionos.json index 39843f22f84..0422012e13e 100644 --- a/src/lib/i18n/locales/de-DE/ionos.json +++ b/src/lib/i18n/locales/de-DE/ionos.json @@ -1,3 +1,6 @@ { - "Feedback": "Feedback" + "Feedback": "Feedback", + "Imprint": "Impressum", + "Privacy Policy": "Datenschutz", + "Terms and Conditions": "AGB" } From 0781f0a8d7cf93bdded19169059fb467325da98e Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Tue, 19 Nov 2024 14:00:42 +0100 Subject: [PATCH 012/135] feat(ionos-header): add IONOS Header to root layout Signed-off-by: Misha M.-Kupriyanov --- src/lib/components/chat/Chat.svelte | 2 +- src/lib/components/layout/Sidebar.svelte | 4 ++-- src/routes/+layout.svelte | 3 +++ 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/lib/components/chat/Chat.svelte b/src/lib/components/chat/Chat.svelte index 8a1ef2d9162..8aff4f4e76a 100644 --- a/src/lib/components/chat/Chat.svelte +++ b/src/lib/components/chat/Chat.svelte @@ -2190,7 +2190,7 @@ {#if !chatIdProp || (loaded && chatIdProp)}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 13abd7d832c..61a6968f57a 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -33,6 +33,7 @@ import { WEBUI_BASE_URL, WEBUI_HOSTNAME } from '$lib/constants'; import i18n, { initI18n, getLanguages } from '$lib/i18n'; import { bestMatchingLanguage } from '$lib/utils'; + import IonosHeader from '$lib/IONOS/components/IonosHeader.svelte'; setContext('i18n', i18n); @@ -206,9 +207,11 @@ --> + {#if loaded} {/if} + Date: Thu, 21 Nov 2024 13:32:47 +0100 Subject: [PATCH 013/135] feat(ionos-footer): add IONOS Footer to root layout Signed-off-by: Misha M.-Kupriyanov --- src/lib/components/chat/Chat.svelte | 2 +- src/lib/components/layout/Sidebar.svelte | 4 ++-- src/routes/+layout.svelte | 1 + 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/lib/components/chat/Chat.svelte b/src/lib/components/chat/Chat.svelte index 8aff4f4e76a..1290a71c18c 100644 --- a/src/lib/components/chat/Chat.svelte +++ b/src/lib/components/chat/Chat.svelte @@ -2190,7 +2190,7 @@ {#if !chatIdProp || (loaded && chatIdProp)}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 61a6968f57a..3d790b3991e 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -33,6 +33,7 @@ import { WEBUI_BASE_URL, WEBUI_HOSTNAME } from '$lib/constants'; import i18n, { initI18n, getLanguages } from '$lib/i18n'; import { bestMatchingLanguage } from '$lib/utils'; + import IonosFooter from "$lib/IONOS/components/IonosFooter.svelte"; import IonosHeader from '$lib/IONOS/components/IonosHeader.svelte'; setContext('i18n', i18n); From 278646f902bae14b854e6525800c9c9203ff1d32 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Wed, 20 Nov 2024 14:51:19 +0100 Subject: [PATCH 014/135] feat(ionos-header): disable model selector Signed-off-by: Misha M.-Kupriyanov --- src/lib/components/layout/Navbar.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/layout/Navbar.svelte b/src/lib/components/layout/Navbar.svelte index d7662469e0d..f85563864f9 100644 --- a/src/lib/components/layout/Navbar.svelte +++ b/src/lib/components/layout/Navbar.svelte @@ -36,7 +36,7 @@ export let chat; export let selectedModels; - export let showModelSelector = true; + export let showModelSelector = false; let showShareChatModal = false; let showDownloadChatModal = false; From 45636d7cdd14cc5efc19c06f4f039366d51f0ebf Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Wed, 20 Nov 2024 15:13:08 +0100 Subject: [PATCH 015/135] feat(disable-upgrade-toast): disable upgrade toast Signed-off-by: Misha M.-Kupriyanov --- src/routes/(app)/+layout.svelte | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte index 6ce1612b763..8b28eeeb6f4 100644 --- a/src/routes/(app)/+layout.svelte +++ b/src/routes/(app)/+layout.svelte @@ -207,6 +207,7 @@ +{#if false} {#if version && compareVersion(version.latest, version.current) && ($settings?.showUpdateToast ?? true)}
{/if} +{/if}
Date: Fri, 22 Nov 2024 13:52:43 +0100 Subject: [PATCH 016/135] refactor(disable-upgrade-toast): disable upgrade toast extract configuration as human understandable variable Signed-off-by: Misha M.-Kupriyanov --- src/routes/(app)/+layout.svelte | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte index 8b28eeeb6f4..7fca19a75ba 100644 --- a/src/routes/(app)/+layout.svelte +++ b/src/routes/(app)/+layout.svelte @@ -52,6 +52,8 @@ let version; + const showUpdateInfoToast = false; + onMount(async () => { if ($user === undefined) { await goto('/auth'); @@ -207,7 +209,7 @@ -{#if false} +{#if showUpdateInfoToast} {#if version && compareVersion(version.latest, version.current) && ($settings?.showUpdateToast ?? true)}
Date: Fri, 22 Nov 2024 14:34:32 +0100 Subject: [PATCH 017/135] feature(disable-user-menu): Disable user menu in sidebar Signed-off-by: Misha M.-Kupriyanov --- src/lib/components/layout/Sidebar.svelte | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte index 18c2d1ac3ff..5abb7dde562 100644 --- a/src/lib/components/layout/Sidebar.svelte +++ b/src/lib/components/layout/Sidebar.svelte @@ -67,6 +67,8 @@ let folders = {}; + const showUserMenu = false; + const initFolders = async () => { const folderList = await getFolders(localStorage.token).catch((error) => { toast.error(error); @@ -772,6 +774,7 @@
+ {#if showUserMenu} {#if $user !== undefined} {/if} + {/if}
From 017a5d968ddac5b60fb5a9d9848c63bab30f48fa Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Fri, 22 Nov 2024 14:35:02 +0100 Subject: [PATCH 018/135] feature(disable-user-menu): Disable user menu in navbar Signed-off-by: Misha M.-Kupriyanov --- src/lib/components/layout/Navbar.svelte | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/lib/components/layout/Navbar.svelte b/src/lib/components/layout/Navbar.svelte index f85563864f9..b2cb89f6dd5 100644 --- a/src/lib/components/layout/Navbar.svelte +++ b/src/lib/components/layout/Navbar.svelte @@ -40,6 +40,8 @@ let showShareChatModal = false; let showDownloadChatModal = false; + + const showUserMenu = false; @@ -150,6 +152,7 @@ + {#if showUserMenu} {#if $user !== undefined} {/if} + {/if}
From 4e9873e30ad655c7483a8085ef29451ab3f7612e Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Fri, 22 Nov 2024 14:38:35 +0100 Subject: [PATCH 019/135] feature(disable-controls): Disable chat controls in navbar Signed-off-by: Misha M.-Kupriyanov --- src/lib/components/layout/Navbar.svelte | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/lib/components/layout/Navbar.svelte b/src/lib/components/layout/Navbar.svelte index b2cb89f6dd5..5098d5de158 100644 --- a/src/lib/components/layout/Navbar.svelte +++ b/src/lib/components/layout/Navbar.svelte @@ -42,6 +42,7 @@ let showDownloadChatModal = false; const showUserMenu = false; + const showControlsButton = false; @@ -119,6 +120,7 @@ {/if} + {#if showControlsButton} {#if !$mobile}
+ {#if showWorkspaceMenuItem} {#if $user?.role === 'admin' || $user?.permissions?.workspace?.models || $user?.permissions?.workspace?.knowledge || $user?.permissions?.workspace?.prompts || $user?.permissions?.workspace?.tools}
{/if} + {/if}
{#if $temporaryChatEnabled} From 169154e51ee9b843efc053fa4144b7b4836d6ac8 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Fri, 22 Nov 2024 14:59:10 +0100 Subject: [PATCH 021/135] feature(disable-placeholder): Disable model icon and name in placeholder Signed-off-by: Misha M.-Kupriyanov --- src/lib/components/chat/Placeholder.svelte | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte index 6782ea628b5..c7e20fd8175 100644 --- a/src/lib/components/chat/Placeholder.svelte +++ b/src/lib/components/chat/Placeholder.svelte @@ -38,6 +38,8 @@ let models = []; + const showModelIconAndName = false; + const selectSuggestionPrompt = async (p) => { let text = p; @@ -103,6 +105,7 @@ class="w-full text-3xl text-gray-800 dark:text-gray-100 font-medium text-center flex items-center gap-4 font-primary" >
+ {#if showModelIconAndName}
@@ -142,6 +145,7 @@ {/if}
+ {/if}
From 54ff8958a65d80ee826bbf57244558df4dac7798 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Fri, 22 Nov 2024 15:08:23 +0100 Subject: [PATCH 022/135] fix(ionos-footer): show powered by opened sidebar it was hidden before Signed-off-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/IonosFooter.svelte | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/lib/IONOS/components/IonosFooter.svelte b/src/lib/IONOS/components/IonosFooter.svelte index 2e3db9dd6c1..d0575e000d7 100644 --- a/src/lib/IONOS/components/IonosFooter.svelte +++ b/src/lib/IONOS/components/IonosFooter.svelte @@ -1,11 +1,16 @@ -
+
+
{$i18n.t('powered by IONOS Model Hub', { ns: 'ionos' })}
@@ -37,6 +42,7 @@ padding: 0 24px; position: fixed; bottom: 0; + right: 0; width: 100%; } From 9cb68bb287eaec25896e56742d9f819d536545b3 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Fri, 22 Nov 2024 17:18:42 +0100 Subject: [PATCH 023/135] style: extend exos v3.0 style exos style v3.0 * cleaned up from other tenants * removed styling of html tags * removed variables definition * prepended css classes with exos- in order no to collide with other styles sed -E 's/\.(-?[_a-zA-Z]+[_a-zA-Z0-9-]*)/.exos-\1/g' exos.foo.css > exos-prefixed.css * still uses external fonts! Signed-off-by: Misha M.-Kupriyanov --- src/exos.css | 24104 ++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 24044 insertions(+), 60 deletions(-) diff --git a/src/exos.css b/src/exos.css index b08e6e61338..a0350d3238f 100644 --- a/src/exos.css +++ b/src/exos.css @@ -1,100 +1,24084 @@ -.exos-button,.exos-toggle-button { - background-color: var(--secondary-button-background-color,#0000); - border: var(--button-border-width,2px) solid var(--secondary-button-border-color,#0b2a63); - border-radius: var(--button-border-radius,24px); - box-sizing: border-box; - color: var(--secondary-button-text-color,#0b2a63); - display: inline-block; - font-family: var(--button-font-family,"OpenSansSemibold",arial,sans-serif); - font-size: var(--button-font-size,14px); - line-height: 24px; - margin-right: 12px; - padding: var(--button-padding,4px 20px); - text-align: center; +/*! exos - 3.0.0 (4d6de532) (c) IONOS, 2024 */ +.exos-block { + display: block +} + +.exos-hidden { + display: none !important +} + +.exos-show { + display: block +} + +.exos-hide { + display: none !important +} + +.exos-nowrap { + white-space: nowrap +} + +body.exos-debug [class*=button-]:not(.exos-button):not(.exos-toggle-button):after, body.exos-debug [class*=button-]:not(.exos-button):not(.exos-toggle-button):before, body.exos-debug [class*=content-]:after, body.exos-debug [class*=content-]:before, body.exos-debug [class*=icon-button]:after, body.exos-debug [class*=icon-button]:before { + background: repeating-linear-gradient(45deg, #ff3232, #ff3030 20px, #fff 0, #fff 40px); + content: " "; + display: block; + height: 10px; + width: 100% +} + +#skipmenu { + left: 10px; + position: absolute; + top: 10px; + width: 180px; + z-index: 100 +} + +#skipmenu .exos-skip-target { + display: block; + height: 0; + overflow: hidden; + width: 0 +} + +#skipmenu .exos-skip:link, #skipmenu .exos-skip:visited { + font-size: 11px; + position: absolute; text-decoration: none; - transition: color .1s ease-out,background-color .1s ease-out,border-color .1s ease-out + text-transform: uppercase; + top: -999em } -.exos-button circle,.exos-button path,.toggle-button circle,.toggle-button path { - fill: var(--secondary-button-text-color,#0b2a63); - transition: fill .2s ease-out +#skipmenu .exos-skip:active, #skipmenu .exos-skip:focus { + color: #fff; + left: 0; + outline: 1px dotted #fff; + position: absolute; + top: 0 } -.exos-button::-moz-focus-inner,.toggle-button::-moz-focus-inner { - border: 0; - padding: 0 +.exos-grid { + box-sizing: border-box; + float: none; + margin-left: -15px; + margin-right: -15px; + min-height: 1px; + width: auto } -.exos-button:link,.exos-button:visited,.toggle-button:link,.toggle-button:visited { - outline: 0 none +.exos-grid--full-height { + display: flex; + flex-flow: row wrap } -.exos-button:has(+.exos-button--hidden:last-child),.exos-button:has(+.hidden:last-child),.exos-button:last-child,.exos-button:only-child,.toggle-button:has(+.exos-button--hidden:last-child),.toggle-button:has(+.hidden:last-child),.toggle-button:last-child,.toggle-button:only-child { - margin-right: 0 +.exos-grid:after { + clear: both; + content: ""; + display: table } -.__hover.exos-toggle-button:not(.exos-button--disabled),.exos-button.__hover:not(.exos-button--disabled),.exos-button:active:not(.exos-button--disabled),.exos-button:focus:not(.exos-button--disabled),.exos-button:hover:not(.exos-button--disabled),.exos-toggle-button:active:not(.exos-button--disabled),.exos-toggle-button:focus:not(.exos-button--disabled),.exos-toggle-button:hover:not(.exos-button--disabled) { - background-color: var(--hovered-secondary-button-background-color,#0b2a63); - border: var(--button-border-width,2px) solid var(--hovered-secondary-button-border-color,#0b2a63); - color: var(--hovered-secondary-button-text-color,#fff); - cursor: pointer +.exos-grid--align-center { + align-items: center; + display: flex; + flex-flow: column } -.__hover.exos-toggle-button:not(.exos-button--disabled) .loading-circle__circle,.exos-button.__hover:not(.exos-button--disabled) .loading-circle__circle,.exos-button:active:not(.exos-button--disabled) .loading-circle__circle,.exos-button:focus:not(.exos-button--disabled) .loading-circle__circle,.exos-button:hover:not(.exos-button--disabled) .loading-circle__circle,.exos-toggle-button:active:not(.exos-button--disabled) .loading-circle__circle,.exos-toggle-button:focus:not(.exos-button--disabled) .loading-circle__circle,.exos-toggle-button:hover:not(.exos-button--disabled) .loading-circle__circle { - animation-name: keyframes--loading-circle-bright +.exos-grid--align-left { + align-items: flex-start; + display: flex; + flex-flow: column +} + +.exos-grid--align-right { + align-items: flex-end; + display: flex; + flex-flow: column } +.exos-grid--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} -.exos-button--primary { - background-color: var(--primary-button-background-color,#0b2a63); - border: var(--button-border-width,2px) solid var(--primary-button-border-color,#0b2a63); - color: var(--primary-button-text-color,#fff) +.exos-grid--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-grid--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-grid-col { + box-sizing: border-box; + float: left; + min-height: 1px; + padding-left: 15px; + padding-right: 15px +} + +.exos-grid-col--1 { + width: 8.333333% +} + +.exos-grid-col--2 { + width: 16.666667% +} + +.exos-grid-col--3 { + width: 25% +} + +.exos-grid-col--4 { + width: 33.333333% +} + +.exos-grid-col--5 { + width: 41.666667% +} + +.exos-grid-col--6 { + width: 50% +} + +.exos-grid-col--7 { + width: 58.333333% +} + +.exos-grid-col--8 { + width: 66.666667% +} + +.exos-grid-col--9 { + width: 75% +} + +.exos-grid-col--10 { + width: 83.333333% +} + +.exos-grid-col--11 { + width: 91.666667% +} + +.exos-grid-col--12 { + width: 100% } -.exos-button--primary circle,.exos-button--primary path { - fill: var(--primary-button-text-color,#fff) +.exos-grid-col--article { + width: 72.5% } -.exos-button--primary.__hover:not(.exos-button--disabled),.exos-button--primary:active:not(.exos-button--disabled),.exos-button--primary:focus:not(.exos-button--disabled),.exos-button--primary:hover:not(.exos-button--disabled) { - background-color: var(--hovered-primary-button-background-color,#1474c4); - border: var(--button-border-width,2px) solid var(--hovered-primary-button-border-color,#1474c4); - color: var(--hovered-primary-button-text-color,#fff); +.exos-grid-col--article-sidebar { + width: 27.5% +} + +.exos-grid-col--article-sticky-sidebar { + padding-left: 16px; + padding-right: 16px; + position: -webkit-sticky; + position: sticky; + top: 96px; + width: 27.5%; + z-index: 3 +} + +.exos-grid-col--spacing-bottom { + padding-bottom: 15px +} + +.exos-grid-col--spacing-left { + padding-right: 0 +} + +.exos-grid-col--spacing-right { + padding-left: 0 +} + +.exos-grid-col--spacing-top { + padding-top: 15px +} + +.exos-grid-col--spacing-none { + padding-left: 0; + padding-right: 0 +} + +.exos-grid-col--separator-left { + border-left: 1px solid var(--tertiary-shape-color, #bcc8d4, #bcc8d4) +} + +.exos-grid-col--separator-right { + border-right: 1px solid var(--tertiary-shape-color, #bcc8d4, #bcc8d4) +} + +.exos-grid-col--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-grid-col--align-center { + align-items: center; + display: flex; + flex-flow: column +} + +.exos-grid-col--align-left { + align-items: flex-start; + display: flex; + flex-flow: column +} + +.exos-grid-col--align-right { + align-items: flex-end; + display: flex; + flex-flow: column +} + +.exos-grid-col--vertical-align-bottom { + align-self: flex-end +} + +.exos-grid-col--vertical-align-center { + align-self: center +} + +.exos-grid-col--vertical-align-middle { + vertical-align: middle +} + +.exos-grid-col--vertical-align-top { + align-self: flex-start +} + +.exos-grid--full-height .exos-grid-col { + display: flex; + flex-flow: column nowrap +} + +.exos-grid--full-height .exos-grid-col .exos-grid { + display: flex; + flex-flow: wrap; + flex-grow: 1 +} + +.exos-grid--full-height .exos-grid-col .exos-ias-zone, .exos-grid--full-height .exos-grid-col .exos-ias-zone > div:not([class]), .exos-grid--full-height .exos-grid-col .exos-ias-zone > div[data-medium-id] { + display: flex; + flex-grow: 1 +} + +body.exos-oao-navi-actor-bar-visible .exos-grid-col--article-sticky-sidebar { + top: 93px +} + +body.exos-oao-pi-headless-overlay.exos-oao-pi-size-large .exos-grid-col--article-sticky-sidebar { + top: 0 +} + +@font-face { + font-display: swap; + font-family: OpenSansRegular; + src: url(https://ce1.exos-uicdn.exos-net/exos/fonts/open-sans/opensans-regular.exos-woff2) format("woff2"), url(https://ce1.exos-uicdn.exos-net/exos/fonts/open-sans/opensans-regular.exos-woff) format("woff") +} + +@font-face { + font-display: swap; + font-family: OpenSansSemibold; + src: url(https://ce1.exos-uicdn.exos-net/exos/fonts/open-sans/opensans-semibold.exos-woff2) format("woff2"), url(https://ce1.exos-uicdn.exos-net/exos/fonts/open-sans/opensans-semibold.exos-woff) format("woff") +} + +@font-face { + font-display: swap; + font-family: OverpassRegular; + src: url(https://ce1.exos-uicdn.exos-net/exos/fonts/overpass/overpass-regular.exos-woff2) format("woff2"), url(https://ce1.exos-uicdn.exos-net/exos/fonts/overpass/overpass-regular.exos-woff) format("woff") +} + +@font-face { + font-display: swap; + font-family: OverpassSemibold; + src: url(https://ce1.exos-uicdn.exos-net/exos/fonts/overpass/overpass-semibold.exos-woff2) format("woff2"), url(https://ce1.exos-uicdn.exos-net/exos/fonts/overpass/overpass-semibold.exos-woff) format("woff") +} + +body, html { + height: 100%; + margin: 0 +} + +html { + -webkit-tap-highlight-color: transparent +} + +.exos-page-container, body { + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + text-size-adjust: 100%; + color: #001b41; + display: grid; + font-family: OpenSansRegular, arial, arial narrow, sans-serif; + font-size: 14px; + grid-template:"content" 1fr "footer" auto/minmax(auto, 100%); + line-height: 20px; + overflow-x: hidden +} + +.exos-page-container { + height: 100% +} + +.exos-__direct-selection { cursor: pointer } -.exos-button--primary.__hover:not(.exos-button--disabled) circle,.exos-button--primary.__hover:not(.exos-button--disabled) path,.exos-button--primary:active:not(.exos-button--disabled) circle,.exos-button--primary:active:not(.exos-button--disabled) path,.exos-button--primary:focus:not(.exos-button--disabled) circle,.exos-button--primary:focus:not(.exos-button--disabled) path,.exos-button--primary:hover:not(.exos-button--disabled) circle,.exos-button--primary:hover:not(.exos-button--disabled) path { - fill: var(--primary-button-text-color,#fff) +strong { + font-family: OpenSansSemibold, arial, sans-serif; + font-size: 14px; + font-weight: 400 +} + +.exos-page-content { + background-color: var(--default-background-color, #f4f7fa); + grid-area: content } +.exos-page-content, .exos-page-content main { + display: flex; + flex-direction: column +} -.exos-button--ellipsized { +.exos-page-content main { + flex-grow: 1 +} + +.exos-headless-mode .exos-page-content main { + flex-grow: 0 +} + +.exos-exos-icon--bright { + color: var(--white, #fff) +} + +.exos-exos-icon--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-exos-icon--success { + color: var(--success-text-color, #096b35) +} + +.exos-exos-icon--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-exos-icon--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-exos-icon--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-exos-icon--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-exos-icon--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-accordion { + border: var(--accordion-border, 0 none #0000); + border-radius: calc(var(--default-border-radius, 16px) - 1px); + display: block; + margin-bottom: 32px +} + +.exos-accordion--filled { + overflow: hidden +} + +.exos-accordion--hidden { + display: none +} + +.exos-accordion__item { + background: var(--accordion-item-background-color, #fff); + border-bottom: var(--accordion-item-border, 1px solid #bcc8d4); + display: block; + margin: 0; + overflow: hidden; + padding: 0; + position: relative +} + +.exos-accordion__item--secondary { + background: var(--secondary-background-color, #fff) +} + +.exos-accordion__item:first-child { + border-top-left-radius: calc(var(--default-border-radius, 16px) - 1px); + border-top-right-radius: calc(var(--default-border-radius, 16px) - 1px) +} + +.exos-accordion__item:last-child { + border-bottom: 0; + border-bottom-left-radius: calc(var(--default-border-radius, 16px) - 1px); + border-bottom-right-radius: calc(var(--default-border-radius, 16px) - 1px); + overflow: hidden +} + +.exos-accordion__item--expanded, .exos-accordion__item:hover { + transition: background .2s ease-out, box-shadow .2s ease-out +} + +.exos-accordion__item--expanded:last-child, .exos-accordion__item:last-child:hover { + box-shadow: var(--hovered-accordion-shadow, none) +} + +.exos-accordion__item-header { + color: var(--primary-text-color, #02102b); + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif); + font-size: var(--fourth-level-headline-size, 14px); + line-height: 1; + line-height: var(--fourth-level-headline-line-height, 20px); + margin: 0; + padding: 16px 32px 18px 12px; + position: relative +} + +.exos-accordion__item-header:after { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-accordion__item-header:before { + content: ""; + margin-left: 14px +} + +.exos-accordion__item-header:after { + font-size: var(--default-text-size, 14px); + line-height: 24px; + position: absolute; + right: 16px; + top: 14px +} + +.exos-accordion__item-header:hover { + color: var(--interactive-text-color, #1474c4); + cursor: pointer +} + +.exos-accordion__item-header--ellipsized { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } -.exos-link,.exos-toggle-link { - word-wrap: break-word; - cursor: pointer; - font-family: var(--default-font-regular,"OpenSansRegular",arial,arial narrow,sans-serif); - font-size: var(--default-text-size,14px); - line-height: var(--default-text-line-height,20px); - text-decoration: none +.exos-accordion__item--expanded .exos-accordion__item-header:after { + content: "" } -.exos-link,.exos-link:before,.exos-toggle-link,.exos-toggle-link:before { - color: var(--interactive-text-color,#1474c4) +.exos-accordion__item-section { + display: none; + margin: 0; + padding: 16px 16px 18px 24px } -.__hover.exos-toggle-link,.exos-link.__hover,.exos-link:active,.exos-link:hover,.exos-toggle-link:active,.exos-toggle-link:hover { - color: var(--interactive-text-color,#1474c4); - text-decoration: underline +.exos-accordion__item-section:before { + content: ""; + margin-left: 8px } -.exos-link:active:before,.exos-link:hover:before,.exos-toggle-link:active:before,.exos-toggle-link:hover:before { - color: var(--interactive-text-color,#1474c4) +.exos-accordion__item-section--secondary { + background-color: var(--default-background-color, #f4f7fa) } -.exos-link:hover span,.exos-toggle-link:hover span { - text-decoration: none +.exos-accordion__item-section:last-child { + margin-bottom: 0 +} + +.exos-accordion__item-section:only-of-type { + padding-top: 2px +} + +.exos-accordion__item-section .exos-sheet { + margin-bottom: 8px +} + +.exos-accordion__item--expanded .exos-accordion__item-section { + display: inherit +} + +.exos-accordion__item.exos-accordion__item--success .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--success .exos-accordion__item-section { + box-shadow: inset 8px 0 0 0 var(--inactive-success-shape-color, #12cf76) +} + +.exos-accordion__item.exos-accordion__item--success.exos-accordion__item--expanded .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--success.exos-accordion__item--expanded .exos-accordion__item-section, .exos-accordion__item.exos-accordion__item--success:hover .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--success:hover .exos-accordion__item-section { + box-shadow: inset 8px 0 0 0 var(--success-shape-color, #0fa954) +} + +.exos-accordion__item.exos-accordion__item--warning .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--warning .exos-accordion__item-section { + box-shadow: inset 8px 0 0 0 var(--inactive-warning-shape-color, #ffd176) +} + +.exos-accordion__item.exos-accordion__item--warning.exos-accordion__item--expanded .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--warning.exos-accordion__item--expanded .exos-accordion__item-section, .exos-accordion__item.exos-accordion__item--warning:hover .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--warning:hover .exos-accordion__item-section { + box-shadow: inset 8px 0 0 0 var(--warning-shape-color, #fa0) +} + +.exos-accordion__item.exos-accordion__item--critical { + box-shadow: inset 8px 0 0 0 var(--inactive-critical-shape-color, #ffa8a3) +} + +.exos-accordion__item.exos-accordion__item--critical.exos-accordion__item--expanded, .exos-accordion__item.exos-accordion__item--critical:hover { + box-shadow: inset 8px 0 0 0 var(--critical-shape-color, #f50c00) +} + +.exos-accordion__item.exos-accordion__item--neutral .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--neutral .exos-accordion__item-section { + box-shadow: inset 8px 0 0 0 var(--inactive-neutral-shape-color, #bcc8d4) +} + +.exos-accordion__item.exos-accordion__item--neutral.exos-accordion__item--expanded .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--neutral.exos-accordion__item--expanded .exos-accordion__item-section, .exos-accordion__item.exos-accordion__item--neutral:hover .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--neutral:hover .exos-accordion__item-section { + box-shadow: inset 8px 0 0 0 var(--neutral-shape-color, #718095) +} + +.exos-accordion__item.exos-accordion__item--activating .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--activating .exos-accordion__item-section { + box-shadow: inset 8px 0 0 0 var(--inactive-activating-shape-color, #7fe4f6) +} + +.exos-accordion__item.exos-accordion__item--activating.exos-accordion__item--expanded .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--activating.exos-accordion__item--expanded .exos-accordion__item-section, .exos-accordion__item.exos-accordion__item--activating:hover .exos-accordion__item-header, .exos-accordion__item.exos-accordion__item--activating:hover .exos-accordion__item-section { + box-shadow: inset 8px 0 0 0 var(--activating-shape-color, #11c7e6) +} + +.exos-badge { + background-color: var(--solid-activating-background-color, #11c7e6); + border-radius: var(--xxsmall-border-radius, 2px); + color: var(--corporate-text-color, #0b2a63); + display: inline-block; + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif); + font-size: var(--default-text-size, 14px); + line-height: 20px; + margin-right: 6px; + padding: 0 6px +} + +.exos-badge--hidden { + display: none +} + +.exos-badge--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-badge--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-badge--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-badge--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-badge--advertising > .exos-headline, .exos-badge--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-badge--success-solid { + background-color: var(--solid-success-background-color, #12cf76) +} + +.exos-badge--success-solid, .exos-badge--warning-solid { + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-badge--warning-solid { + background-color: var(--solid-warning-background-color, #fa0) +} + +.exos-badge--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-badge--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-badge--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-badge--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-badge--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-badge--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-badge--right { + margin-left: 6px; + margin-right: 0 +} + +.exos-badge--separated { + float: left +} + +.exos-badge--positioned { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + left: 0; + padding-left: 12px; + position: absolute; + top: 16px; + z-index: 1 +} + +.exos-badge--uppercase { + text-transform: uppercase +} + +.exos-badge__separated-text { + display: table-cell +} + +.exos-breadcrumb { + align-items: center; + display: flex; + max-width: calc(50vw + 585px); + padding-bottom: 12px +} + +.exos-breadcrumb:only-child { + padding-bottom: 0 +} + +.exos-breadcrumb--hidden { + display: none +} + +.exos-breadcrumb__item { + color: var(--corporate-text-color, #0b2a63); + cursor: pointer; + display: inline-block; + font-size: 16px; + height: 20px; + line-height: 16px; + overflow: hidden; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-breadcrumb__item:last-child { + overflow: visible +} + +.exos-breadcrumb__item:before { + color: var(--corporate-text-color, #0b2a63); + content: ""; + display: inline-flex; + font-family: exos-icon-font, sans-serif; + font-style: normal; + font-weight: 400; + padding: 0 5px; + position: relative; + top: 2px +} + +.exos-breadcrumb__item:hover { + text-decoration: underline +} + +.exos-breadcrumb__item--dark, .exos-breadcrumb__item--dark:before { + color: var(--black, #000) +} + +.exos-breadcrumb__item:first-child { + min-width: 16px; + text-indent: -100px; + text-overflow: clip +} + +.exos-breadcrumb__item:first-child:before { + content: ""; + float: left; + min-width: 18px; + padding: 0; + text-indent: 0 +} + +.exos-breadcrumb__item:only-child { + text-indent: 0 +} + +.exos-breadcrumb__item:only-child:before { + float: none; + padding-right: 5px; + text-indent: 0 +} + +.exos-breadcrumb__item:only-child .exos-breadcrumb__item-content { + display: inline +} + +.exos-oao-navi-mobile-app .exos-breadcrumb { + display: none +} + +.exos-page-header--narrow .exos-breadcrumb { + max-width: calc(50vw + 475px) +} + +.exos-page-header--short .exos-breadcrumb { + max-width: calc(50vw + 325px) +} + +.exos-page-stepper__block { + display: flex; + padding: 0 24px +} + +.exos-page-stepper__block .exos-breadcrumb__item .exos-paragraph { + display: inline; + font-size: inherit +} + +.exos-button, .exos-toggle-button { + background-color: var(--secondary-button-background-color, #0000); + border: var(--button-border-width, 2px) solid var(--secondary-button-border-color, #0b2a63); + border-radius: var(--button-border-radius, 24px); + box-sizing: border-box; + color: var(--secondary-button-text-color, #0b2a63); + display: inline-block; + font-family: var(--button-font-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--button-font-size, 14px); + line-height: 24px; + margin-right: 12px; + padding: var(--button-padding, 4px 20px); + text-align: center; + text-decoration: none; + transition: color .1s ease-out, background-color .1s ease-out, border-color .1s ease-out +} + +.exos-button circle, .exos-button path, .exos-toggle-button circle, .exos-toggle-button path { + fill: var(--secondary-button-text-color, #0b2a63); + transition: fill .2s ease-out +} + +.exos-button::-moz-focus-inner, .exos-toggle-button::-moz-focus-inner { + border: 0; + padding: 0 +} + +.exos-button:link, .exos-button:visited, .exos-toggle-button:link, .exos-toggle-button:visited { + outline: 0 none +} + +.exos-button:has(+.exos-button--hidden:last-child), .exos-button:has(+.exos-hidden:last-child), .exos-button:last-child, .exos-button:only-child, .exos-toggle-button:has(+.exos-button--hidden:last-child), .exos-toggle-button:has(+.exos-hidden:last-child), .exos-toggle-button:last-child, .exos-toggle-button:only-child { + margin-right: 0 +} + +.exos-__hover.exos-toggle-button:not(.exos-button--disabled), .exos-button.exos-__hover:not(.exos-button--disabled), .exos-button:active:not(.exos-button--disabled), .exos-button:focus:not(.exos-button--disabled), .exos-button:hover:not(.exos-button--disabled), .exos-toggle-button:active:not(.exos-button--disabled), .exos-toggle-button:focus:not(.exos-button--disabled), .exos-toggle-button:hover:not(.exos-button--disabled) { + background-color: var(--hovered-secondary-button-background-color, #0b2a63); + border: var(--button-border-width, 2px) solid var(--hovered-secondary-button-border-color, #0b2a63); + color: var(--hovered-secondary-button-text-color, #fff); + cursor: pointer +} + +.exos-__hover.exos-toggle-button:not(.exos-button--disabled) .exos-loading-circle__circle, .exos-button.exos-__hover:not(.exos-button--disabled) .exos-loading-circle__circle, .exos-button:active:not(.exos-button--disabled) .exos-loading-circle__circle, .exos-button:focus:not(.exos-button--disabled) .exos-loading-circle__circle, .exos-button:hover:not(.exos-button--disabled) .exos-loading-circle__circle, .exos-toggle-button:active:not(.exos-button--disabled) .exos-loading-circle__circle, .exos-toggle-button:focus:not(.exos-button--disabled) .exos-loading-circle__circle, .exos-toggle-button:hover:not(.exos-button--disabled) .exos-loading-circle__circle { + animation-name: keyframes--loading-circle-bright +} + +.exos-button--bright circle, .exos-button--bright path, .exos-button:not(.exos-button--disabled):focus circle, .exos-button:not(.exos-button--disabled):focus path, .exos-button:not(.exos-button--disabled):hover circle, .exos-button:not(.exos-button--disabled):hover path, .exos-toggle-button:not(.exos-button--disabled):focus circle, .exos-toggle-button:not(.exos-button--disabled):focus path, .exos-toggle-button:not(.exos-button--disabled):hover circle, .exos-toggle-button:not(.exos-button--disabled):hover path { + fill: var(--white, #fff) +} + +.exos-button--last { + margin-right: 0 +} + +.exos-button--align-center { + justify-content: center; + text-align: center +} + +.exos-button--align-left { + justify-content: left; + text-align: left +} + +.exos-button--align-right { + justify-content: right; + text-align: right +} + +.exos-button--hidden { + display: none +} + +.exos-button--full-width { + width: 100% +} + +.exos-button--nowrap { + white-space: nowrap +} + +.exos-button--break-all { + word-break: break-all +} + +.exos-button--break-word { + word-break: break-word +} + +.exos-button--keep-all { + word-break: keep-all +} + +.exos-button--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-button--disabled { + cursor: not-allowed; + opacity: .5 +} + +.exos-button--exos-icon:before { + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + padding-right: 8px; + vertical-align: top; + vertical-align: -2px +} + +.exos-button--primary { + background-color: var(--primary-button-background-color, #0b2a63); + border: var(--button-border-width, 2px) solid var(--primary-button-border-color, #0b2a63); + color: var(--primary-button-text-color, #fff) +} + +.exos-button--primary circle, .exos-button--primary path { + fill: var(--primary-button-text-color, #fff) +} + +.exos-button--primary.exos-__hover:not(.exos-button--disabled), .exos-button--primary:active:not(.exos-button--disabled), .exos-button--primary:focus:not(.exos-button--disabled), .exos-button--primary:hover:not(.exos-button--disabled) { + background-color: var(--hovered-primary-button-background-color, #1474c4); + border: var(--button-border-width, 2px) solid var(--hovered-primary-button-border-color, #1474c4); + color: var(--hovered-primary-button-text-color, #fff); + cursor: pointer +} + +.exos-button--primary.exos-__hover:not(.exos-button--disabled) circle, .exos-button--primary.exos-__hover:not(.exos-button--disabled) path, .exos-button--primary:active:not(.exos-button--disabled) circle, .exos-button--primary:active:not(.exos-button--disabled) path, .exos-button--primary:focus:not(.exos-button--disabled) circle, .exos-button--primary:focus:not(.exos-button--disabled) path, .exos-button--primary:hover:not(.exos-button--disabled) circle, .exos-button--primary:hover:not(.exos-button--disabled) path { + fill: var(--primary-button-text-color, #fff) +} + +.exos-button--bright { + background-color: var(--bright-secondary-button-background-color, #0000); + border: var(--button-border-width, 2px) solid var(--bright-secondary-button-border-color, #fff); + color: var(--bright-secondary-button-text-color, #fff) +} + +.exos-button--bright circle, .exos-button--bright path { + fill: var(--bright-secondary-button-text-color, #fff) +} + +.exos-button--bright.exos-__hover:not(.exos-button--disabled), .exos-button--bright:active:not(.exos-button--disabled), .exos-button--bright:focus:not(.exos-button--disabled), .exos-button--bright:hover:not(.exos-button--disabled) { + background-color: var(--hovered-bright-secondary-button-background-color, #fff); + border: var(--button-border-width, 2px) solid var(--hovered-bright-secondary-button-border-color, #fff); + color: var(--hovered-bright-secondary-button-text-color, #0b2a63); + cursor: pointer +} + +.exos-button--bright.exos-__hover:not(.exos-button--disabled) circle, .exos-button--bright.exos-__hover:not(.exos-button--disabled) path, .exos-button--bright:active:not(.exos-button--disabled) circle, .exos-button--bright:active:not(.exos-button--disabled) path, .exos-button--bright:focus:not(.exos-button--disabled) circle, .exos-button--bright:focus:not(.exos-button--disabled) path, .exos-button--bright:hover:not(.exos-button--disabled) circle, .exos-button--bright:hover:not(.exos-button--disabled) path { + fill: var(--hovered-bright-secondary-button-text-color, #0b2a63) +} + +.exos-button--bright-solid { + background-color: var(--bright-primary-button-background-color, #fff); + border: var(--button-border-width, 2px) solid var(--bright-primary-button-border-color, #fff); + color: var(--bright-primary-button-text-color, #0b2a63) +} + +.exos-button--bright-solid circle, .exos-button--bright-solid path { + fill: var(--bright-primary-button-text-color, #0b2a63) +} + +.exos-button--bright-solid.exos-__hover:not(.exos-button--disabled), .exos-button--bright-solid:active:not(.exos-button--disabled), .exos-button--bright-solid:focus:not(.exos-button--disabled), .exos-button--bright-solid:hover:not(.exos-button--disabled) { + background-color: var(--hovered-bright-primary-button-background-color, #95caeb); + border: var(--button-border-width, 2px) solid var(--hovered-bright-primary-button-border-color, #95caeb); + color: var(--hovered-bright-primary-button-text-color, #0b2a63); + cursor: pointer +} + +.exos-button--bright-solid.exos-__hover:not(.exos-button--disabled) circle, .exos-button--bright-solid.exos-__hover:not(.exos-button--disabled) path, .exos-button--bright-solid:active:not(.exos-button--disabled) circle, .exos-button--bright-solid:active:not(.exos-button--disabled) path, .exos-button--bright-solid:focus:not(.exos-button--disabled) circle, .exos-button--bright-solid:focus:not(.exos-button--disabled) path, .exos-button--bright-solid:hover:not(.exos-button--disabled) circle, .exos-button--bright-solid:hover:not(.exos-button--disabled) path { + fill: var(--hovered-bright-primary-button-text-color, #0b2a63) +} + +.exos-button--activating { + background-color: var(--activating-secondary-button-background-color, #0000); + border: var(--button-border-width, 2px) solid var(--activating-secondary-button-border-color, #11c7e6); + color: var(--activating-secondary-button-text-color, #11c7e6) +} + +.exos-button--activating circle, .exos-button--activating path { + fill: var(--activating-secondary-button-text-color, #11c7e6) +} + +.exos-button--activating.exos-__hover:not(.exos-button--disabled), .exos-button--activating:active:not(.exos-button--disabled), .exos-button--activating:focus:not(.exos-button--disabled), .exos-button--activating:hover:not(.exos-button--disabled) { + background-color: var(--hovered-activating-secondary-button-background-color, #11c7e6); + border: var(--button-border-width, 2px) solid var(--hovered-activating-secondary-button-border-color, #11c7e6); + color: var(--hovered-activating-secondary-button-text-color, #0b2a63); + cursor: pointer +} + +.exos-button--activating.exos-__hover:not(.exos-button--disabled) circle, .exos-button--activating.exos-__hover:not(.exos-button--disabled) path, .exos-button--activating:active:not(.exos-button--disabled) circle, .exos-button--activating:active:not(.exos-button--disabled) path, .exos-button--activating:focus:not(.exos-button--disabled) circle, .exos-button--activating:focus:not(.exos-button--disabled) path, .exos-button--activating:hover:not(.exos-button--disabled) circle, .exos-button--activating:hover:not(.exos-button--disabled) path { + fill: var(--hovered-activating-secondary-button-text-color, #0b2a63) +} + +.exos-button--activating-solid { + background-color: var(--activating-primary-button-background-color, #11c7e6); + border: var(--button-border-width, 2px) solid var(--activating-primary-button-border-color, #11c7e6); + color: var(--activating-primary-button-text-color, #0b2a63) +} + +.exos-button--activating-solid circle, .exos-button--activating-solid path { + fill: var(--activating-primary-button-text-color, #0b2a63) +} + +.exos-button--activating-solid.exos-__hover:not(.exos-button--disabled), .exos-button--activating-solid:active:not(.exos-button--disabled), .exos-button--activating-solid:focus:not(.exos-button--disabled), .exos-button--activating-solid:hover:not(.exos-button--disabled) { + background-color: var(--hovered-activating-primary-button-background-color, #7fe4f6); + border: var(--button-border-width, 2px) solid var(--hovered-activating-primary-button-border-color, #7fe4f6); + color: var(--hovered-activating-primary-button-text-color, #0b2a63); + cursor: pointer +} + +.exos-button--activating-solid.exos-__hover:not(.exos-button--disabled) circle, .exos-button--activating-solid.exos-__hover:not(.exos-button--disabled) path, .exos-button--activating-solid:active:not(.exos-button--disabled) circle, .exos-button--activating-solid:active:not(.exos-button--disabled) path, .exos-button--activating-solid:focus:not(.exos-button--disabled) circle, .exos-button--activating-solid:focus:not(.exos-button--disabled) path, .exos-button--activating-solid:hover:not(.exos-button--disabled) circle, .exos-button--activating-solid:hover:not(.exos-button--disabled) path { + fill: var(--hovered-activating-primary-button-text-color, #0b2a63) +} + +.exos-button--promoting { + background-color: var(--promoting-secondary-button-background-color, #0000); + border: var(--button-border-width, 2px) solid var(--promoting-secondary-button-border-color, #e480f8); + color: var(--promoting-secondary-button-text-color, #e480f8) +} + +.exos-button--promoting circle, .exos-button--promoting path { + fill: var(--promoting-secondary-button-text-color, #e480f8) +} + +.exos-button--promoting.exos-__hover:not(.exos-button--disabled), .exos-button--promoting:active:not(.exos-button--disabled), .exos-button--promoting:focus:not(.exos-button--disabled), .exos-button--promoting:hover:not(.exos-button--disabled) { + background-color: var(--hovered-promoting-secondary-button-background-color, #f0b7fb); + border: var(--button-border-width, 2px) solid var(--hovered-promoting-secondary-button-border-color, #f0b7fb); + color: var(--hovered-promoting-secondary-button-text-color, #fff); + cursor: pointer +} + +.exos-button--promoting.exos-__hover:not(.exos-button--disabled) circle, .exos-button--promoting.exos-__hover:not(.exos-button--disabled) path, .exos-button--promoting:active:not(.exos-button--disabled) circle, .exos-button--promoting:active:not(.exos-button--disabled) path, .exos-button--promoting:focus:not(.exos-button--disabled) circle, .exos-button--promoting:focus:not(.exos-button--disabled) path, .exos-button--promoting:hover:not(.exos-button--disabled) circle, .exos-button--promoting:hover:not(.exos-button--disabled) path { + fill: var(--hovered-promoting-secondary-button-text-color, #fff) +} + +.exos-button--promoting-solid { + background-color: var(--promoting-primary-button-background-color, #e480f8); + border: var(--button-border-width, 2px) solid var(--promoting-primary-button-border-color, #e480f8); + color: var(--promoting-primary-button-text-color, #fff) +} + +.exos-button--promoting-solid circle, .exos-button--promoting-solid path { + fill: var(--promoting-primary-button-text-color, #fff) +} + +.exos-button--promoting-solid.exos-__hover:not(.exos-button--disabled), .exos-button--promoting-solid:active:not(.exos-button--disabled), .exos-button--promoting-solid:focus:not(.exos-button--disabled), .exos-button--promoting-solid:hover:not(.exos-button--disabled) { + background-color: var(--hovered-promoting-primary-button-background-color, #f0b7fb); + border: var(--button-border-width, 2px) solid var(--hovered-promoting-primary-button-border-color, #f0b7fb); + color: var(--hovered-promoting-primary-button-text-color, #fff); + cursor: pointer +} + +.exos-button--promoting-solid.exos-__hover:not(.exos-button--disabled) circle, .exos-button--promoting-solid.exos-__hover:not(.exos-button--disabled) path, .exos-button--promoting-solid:active:not(.exos-button--disabled) circle, .exos-button--promoting-solid:active:not(.exos-button--disabled) path, .exos-button--promoting-solid:focus:not(.exos-button--disabled) circle, .exos-button--promoting-solid:focus:not(.exos-button--disabled) path, .exos-button--promoting-solid:hover:not(.exos-button--disabled) circle, .exos-button--promoting-solid:hover:not(.exos-button--disabled) path { + fill: var(--hovered-promoting-primary-button-text-color, #fff) +} + +.exos-button__loader { + bottom: 2.5px; + display: none; + margin-left: 12px; + position: relative +} + +.exos-button--loading { + cursor: default; + pointer-events: none; + touch-action: none +} + +.exos-button--loading .exos-button__loader { + display: inline-block +} + +.exos-button--download { + display: inline-flex; + justify-content: center; + line-height: 1; + line-height: 24px +} + +.exos-button--download:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + padding-right: 6px; + vertical-align: top; + vertical-align: -2px +} + +.exos-button--search { + display: inline-flex; + justify-content: center; + line-height: 1; + line-height: 24px +} + +.exos-button--search:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + padding-right: 6px; + vertical-align: top; + vertical-align: -2px +} + +.exos-button--retry { + display: inline-flex; + justify-content: center; + line-height: 1; + line-height: 24px +} + +.exos-button--retry:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + padding-right: 6px; + vertical-align: top; + vertical-align: -2px +} + +.exos-button--helpandlearn { + display: inline-flex; + justify-content: center; + line-height: 1; + line-height: 24px +} + +.exos-button--helpandlearn:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + margin-left: 1px; + padding-right: 5px; + vertical-align: top; + vertical-align: -2px +} + +.exos-button--next { + display: inline-flex; + justify-content: center; + line-height: 1; + line-height: 24px +} + +.exos-button--next:after { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + margin-right: -3px; + padding-left: 9px; + vertical-align: top; + vertical-align: -2px +} + +.exos-button--performance { + display: inline-flex; + justify-content: center; + line-height: 1; + line-height: 24px +} + +.exos-button--performance:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + padding-right: 6px; + vertical-align: top; + vertical-align: -2px +} + +.exos-button--previous { + display: inline-flex; + justify-content: center; + line-height: 1; + line-height: 24px +} + +.exos-button--previous:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + margin-left: -3px; + margin-right: 9px; + transform: scaleX(-1); + vertical-align: top; + vertical-align: -2px +} + +.exos-button--upselling { + display: inline-flex; + justify-content: center; + line-height: 1; + line-height: 24px +} + +.exos-button--upselling:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + padding-right: 6px; + vertical-align: top; + vertical-align: -2px +} + +.exos-button--link-external { + display: inline-flex; + justify-content: center; + line-height: 1; + line-height: 24px +} + +.exos-button--link-external:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 22px; + padding-right: 0; + vertical-align: top; + vertical-align: -2px +} + +.exos-button--with-icon { + align-items: center; + display: inline-flex; + justify-content: center; + vertical-align: -2px +} + +.exos-button--with-icon svg { + pointer-events: none +} + +.exos-button--with-icon .exos-button__icon { + margin-right: 8px +} + +.exos-button--icon-only { + align-items: center; + display: inline-flex; + height: 36px; + justify-content: center; + padding-left: 9px; + padding-right: 9px; + vertical-align: -2px; + width: 36px +} + +.exos-button--icon-only:before { + padding-right: 0 +} + +.exos-button--icon-only svg { + margin: -2px; + pointer-events: none +} + +.exos-button--icon-only .exos-button__icon, .exos-button--icon-only .exos-button__text { + pointer-events: none +} + +.exos-button--icon-only .exos-button__text { + display: none +} + +.exos-button--large-icon-only { + align-items: center; + display: inline-flex; + height: 36px; + justify-content: center; + vertical-align: -2px +} + +.exos-button--large-icon-only:before { + padding-right: 0 +} + +.exos-button--large-icon-only svg { + margin: -2px; + pointer-events: none +} + +.exos-button--large-icon-only .exos-button__icon, .exos-button--large-icon-only .exos-button__text { + pointer-events: none +} + +.exos-button--large-icon-only .exos-button__text { + margin-left: 8px +} + +.exos-button--medium-icon-only { + align-items: center; + display: inline-flex; + height: 36px; + justify-content: center; + vertical-align: -2px +} + +.exos-button--medium-icon-only:before { + padding-right: 0 +} + +.exos-button--medium-icon-only svg { + margin: -2px; + pointer-events: none +} + +.exos-button--medium-icon-only .exos-button__icon, .exos-button--medium-icon-only .exos-button__text { + pointer-events: none +} + +.exos-button--medium-icon-only .exos-button__text { + margin-left: 8px +} + +.exos-button--small-icon-only { + align-items: center; + display: inline-flex; + height: 36px; + justify-content: center; + vertical-align: -2px +} + +.exos-button--small-icon-only:before { + padding-right: 0 +} + +.exos-button--small-icon-only svg { + margin: -2px; + pointer-events: none +} + +.exos-button--small-icon-only .exos-button__icon, .exos-button--small-icon-only .exos-button__text { + pointer-events: none +} + +.exos-button--small-icon-only .exos-button__text { + margin-left: 8px +} + +.exos-button-container { + display: flex; + flex-flow: wrap; + margin: -6px 0 6px +} + +.exos-button-container--cropped { + margin-bottom: -6px +} + +.exos-button-container:last-child, .exos-button-container:only-child { + margin-bottom: 0 +} + +.exos-button-container .exos-button, .exos-button-container .exos-ghost-button, .exos-button-container .exos-toggle-button { + margin-bottom: 6px; + margin-top: 6px +} + +.exos-button-container--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-button-container--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-button-container--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-button-group { + display: flex; + flex-flow: nowrap +} + +.exos-button-group-item.exos-toggle-button, .exos-button.exos-button-group-item { + margin: 0 +} + +.exos-button-group-item--start.exos-toggle-button, .exos-button.exos-button-group-item--start { + border-radius: var(--button-border-radius, 24px) 0 0 var(--button-border-radius, 24px) +} + +.exos-button-group-item--start.exos-button--primary.exos-toggle-button, .exos-button-group-item--start.exos-button--primary.exos-toggle-button:hover, .exos-button.exos-button-group-item--start.exos-button--primary, .exos-button.exos-button-group-item--start.exos-button--primary:hover { + border-right: 0 +} + +.exos-button-group-item--middle.exos-toggle-button, .exos-button.exos-button-group-item--middle { + border-left: 0; + border-radius: 0 0 0 0 +} + +.exos-button-group-item--middle.exos-toggle-button:hover:not(.exos-button--disabled), .exos-button.exos-button-group-item--middle:hover:not(.exos-button--disabled) { + border-left: 0 +} + +.exos-button-group-item--middle.exos-button--primary.exos-toggle-button, .exos-button-group-item--middle.exos-button--primary.exos-toggle-button:hover, .exos-button.exos-button-group-item--middle.exos-button--primary, .exos-button.exos-button-group-item--middle.exos-button--primary:hover { + border-left: 1px solid var(--tertiary-shape-color, #bcc8d4); + border-right: 0 +} + +.exos-button-group-item--end.exos-toggle-button, .exos-button.exos-button-group-item--end { + border-left: 0; + border-radius: 0 var(--button-border-radius, 24px) var(--button-border-radius, 24px) 0 +} + +.exos-button-group-item--end.exos-toggle-button:hover:not(.exos-button--disabled), .exos-button.exos-button-group-item--end:hover:not(.exos-button--disabled) { + border-left: 0 +} + +.exos-button-group-item--end.exos-button--primary.exos-toggle-button, .exos-button-group-item--end.exos-button--primary.exos-toggle-button:hover, .exos-button.exos-button-group-item--end.exos-button--primary, .exos-button.exos-button-group-item--end.exos-button--primary:hover { + border-left: 1px solid var(--tertiary-shape-color, #bcc8d4) +} + +.exos-button-group-item.exos-toggle-button, .exos-button.exos-button-group-item.exos-toggle-button { + padding-left: 14px; + padding-right: 17px +} + +.exos-button-group-item.exos-toggle-button:after, .exos-button.exos-button-group-item.exos-toggle-button:after { + padding-left: 0 +} + +.exos-button-group-container { + display: inline-block; + position: relative; + width: -webkit-fit-content; + width: fit-content +} + +.exos-ghost-button { + align-items: center; + background-color: var(--ghost-button-background-color, #0000); + border-radius: var(--button-border-radius, 24px); + color: var(--ghost-button-text-color, #1474c4); + cursor: pointer; + display: inline-flex; + font-family: var(--button-font-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--button-font-size, 14px); + justify-content: center; + margin-right: 12px; + min-height: 28px; + padding: var(--button-padding, 4px 20px); + text-decoration: none; + transition: color .1s ease-out, background-color .1s ease-out; + vertical-align: middle +} + +.exos-ghost-button--success { + color: var(--success-text-color, #096b35) +} + +.exos-ghost-button--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-ghost-button--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-ghost-button--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-ghost-button--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-ghost-button--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-ghost-button--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-ghost-button--bright { + color: var(--white, #fff) +} + +.exos-ghost-button:last-child { + margin-right: 0 +} + +.exos-ghost-button--bright { + color: var(--bright-ghost-button-text-color, #95caeb) +} + +.exos-ghost-button--disabled { + cursor: not-allowed; + opacity: .38 +} + +.exos-ghost-button--full-width { + display: block; + margin-right: 0; + text-align: center +} + +.exos-ghost-button:link, .exos-ghost-button:visited { + outline: 0 none +} + +.exos-ghost-button svg { + pointer-events: none +} + +.exos-ghost-button circle, .exos-ghost-button path { + fill: var(--ghost-button-text-color, #1474c4); + transition: fill .2s ease-out +} + +.exos-ghost-button--activating circle, .exos-ghost-button--activating path { + fill: var(--activating-text-color, #007e9c) +} + +.exos-ghost-button--success circle, .exos-ghost-button--success path { + fill: var(--success-text-color, #096b35) +} + +.exos-ghost-button--warning circle, .exos-ghost-button--warning path { + fill: var(--warning-text-color, #c36b00) +} + +.exos-ghost-button--critical circle, .exos-ghost-button--critical path { + fill: var(--critical-text-color, #c80a00) +} + +.exos-ghost-button--neutral circle, .exos-ghost-button--neutral path { + fill: var(--neutral-text-color, #465a75) +} + +.exos-ghost-button--bright circle, .exos-ghost-button--bright path { + fill: var(--bright-ghost-button-text-color, #95caeb) +} + +.exos-ghost-button:not(.exos-ghost-button--disabled):focus, .exos-ghost-button:not(.exos-ghost-button--disabled):hover { + background-color: var(--hovered-ghost-button-background-color, #dbedf8); + color: var(--hovered-ghost-button-text-color, #095bb1) +} + +.exos-ghost-button--bright:not(.exos-ghost-button--disabled):focus, .exos-ghost-button--bright:not(.exos-ghost-button--disabled):hover { + background-color: var(--hovered-bright-ghost-button-background-color, #003d8f); + color: var(--hovered-bright-ghost-button-text-color, #95caeb) +} + +.exos-ghost-button:not(.exos-ghost-button--disabled):focus circle, .exos-ghost-button:not(.exos-ghost-button--disabled):focus path, .exos-ghost-button:not(.exos-ghost-button--disabled):hover circle, .exos-ghost-button:not(.exos-ghost-button--disabled):hover path { + fill: var(--hovered-ghost-button-text-color, #095bb1) +} + +.exos-ghost-button--bright:not(.exos-ghost-button--disabled):focus circle, .exos-ghost-button--bright:not(.exos-ghost-button--disabled):focus path, .exos-ghost-button--bright:not(.exos-ghost-button--disabled):hover circle, .exos-ghost-button--bright:not(.exos-ghost-button--disabled):hover path { + fill: var(--bright-ghost-button-text-color, #95caeb) +} + +.exos-ghost-button--align-center { + justify-content: center; + text-align: center +} + +.exos-ghost-button--align-left { + justify-content: left; + text-align: left +} + +.exos-ghost-button--align-right { + justify-content: right; + text-align: right +} + +.exos-ghost-button--hidden { + display: none +} + +.exos-ghost-button--break-all { + word-break: break-all +} + +.exos-ghost-button--break-word { + word-break: break-word +} + +.exos-ghost-button--keep-all { + word-break: keep-all +} + +.exos-ghost-button--nowrap { + white-space: nowrap +} + +.exos-ghost-button--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-ghost-button--vertical-align-bottom { + align-self: flex-end +} + +.exos-ghost-button--vertical-align-center { + align-self: center +} + +.exos-ghost-button--vertical-align-middle { + vertical-align: middle +} + +.exos-ghost-button--vertical-align-top { + align-self: flex-start +} + +button.exos-ghost-button { + border: none; + box-sizing: initial +} + +.exos-ghost-button__icon { + pointer-events: none +} + +.exos-ghost-button--with-icon .exos-ghost-button__icon { + margin-right: 8px +} + +.exos-ghost-button--icon-only { + border-radius: 20px; + height: -webkit-fit-content; + height: fit-content; + margin: -7px 4px -7px -8px; + padding: 8px +} + +.exos-ghost-button__text { + pointer-events: none +} + +.exos-ghost-button__loader { + bottom: 2.5px; + display: none; + margin-left: 12px; + position: relative +} + +.exos-ghost-button--loading { + cursor: default; + pointer-events: none +} + +.exos-ghost-button--loading .exos-ghost-button__loader { + display: inline-block +} + +.exos-card { + background-color: var(--white, #fff); + border: var(--card-border, 0 none #0000); + border-radius: var(--default-border-radius, 16px); + box-shadow: var(--card-shadow, none); + clear: both; + display: flex; + flex-flow: column nowrap; + flex-grow: 1; + margin-bottom: 32px; + position: relative; + transition: box-shadow .3s ease-out +} + +.exos-card--page-context { + background-color: initial; + border: none; + border-radius: 0; + box-shadow: inherit +} + +.exos-card--distinct { + background-color: var(--distinct-card-background-color, #f4f7fa) +} + +.exos-card--advertising { + border: none +} + +.exos-card--hidden { + display: none +} + +.exos-card--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-card--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-card--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-card--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-card--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-card--advertising > .exos-headline, .exos-card--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-card--success { + background-color: var(--success-background-color, #fff) +} + +.exos-card--warning { + background-color: var(--warning-background-color, #fff) +} + +.exos-card--critical { + background-color: var(--critical-background-color, #fff) +} + +.exos-card--neutral { + background-color: var(--neutral-background-color, #fff) +} + +.exos-card--activating { + background-color: var(--activating-background-color, #fff) +} + +.exos-card--promoting { + background-color: var(--promoting-background-color, #fff) +} + +.exos-card--corporate { + background-color: var(--corporate-background-color, #fff) +} + +.exos-card--success-solid { + background-color: var(--solid-success-background-color, #12cf76) +} + +.exos-card--success-solid, .exos-card--warning-solid { + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card--warning-solid { + background-color: var(--solid-warning-background-color, #fa0) +} + +.exos-card--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-card--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-card--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-card--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card--semantic-bar-success { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954); + margin-left: -1px +} + +.exos-card--semantic-bar-success:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-success:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-warning { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0); + margin-left: -1px +} + +.exos-card--semantic-bar-warning:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-warning:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-critical { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00); + margin-left: -1px +} + +.exos-card--semantic-bar-critical:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-critical:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-neutral { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095); + margin-left: -1px +} + +.exos-card--semantic-bar-neutral:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-neutral:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-activating { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6); + margin-left: -1px +} + +.exos-card--semantic-bar-activating:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-activating:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-corporate { + box-shadow: inset 8px 0 var(--corporate-shape-color, #001b41); + margin-left: -1px +} + +.exos-card--semantic-bar-corporate:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-corporate:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-promoting { + box-shadow: inset 8px 0 var(--promoting-shape-color, #b410e7); + margin-left: -1px +} + +.exos-card--semantic-bar-promoting:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card--semantic-bar-promoting:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card--success { + border: var(--semantic-container-border-width, 0) solid var(--success-shape-color, #0fa954) +} + +.exos-card--warning { + border: var(--semantic-container-border-width, 0) solid var(--warning-shape-color, #fa0) +} + +.exos-card--critical { + border: var(--semantic-container-border-width, 0) solid var(--critical-shape-color, #f50c00) +} + +.exos-card--neutral { + border: var(--semantic-container-border-width, 0) solid var(--neutral-shape-color, #718095) +} + +.exos-card--activating { + border: var(--semantic-container-border-width, 0) solid var(--activating-shape-color, #11c7e6) +} + +.exos-card--corporate { + border: var(--semantic-container-border-width, 0) solid var(--corporate-shape-color, #001b41) +} + +.exos-card--promoting { + border: var(--semantic-container-border-width, 0) solid var(--promoting-shape-color, #b410e7) +} + +.exos-card.exos-__direct-selection--hover { + background-color: var(--hovered-card-background-color, #dbedf8); + box-shadow: var(--hovered-card-shadow, none) +} + +.exos-card--advertising.exos-__direct-selection--hover, .exos-card--corporate-solid.exos-__direct-selection--hover, .exos-card--neutral-solid.exos-__direct-selection--hover { + background-color: var(--primary-background-color-inverted, #001b41); + box-shadow: var(--hovered-card-shadow, none) +} + +.exos-card__header { + position: relative +} + +.exos-card__header:first-child { + border-radius: calc(var(--default-border-radius, 16px) - 1px) calc(var(--default-border-radius, 16px) - 1px) 0 0; + overflow: hidden +} + +.exos-card__header--align-center { + justify-content: center; + text-align: center +} + +.exos-card__header--align-left { + justify-content: left; + text-align: left +} + +.exos-card__header--align-right { + justify-content: right; + text-align: right +} + +.exos-card__visual { + height: auto; + vertical-align: top; + width: 100% +} + +.exos-card__visual--small { + display: block; + height: 48px; + margin: 16px; + width: auto +} + +.exos-card__visual--contained { + display: block; + height: 160px; + margin: 16px 0; + object-fit: contain +} + +.exos-card__visual--covered { + display: block; + height: 180px; + object-fit: cover +} + +@supports (object-fit:cover) { + .exos-card__header--visualized .exos-card__visual { + flex-grow: 1; + height: 180px; + object-fit: cover; + position: inherit; + width: 100% + } +} + +.exos-__direct-selection--hover .exos-card__visual { + filter: var(--hovered-card-visual-filter, invert(.125) contrast(1.5)) +} + +.exos-card__content { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px); + display: flex; + flex-flow: column nowrap; + flex-grow: 1 +} + +.exos-card__content--align-center { + justify-content: center; + text-align: center +} + +.exos-card__content--align-left { + justify-content: left; + text-align: left +} + +.exos-card__content--align-right { + justify-content: right; + text-align: right +} + +.exos-card section:not(.exos-card__section) { + margin-bottom: inherit +} + +.exos-card__section { + padding: 16px; + position: relative +} + +.exos-card__section--cropped { + padding: 0 16px +} + +.exos-card__section--secondary { + background-color: var(--default-background-color, #f4f7fa) +} + +.exos-card__section--visualized { + background-position: 50%; + background-repeat: no-repeat; + background-size: cover; + box-sizing: border-box; + display: inherit; + flex-flow: wrap; + height: 100%; + overflow: hidden; + width: 100% +} + +.exos-card__section:first-child { + border-top-left-radius: calc(var(--default-border-radius, 16px) - 1px); + border-top-right-radius: calc(var(--default-border-radius, 16px) - 1px) +} + +.exos-card__section:last-child { + border-bottom-left-radius: calc(var(--default-border-radius, 16px) - 1px); + border-bottom-right-radius: calc(var(--default-border-radius, 16px) - 1px) +} + +.exos-card__section + .exos-card__section { + margin-top: -2px +} + +.exos-card__section + .exos-card__footer:not(.exos-card__footer--distinct) { + padding-top: 16px +} + +.exos-card__section--activating { + background-color: var(--activating-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--activating-shape-color, #11c7e6); + border-style: solid; + border-top-width: 2px; + color: var(--activating-text-color, #007e9c) +} + +.exos-card__section--success { + background-color: var(--success-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--success-shape-color, #0fa954); + border-style: solid; + border-top-width: 2px; + color: var(--success-text-color, #096b35) +} + +.exos-card__section--warning { + background-color: var(--warning-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--warning-shape-color, #fa0); + border-style: solid; + border-top-width: 2px; + color: var(--warning-text-color, #c36b00) +} + +.exos-card__section--critical { + background-color: var(--critical-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--critical-shape-color, #f50c00); + border-style: solid; + border-top-width: 2px; + color: var(--critical-text-color, #c80a00) +} + +.exos-card__section--neutral { + background-color: var(--neutral-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--neutral-shape-color, #718095); + border-style: solid; + border-top-width: 2px; + color: var(--neutral-text-color, #465a75) +} + +.exos-card__section--corporate { + background-color: var(--corporate-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--corporate-shape-color, #001b41); + border-style: solid; + border-top-width: 2px; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__section--promoting { + background-color: var(--promoting-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--promoting-shape-color, #b410e7); + border-style: solid; + border-top-width: 2px; + color: var(--promoting-text-color, #560e8a) +} + +.exos-card__section--advertising { + border-bottom-width: 2px; + border-color: var(--advertising-background-gradient-start, #003d8f); + border-style: solid; + border-top-width: 2px; + color: var(--white, #fff) +} + +.exos-card__section--separator { + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4); + padding-top: 16px +} + +.exos-card__section--growing { + flex-grow: 1 +} + +.exos-card__section--stripes { + padding: 0 0 16px +} + +.exos-card__section--stripes > .exos-action-stripe, .exos-card__section--stripes > .exos-settings-stripe { + background-color: initial +} + +.exos-card__section > :last-child { + margin-bottom: 0 +} + +.exos-card__section--align-center { + justify-content: center; + text-align: center +} + +.exos-card__section--align-left { + justify-content: left; + text-align: left +} + +.exos-card__section--align-right { + justify-content: right; + text-align: right +} + +.exos-card__section--hidden { + display: none +} + +.exos-card__section--semantic-bar-success { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954); + margin-left: -1px +} + +.exos-card__section--semantic-bar-success:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-success:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-warning { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0); + margin-left: -1px +} + +.exos-card__section--semantic-bar-warning:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-warning:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-critical { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00); + margin-left: -1px +} + +.exos-card__section--semantic-bar-critical:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-critical:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-neutral { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095); + margin-left: -1px +} + +.exos-card__section--semantic-bar-neutral:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-neutral:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-activating { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6); + margin-left: -1px +} + +.exos-card__section--semantic-bar-activating:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-activating:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-corporate { + box-shadow: inset 8px 0 var(--corporate-shape-color, #001b41); + margin-left: -1px +} + +.exos-card__section--semantic-bar-corporate:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-corporate:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-promoting { + box-shadow: inset 8px 0 var(--promoting-shape-color, #b410e7); + margin-left: -1px +} + +.exos-card__section--semantic-bar-promoting:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--semantic-bar-promoting:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-card__section--success-solid { + background-color: var(--solid-success-background-color, #12cf76); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__section--warning-solid { + background-color: var(--solid-warning-background-color, #fa0); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__section--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__section--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-card__section--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__section--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-card__section--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-card__section--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__section--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-card__section--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-card__section--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-card__section--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-card__section--advertising > .exos-headline, .exos-card__section--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-card__section--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-card__section--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-card__section--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-card__section--corporate-solid + .exos-card__section--corporate-solid, .exos-card__section--default + .exos-card__section--default, .exos-card__section--neutral-solid + .exos-card__section--neutral-solid, .exos-card__section--secondary + .exos-card__section--secondary { + padding-top: 0 +} + +.exos-__direct-selection--hover .exos-card__section, .exos-__direct-selection--hover .exos-card__section--advertising, .exos-__direct-selection--hover .exos-card__section--corporate, .exos-__direct-selection--hover .exos-card__section--critical, .exos-__direct-selection--hover .exos-card__section--neutral, .exos-__direct-selection--hover .exos-card__section--promoting, .exos-__direct-selection--hover .exos-card__section--success, .exos-__direct-selection--hover .exos-card__section--warning { + background-color: var(--hovered-card-background-color, #dbedf8) +} + +.exos-card--advertising.exos-__direct-selection--hover .exos-card__section:not(.exos-card__section--activating-solid), .exos-card--corporate-solid.exos-__direct-selection--hover .exos-card__section:not(.exos-card__section--activating-solid), .exos-card--neutral-solid.exos-__direct-selection--hover .exos-card__section:not(.exos-card__section--activating-solid) { + background-color: var(--primary-background-color-inverted, #001b41) +} + +.exos-card__headline { + color: var(--default-text-color, #001b41); + font-family: var(--second-level-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--second-level-headline-size, 22px); + line-height: var(--second-level-headline-line-height, 30px); + margin-bottom: 12px; + word-break: break-word +} + +.exos-card__headline--align-center { + justify-content: center; + text-align: center +} + +.exos-card__headline--align-left { + justify-content: left; + text-align: left +} + +.exos-card__headline--align-right { + justify-content: right; + text-align: right +} + +.exos-card__headline--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-card__headline--nowrap { + white-space: nowrap +} + +.exos-card__headline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-card__headline--break-all { + word-break: break-all +} + +.exos-card__headline--break-word { + word-break: break-word +} + +.exos-card__headline--keep-all { + word-break: keep-all +} + +.exos-card__headline--success { + color: var(--success-text-color, #096b35) +} + +.exos-card__headline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-card__headline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-card__headline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-card__headline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-card__headline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-card__headline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__headline--bright { + color: var(--white, #fff) +} + +.exos-badge--positioned + .exos-card__headline { + margin-top: 36px +} + +.exos-card__preheadline { + color: var(--default-text-color, #001b41); + margin-bottom: 3px +} + +.exos-card__preheadline--badge .exos-badge { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + margin-left: -16px; + margin-right: 6px; + padding-bottom: 1px; + padding-left: 16px; + padding-top: 1px +} + +.exos-card__preheadline--break-all { + word-break: break-all +} + +.exos-card__preheadline--break-word { + word-break: break-word +} + +.exos-card__preheadline--keep-all { + word-break: keep-all +} + +.exos-card__preheadline--nowrap { + white-space: nowrap +} + +.exos-card__preheadline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-card__preheadline--success { + color: var(--success-text-color, #096b35) +} + +.exos-card__preheadline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-card__preheadline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-card__preheadline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-card__preheadline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-card__preheadline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-card__preheadline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__preheadline--bright { + color: var(--white, #fff) +} + +.exos-badge--positioned + .exos-card__preheadline { + margin-top: 36px +} + +.exos-card__subheadline { + color: var(--default-text-color, #001b41); + font-family: var(--third-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-headline-size, 16px); + line-height: var(--third-level-headline-line-height, 24px); + margin-bottom: 6px; + margin-top: 0 +} + +.exos-card__subheadline--break-all { + word-break: break-all +} + +.exos-card__subheadline--break-word { + word-break: break-word +} + +.exos-card__subheadline--keep-all { + word-break: keep-all +} + +.exos-card__subheadline--nowrap { + white-space: nowrap +} + +.exos-card__subheadline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-card__subheadline--success { + color: var(--success-text-color, #096b35) +} + +.exos-card__subheadline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-card__subheadline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-card__subheadline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-card__subheadline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-card__subheadline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-card__subheadline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__subheadline--bright { + color: var(--white, #fff) +} + +.exos-card__icon { + border-radius: var(--small-border-radius, 8px); + margin-bottom: 15px +} + +.exos-card__icon-container { + align-items: center; + display: flex; + flex-flow: row; + padding-bottom: 16px +} + +.exos-card__icon-container .exos-card__icon { + display: flex; + flex-flow: wrap; + margin: 0 15px 0 0; + max-height: 64px; + width: auto +} + +.exos-card__icon-container .exos-card__icon:last-child { + margin-left: 15px; + margin-right: 0 +} + +.exos-card__icon-container .exos-card__icon--vertical-align-bottom { + align-self: flex-end +} + +.exos-card__icon-container .exos-card__icon--vertical-align-center { + align-self: center +} + +.exos-card__icon-container .exos-card__icon--vertical-align-middle { + vertical-align: middle +} + +.exos-card__icon-container .exos-card__icon--vertical-align-top { + align-self: flex-start +} + +.exos-card__icon-container .exos-card__headline-container { + flex-grow: 1 +} + +.exos-card__icon-container .exos-card__headline-container--align-center { + justify-content: center; + text-align: center +} + +.exos-card__icon-container .exos-card__headline-container--align-left { + justify-content: left; + text-align: left +} + +.exos-card__icon-container .exos-card__headline-container--align-right { + justify-content: right; + text-align: right +} + +.exos-card__icon-container .exos-card__headline, .exos-card__icon-container .exos-card__preheadline { + margin: 3px 0 0 +} + +.exos-card__action-container { + display: flex +} + +.exos-card__action-container:last-child { + margin-bottom: -8px +} + +.exos-card__flyout { + flex-grow: 1; + margin-left: 24px; + margin-top: -2px; + text-align: right +} + +.exos-card__ribbon { + background-color: var(--activating-background-color, #fff); + border-bottom: 1px solid var(--activating-shape-color, #11c7e6); + border-top: 1px solid var(--activating-shape-color, #11c7e6); + color: var(--activating-text-color, #007e9c); + padding: 8px 16px; + text-align: center +} + +.exos-card__ribbon--success { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--success-shape-color, #0fa954); + border-top: 1px solid var(--success-shape-color, #0fa954); + color: var(--success-text-color, #096b35) +} + +.exos-card__ribbon--warning { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--warning-shape-color, #fa0); + border-top: 1px solid var(--warning-shape-color, #fa0); + color: var(--warning-text-color, #c36b00) +} + +.exos-card__ribbon--critical { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--critical-shape-color, #f50c00); + border-top: 1px solid var(--critical-shape-color, #f50c00); + color: var(--critical-text-color, #c80a00) +} + +.exos-card__ribbon--neutral { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--neutral-shape-color, #718095); + border-top: 1px solid var(--neutral-shape-color, #718095); + color: var(--neutral-text-color, #465a75) +} + +.exos-card__ribbon--corporate { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--corporate-shape-color, #001b41); + border-top: 1px solid var(--corporate-shape-color, #001b41); + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__ribbon--promoting { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--promoting-shape-color, #b410e7); + border-top: 1px solid var(--promoting-shape-color, #b410e7); + color: var(--promoting-text-color, #560e8a) +} + +.exos-card__ribbon--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)); + border-bottom: 1px solid var(--advertising-background-gradient-start, #003d8f); + border-top: 1px solid var(--advertising-background-gradient-start, #003d8f); + color: var(--white, #fff) +} + +.exos-card__section .exos-card__ribbon { + margin: 16px -16px +} + +.exos-__direct-selection--hover .exos-card__ribbon, .exos-__direct-selection--hover .exos-card__ribbon--advertising, .exos-__direct-selection--hover .exos-card__ribbon--corporate, .exos-__direct-selection--hover .exos-card__ribbon--critical, .exos-__direct-selection--hover .exos-card__ribbon--neutral, .exos-__direct-selection--hover .exos-card__ribbon--promoting, .exos-__direct-selection--hover .exos-card__ribbon--success, .exos-__direct-selection--hover .exos-card__ribbon--warning { + background-color: var(--hovered-card-background-color, #dbedf8) +} + +.exos-card--advertising.exos-__direct-selection--hover .exos-card__ribbon, .exos-card--corporate-solid.exos-__direct-selection--hover .exos-card__ribbon, .exos-card--neutral-solid.exos-__direct-selection--hover .exos-card__ribbon { + background-color: var(--primary-background-color-inverted, #001b41) +} + +.exos-card__footer { + display: block; + padding: 0 16px 16px; + text-align: center +} + +.exos-card__footer:last-child { + border-radius: 0 0 var(--default-border-radius, 16px) var(--default-border-radius, 16px) +} + +.exos-card__footer--distinct { + background-color: var(--distinct-card-footer-background-color, #fff); + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4); + padding-top: 16px +} + +.exos-card__footer--growing { + align-items: flex-end; + display: flex; + flex-flow: warp; + flex-grow: 1; + justify-content: center +} + +.exos-card__footer > :first-child { + margin-top: 4px +} + +.exos-card__footer > :last-child { + margin-bottom: 4px +} + +.exos-card__footer + section:last-child { + border-bottom: 0 +} + +.exos-card__footer > a, .exos-card__footer > button, .exos-card__footer > p { + display: inline-block; + margin-bottom: 8px; + margin-top: 8px +} + +.exos-card__footer > a--hidden, .exos-card__footer > button--hidden, .exos-card__footer > p--hidden { + display: none +} + +.exos-card__footer > a.exos-ghost-button, .exos-card__footer > button.exos-ghost-button, .exos-card__footer > p.exos-ghost-button { + display: inline-flex +} + +.exos-card__footer > a.exos-ghost-button--full-width, .exos-card__footer > button.exos-ghost-button--full-width, .exos-card__footer > p.exos-ghost-button--full-width { + display: block +} + +.exos-card__footer > a.exos-ghost-button--hidden, .exos-card__footer > button.exos-ghost-button--hidden, .exos-card__footer > p.exos-ghost-button--hidden { + display: none +} + +.exos-card__footer--align-center .exos-button, .exos-card__footer--align-center .exos-toggle-button { + margin-left: 6px; + margin-right: 6px +} + +.exos-card__footer--align-center .exos-button--full-width { + margin-left: 0; + margin-right: 0 +} + +.exos-card__footer--align-center { + justify-content: center; + text-align: center +} + +.exos-card__footer--align-left { + justify-content: left; + text-align: left +} + +.exos-card__footer--align-right { + justify-content: right; + text-align: right +} + +.exos-card__footer--hidden { + display: none +} + +.exos-card__footer--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-card__footer--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-card__footer--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-__direct-selection--hover .exos-card__footer--distinct { + background-color: var(--hovered-card-background-color, #dbedf8) +} + +.exos-card--advertising.exos-__direct-selection--hover .exos-card__footer, .exos-card--corporate-solid.exos-__direct-selection--hover .exos-card__footer, .exos-card--neutral-solid.exos-__direct-selection--hover .exos-card__footer { + background-color: var(--primary-background-color-inverted, #001b41) +} + +.exos-card__close { + cursor: pointer; + position: absolute; + right: 10px; + text-decoration: none; + top: 13px +} + +.exos-card__close:hover { + opacity: 1 +} + +.exos-card__close:before { + color: var(--tertiary-text-color, #718095); + content: "\E67B"; + font-family: exos-icon-font, serif; + font-size: 24px; + line-height: 1em +} + +.exos-card__close--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-card__close--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-card__close--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-card__close--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-card__close--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-card__close--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-card__close--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-card__close--bright:before { + color: var(--white, #fff) +} + +.exos-card__close + .exos-card__headline, .exos-card__close + .exos-card__preheadline { + margin-right: 40px +} + +.exos-card__separator { + border: 0; + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4); + margin: 0 +} + +.exos-card__header > .exos-card__ribbon:first-child { + border-top-left-radius: calc(var(--default-border-radius, 16px) - 1px); + border-top-right-radius: calc(var(--default-border-radius, 16px) - 1px) +} + +.exos-card__section:last-of-type .exos-card__ribbon:last-child { + margin-bottom: 4px +} + +.exos-card__section:not(:last-of-type) .exos-card__ribbon:last-child { + margin-bottom: -16px +} + +.exos-card__action-container .exos-context-menu__list { + right: 12px +} + +.exos-card__content > :nth-last-child(2):not(.exos-card__footer) { + flex-grow: 1 +} + +.exos-context-menu { + z-index: 1 +} + +.exos-context-menu--expanded { + z-index: 4 +} + +.exos-context-menu--inline { + display: inline; + margin-left: 1em +} + +.exos-context-menu--hidden { + display: none +} + +.exos-context-menu__trigger { + border-radius: 26px; + color: var(--interactive-text-color, #1474c4); + cursor: pointer; + display: inline-block; + font-size: 26px; + line-height: 1; + line-height: 26px; + margin: 0 -4px; + max-height: 26px; + max-width: 26px; + transition: background-color .1s ease-out, color .1s ease-out; + vertical-align: middle; + white-space: nowrap +} + +.exos-context-menu__trigger:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-context-menu__trigger--active, .exos-context-menu__trigger:active, .exos-context-menu__trigger:focus, .exos-context-menu__trigger:hover { + background-color: var(--interactive-shape-color, #1474c4); + color: var(--white, #fff) +} + +.exos-context-menu__trigger--custom-icon { + border-radius: 0; + font-size: 20px; + line-height: 20px; + margin: 0 2px 0 0 +} + +.exos-context-menu__trigger--custom-icon:after { + content: ""; + display: inline-block; + font-size: 13px; + margin-right: -5px +} + +.exos-context-menu__trigger--active.exos-context-menu__trigger--custom-icon, .exos-context-menu__trigger--custom-icon:active, .exos-context-menu__trigger--custom-icon:focus, .exos-context-menu__trigger--custom-icon:hover { + background-color: initial; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-context-menu__label { + color: var(--secondary-text-color, #465a75); + display: inline-block; + margin-right: 8px +} + +.exos-context-menu__list { + background-color: var(--white, #fff); + border: var(--context-menu-border, 2px solid #1474c4); + border-radius: var(--small-border-radius, 8px); + box-shadow: var(--primary-shadow, 0 2px 8px 0 #71809580); + margin-top: -8px; + opacity: 0; + position: absolute; + text-align: left; + transition: margin .05s ease-out; + visibility: hidden; + z-index: -1 +} + +.exos-context-menu__list--visible { + margin-top: 8px; + opacity: 1; + visibility: visible; + z-index: 4 +} + +.exos-context-menu__list--triggered-by-button { + left: -2px; + margin-top: 10px; + opacity: 1; + visibility: visible; + z-index: 4 +} + +.exos-context-menu__list--triggered-by-button-group { + left: 0; + margin-top: 0; + min-width: 100%; + opacity: 1; + visibility: visible; + z-index: 4 +} + +.exos-context-menu__list--right.exos-context-menu__list--visible { + right: -2px +} + +.exos-context-menu__list-item, .exos-context-menu__list > li { + display: block; + opacity: 0; + padding: 0; + transition: opacity .2s ease-out .15s +} + +.exos-context-menu__list-item--separator, .exos-context-menu__list-separator { + border: 0; + border-top: var(--context-menu-separator, 1px solid #bcc8d4); + margin-bottom: 0; + margin-top: 0 +} + +.exos-context-menu__list--triggered-by-button .exos-context-menu__list-item, .exos-context-menu__list--triggered-by-button-group .exos-context-menu__list-item, .exos-context-menu__list--triggered-by-button-group > li, .exos-context-menu__list--triggered-by-button > li, .exos-context-menu__list--visible .exos-context-menu__list-item, .exos-context-menu__list--visible > li { + opacity: 1; + white-space: nowrap +} + +.exos-context-menu__list-link { + background: none; + border: none; + border-left: 3px solid #0000; + color: var(--default-text-color, #001b41); + display: block; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--default-text-size, 14px); + line-height: 1.5em; + margin: 0; + max-width: 216px; + outline: 0; + padding: 0; + text-align: left; + text-decoration: none; + transition: color .1s ease-out 0s, background-color .1s ease-out 0s, border-color .1s ease-out 0s, margin .05s ease-out, padding .05s ease-out; + width: 100% +} + +.exos-context-menu__list-link--active, .exos-context-menu__list-link:active, .exos-context-menu__list-link:focus, .exos-context-menu__list-link:hover { + border-left: 3px solid var(--interactive-shape-color, #1474c4); + color: var(--interactive-text-color, #1474c4) +} + +.exos-context-menu__list-link--bold { + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif) +} + +.exos-context-menu__list-link--activating--active, .exos-context-menu__list-link--activating:active, .exos-context-menu__list-link--activating:focus, .exos-context-menu__list-link--activating:hover { + border-left-color: var(--activating-text-color, #007e9c); + color: var(--activating-text-color, #007e9c) +} + +.exos-context-menu__list-link--critical--active, .exos-context-menu__list-link--critical:active, .exos-context-menu__list-link--critical:focus, .exos-context-menu__list-link--critical:hover { + border-left-color: var(--critical-text-color, #c80a00); + color: var(--critical-text-color, #c80a00) +} + +.exos-context-menu__list--triggered-by-button .exos-context-menu__list-link, .exos-context-menu__list--triggered-by-button-group .exos-context-menu__list-link, .exos-context-menu__list--visible .exos-context-menu__list-link { + cursor: pointer; + margin: 4px 0; + overflow: hidden; + padding: 6px 16px; + text-overflow: ellipsis +} + +.exos-context-menu__list--triggered-by-button .exos-context-menu__list-link--disabled, .exos-context-menu__list--triggered-by-button-group .exos-context-menu__list-link--disabled, .exos-context-menu__list--visible .exos-context-menu__list-link--disabled { + cursor: not-allowed; + opacity: .5 +} + +.exos-context-menu__list--triggered-by-button .exos-context-menu__list-link--disabled:hover, .exos-context-menu__list--triggered-by-button-group .exos-context-menu__list-link--disabled:hover, .exos-context-menu__list--visible .exos-context-menu__list-link--disabled:hover { + border-left-color: #0000; + color: var(--default-text-color, #001b41); + text-decoration: none +} + +.exos-context-menu__list-caption { + display: block; + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif); + margin-bottom: 2px +} + +.exos-context-menu__list-description { + white-space: break-spaces +} + +.exos-context-menu__list-link:hover .exos-context-menu__list-description { + color: var(--default-text-color, #001b41) +} + +.exos-form-stripe { + display: block; + margin-bottom: 0; + margin-top: 0 +} + +.exos-form-stripe:after { + clear: both; + content: ""; + display: table +} + +.exos-form-stripe--hidden { + display: none +} + +.exos-form-stripe--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-form-stripe--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-form-stripe--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-form-stripe--actions { + margin-bottom: -8px; + margin-top: 24px; + width: 100% +} + +.exos-form-stripe--actions .exos-button, .exos-form-stripe--actions .exos-ghost-button, .exos-form-stripe--actions .exos-toggle-button { + margin-bottom: 12px; + vertical-align: bottom +} + +.exos-form-stripe__label-area { + box-sizing: border-box; + float: left; + margin-bottom: 16px; + min-height: 1px; + padding-right: 8px; + text-align: right; + width: 33.33333% +} + +.exos-form-stripe__label-area--inline { + text-align: left; + width: auto +} + +.exos-form-stripe__input-area { + box-sizing: border-box; + float: left; + margin-bottom: 16px; + min-height: 1px; + padding-left: 8px; + width: 66.66667% +} + +.exos-form-stripe__input-area--inline { + width: auto +} + +.exos-form-stripe__primary-action-area { + box-sizing: border-box; + float: left; + margin-top: -16px; + min-height: 1px; + padding-left: 8px; + width: 66.66667% +} + +.exos-form-stripe__secondary-action-area { + box-sizing: border-box; + float: left; + margin-top: -16px; + min-height: 1px; + padding-right: 8px; + text-align: right; + width: 33.33333% +} + +.exos-form-stripe__secondary-action-area:after { + content: "\00a0"; + font-size: 0 +} + +.exos-label { + color: var(--primary-text-color, #02102b); + display: block; + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif); + line-height: 22px; + margin-bottom: 4px; + margin-top: 8px +} + +.exos-label--bright { + color: var(--white, #fff) +} + +.exos-label--inline { + display: inline-block +} + +.exos-label--left { + margin-bottom: 7px; + margin-top: 7px +} + +.exos-label--has-byline { + margin-bottom: 0; + margin-top: -1px +} + +.exos-label--hidden { + display: none +} + +.exos-label--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-label-byline { + display: block; + font-size: var(--small-text-size, 12px); + line-height: 19px; + margin-bottom: 0; + margin-top: -4px +} + +.exos-form-text { + color: var(--default-text-color, #001b41); + display: block; + font-size: var(--default-text-size, 14px); + line-height: 22px; + margin: 7px 0 +} + +.exos-form-text--bright { + color: var(--white, #fff) +} + +.exos-form-text--hidden { + display: none +} + +.exos-form-text--inline { + display: inline-block +} + +.exos-form-text--inline-separator { + display: inline-block; + margin-left: 6px; + margin-right: 6px +} + +.exos-input-byline { + display: inline-block; + margin-bottom: 7px; + margin-top: 7px +} + +.exos-input-byline--error { + word-wrap: break-word; + color: var(--critical-text-color, #c80a00) +} + +.exos-input-byline--emphasized-error { + background: var(--solid-critical-background-color, #ff6159); + -webkit-box-decoration-break: clone; + box-decoration-break: clone; + color: var(--white, #fff); + display: inline; + padding: 1px 4px +} + +.exos-input-byline--exos-icon { + line-height: inherit +} + +.exos-input-byline--exos-icon:before { + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-bottom: 1px; + padding-right: 3px; + vertical-align: top; + vertical-align: bottom +} + +.exos-input-byline + .exos-input-byline { + margin-top: 0 +} + +.exos-input-byline > .exos-exos-icon { + margin-right: 3px; + vertical-align: bottom +} + +.exos-input-byline > .exos-svg-icon { + margin: 0 3px 1px 0; + pointer-events: none; + vertical-align: middle +} + +.exos-input-byline--hidden { + display: none +} + +.exos-input-byline--success { + color: var(--success-text-color, #096b35) +} + +.exos-input-byline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-input-byline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-input-byline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-input-byline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-input-byline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-input-byline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-input-byline--bright { + color: var(--white, #fff) +} + +.exos-input-byline--full-width { + width: 100% +} + +.exos-input-checkbox { + left: -9999px; + position: absolute +} + +.exos-input-checkbox + label { + background: #0000; + cursor: pointer; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + margin-right: 16px; + padding-left: 32px; + position: relative +} + +.exos-input-checkbox + label:before { + background: #0000; + border: 2px solid var(--palette-corporate-5, #095bb1); + border-radius: 4px; + content: ""; + height: 16px; + left: 0; + margin-right: 12px; + position: absolute; + top: 0; + width: 16px +} + +.exos-input-checkbox + label:after { + -webkit-font-smoothing: antialiased; + font-family: exos-icon-font, sans-serif; + font-size: 15px; + left: 3px; + line-height: 20px; + position: absolute; + top: 0; + transition: all .2s +} + +.exos-input-checkbox--filled + label:before { + background: var(--secondary-background-color, #fff) +} + +.exos-input-checkbox--error + label:before { + border-color: var(--critical-shape-color, #f50c00) +} + +.exos-input-checkbox--warning + label:before { + border-color: var(--warning-shape-color, #fa0) +} + +.exos-input-checkbox--disabled + label, .exos-input-checkbox:disabled + label { + cursor: not-allowed +} + +.exos-input-checkbox:disabled + label:before { + border-color: var(--inactive-neutral-shape-color, #bcc8d4) +} + +.exos-input-checkbox:checked + label:before { + border: 2px solid var(--palette-corporate-5, #095bb1); + box-shadow: 0 0 0 2px inset var(--default-background-color, #f4f7fa), 0 0 0 8px inset var(--palette-corporate-5, #095bb1); + outline: 2px solid #0000 +} + +.exos-input-checkbox:checked + label:after { + color: var(--default-background-color, #f4f7fa); + content: "" +} + +.exos-input-checkbox:checked:disabled + label:before { + border-color: var(--inactive-neutral-shape-color, #bcc8d4); + box-shadow: 0 0 0 2px inset var(--default-background-color, #f4f7fa), 0 0 0 8px inset var(--inactive-neutral-shape-color, #bcc8d4); + outline: 2px solid #0000 +} + +.exos-input-checkbox:not(:disabled):hover + label:before { + box-shadow: 0 0 0 2px inset var(--default-background-color, #f4f7fa), 0 0 0 8px inset var(--palette-corporate-2, #95caeb), 0 0 0 8px var(--palette-corporate-1, #dbedf8); + outline: 2px solid #0000 +} + +.exos-input-checkbox:not(:disabled):hover + label:after { + color: var(--default-background-color, #f4f7fa); + content: "" +} + +.exos-input-checkbox:checked:not(:disabled):hover + label:before { + box-shadow: 0 0 0 2px inset var(--default-background-color, #f4f7fa), 0 0 0 8px inset var(--palette-corporate-5, #095bb1), 0 0 0 8px var(--palette-corporate-1, #dbedf8); + outline: 2px solid #0000 +} + +.exos-input-checkbox:not(:disabled):focus + label:before { + box-shadow: 0 0 0 2px inset var(--default-background-color, #f4f7fa), 0 0 0 2px var(--default-background-color, #f4f7fa), 0 0 0 4px var(--palette-corporate-3, #3196d6); + outline: 2px solid var(--default-background-color, #f4f7fa) +} + +.exos-input-checkbox:not(:disabled):focus + label:after { + color: #0000; + content: none +} + +.exos-input-checkbox:checked:not(:disabled):focus + label:before { + box-shadow: 0 0 0 2px inset var(--default-background-color, #f4f7fa), 0 0 0 8px inset var(--palette-corporate-5, #095bb1), 0 0 0 4px var(--palette-corporate-3, #3196d6); + outline: 2px solid var(--default-background-color, #f4f7fa) +} + +.exos-input-checkbox:checked:not(:disabled):focus + label:after { + color: var(--default-background-color, #f4f7fa); + content: "" +} + +.exos-input-checkbox--filled:checked + label:before { + box-shadow: 0 0 0 2px inset var(--secondary-background-color, #fff), 0 0 0 8px inset var(--palette-corporate-5, #095bb1) +} + +.exos-input-checkbox--filled:checked + label:after { + color: var(--secondary-background-color, #fff) +} + +.exos-input-checkbox--filled:checked:disabled + label:before { + box-shadow: 0 0 0 2px inset var(--secondary-background-color, #fff), 0 0 0 8px inset var(--inactive-neutral-shape-color, #bcc8d4) +} + +.exos-input-checkbox--filled:not(:disabled):hover + label:before { + box-shadow: 0 0 0 2px inset var(--secondary-background-color, #fff), 0 0 0 8px inset var(--palette-corporate-2, #95caeb), 0 0 0 8px var(--palette-corporate-1, #dbedf8) +} + +.exos-input-checkbox--filled:not(:disabled):hover + label:after { + color: var(--secondary-background-color, #fff) +} + +.exos-input-counter { + word-wrap: break-word; + color: var(--neutral-text-color, #465a75); + display: inline-block; + float: right; + margin-top: 4px +} + +.exos-input-counter--error { + color: var(--critical-text-color, #c80a00) +} + +.exos-input-radio { + left: -9999px; + position: absolute +} + +.exos-input-radio + label { + cursor: pointer; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + margin-right: 15px; + padding-left: 26px; + position: relative +} + +.exos-input-radio + label:before { + background-color: initial; + border: 2px solid var(--palette-corporate-5, #095bb1); + border-radius: 50%; + content: ""; + height: 15px; + left: 0; + margin-right: 11px; + position: absolute; + top: 1px; + width: 15px +} + +.exos-input-radio--filled + label:before { + background-color: var(--secondary-background-color, #fff) +} + +.exos-input-radio--disabled + label, .exos-input-radio:disabled + label { + cursor: not-allowed +} + +.exos-input-radio--disabled + label:before, .exos-input-radio:disabled + label:before { + background-color: initial; + border-color: var(--inactive-neutral-shape-color, #bcc8d4); + box-shadow: 0 0 0 2px inset var(--white, #fff), 0 0 0 8px inset var(--inactive-neutral-shape-color, #bcc8d4) +} + +.exos-input-radio:focus + label:before { + box-shadow: 0 0 0 2px inset var(--white, #fff), 0 0 0 8px inset var(--palette-corporate-2, #95caeb), 0 0 0 4px var(--palette-corporate-3, #3196d6); + outline: 2px solid var(--white, #fff) +} + +.exos-input-radio:checked:not(:disabled) + label:before { + box-shadow: 0 0 0 2px inset var(--white, #fff), 0 0 0 8px inset var(--palette-corporate-5, #095bb1); + outline: 2px solid #0000 +} + +.exos-input-radio:not(:disabled) + label:hover:before { + box-shadow: 0 0 0 7px var(--palette-corporate-1, #dbedf8), 0 0 0 2px inset var(--white, #fff), 0 0 0 8px inset var(--palette-corporate-2, #95caeb) +} + +.exos-input-radio:disabled:not(:checked) + label:before { + box-shadow: 0 0 0 2px inset var(--white, #fff) +} + +.exos-input-radio + .exos-label--inline:not(.exos-label--left) { + margin-bottom: 8px; + margin-top: 6px +} + +.exos-input-radio:checked:not(:disabled) + label:hover:before { + box-shadow: 0 0 0 7px var(--palette-corporate-1, #dbedf8), 0 0 0 2px inset var(--white, #fff), 0 0 0 8px inset var(--palette-corporate-5, #095bb1) +} + +.exos-input-radio:checked:not(:disabled):focus + label:before { + box-shadow: 0 0 0 2px inset var(--white, #fff), 0 0 0 8px inset var(--palette-corporate-5, #095bb1), 0 0 0 4px var(--palette-corporate-3, #3196d6); + outline: 2px solid var(--white, #fff) +} + +.exos-input-select { + background-color: initial; + border: var(--input-select-border-width, 1px) solid var(--secondary-shape-color, #718095); + border-radius: var(--small-border-radius, 8px); + box-sizing: border-box; + color: var(--default-text-color, #001b41); + display: inline-block; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--default-text-size, 14px); + height: var(--input-select-height, 36px); + padding: 6px; + width: 100% +} + +.exos-input-select--multiple { + height: auto +} + +.exos-input-select::-ms-expand { + background-color: initial; + border: 0; + margin-left: 8px; + margin-right: -12px; + padding-right: 12px +} + +.exos-input-select::placeholder { + color: var(--default-text-color, #001b41) +} + +.exos-input-select--bright { + border-color: var(--white, #fff) +} + +.exos-input-select--bright, .exos-input-select--bright::placeholder { + color: var(--white, #fff) +} + +.exos-input-select option { + color: var(--default-text-color, #001b41); + padding: 0 6px +} + +.exos-input-select--inline { + width: auto +} + +.exos-input-select--filled { + background-color: var(--secondary-background-color, #fff) +} + +.exos-input-select:active:not(.exos-input-select--disabled), .exos-input-select:focus:not(.exos-input-select--disabled), .exos-input-select:hover:not(.exos-input-select--disabled) { + border-color: var(--interactive-shape-color, #1474c4); + outline: 1px solid var(--interactive-shape-color, #1474c4) +} + +.exos-input-select--error { + background-color: initial; + border-color: var(--critical-shape-color, #f50c00) +} + +.exos-input-select--error:hover:not(.exos-input-select--disabled) { + border-color: var(--critical-shape-color, #f50c00); + outline: 1px solid var(--critical-shape-color, #f50c00) +} + +.exos-input-select--error:focus:not(.exos-input-select--disabled) { + border-color: var(--interactive-shape-color, #1474c4); + outline: 1px solid var(--interactive-shape-color, #1474c4) +} + +.exos-input-select--warning { + background-color: initial; + border-color: var(--warning-shape-color, #fa0) +} + +.exos-input-select--warning:hover:not(.exos-input-select--disabled) { + border-color: var(--warning-shape-color, #fa0); + outline: 1px solid var(--warning-shape-color, #fa0) +} + +.exos-input-select--warning:focus:not(.exos-input-select--disabled) { + border-color: var(--interactive-shape-color, #1474c4); + outline: 1px solid var(--interactive-shape-color, #1474c4) +} + +.exos-input-select--activating { + background-color: initial; + border-color: var(--activating-shape-color, #11c7e6) +} + +.exos-input-select--activating:hover:not(.exos-input-select--disabled) { + border-color: var(--activating-shape-color, #11c7e6); + outline: 1px solid var(--activating-shape-color, #11c7e6) +} + +.exos-input-select--activating:focus:not(.exos-input-select--disabled) { + border-color: var(--interactive-shape-color, #1474c4); + outline: 1px solid var(--interactive-shape-color, #1474c4) +} + +.exos-input-select--disabled { + background-color: initial; + color: var(--tertiary-text-color, #718095); + cursor: not-allowed +} + +.exos-input-switch { + cursor: pointer; + display: inline-block; + font-size: 0; + height: 19px; + overflow: hidden; + padding-right: 2px; + position: relative; + vertical-align: middle; + width: 39px +} + +.exos-input-switch--disabled { + cursor: not-allowed; + opacity: .5 +} + +.exos-input-switch label { + background-color: var(--quaternary-background-color, #97a3b4); + border: 1px solid #0000; + border-radius: 20px; + display: inline-block; + height: 17px; + margin-bottom: 4px; + width: 100% +} + +.exos-input-switch input { + cursor: pointer; + display: inline-block; + height: 19px; + margin: 0; + opacity: 0; + position: absolute; + width: 37px +} + +.exos-input-switch input:checked + label { + background-color: var(--interactive-text-color, #1474c4) +} + +.exos-input-switch__on { + display: inline-block; + height: 100%; + line-height: 18px; + text-align: center; + transition: width .1s; + vertical-align: top; + width: 0 +} + +.exos-input-switch__on:before { + background-size: auto; + color: var(--white, #fff); + content: ""; + display: inline-block; + font-family: exos-icon-font, sans-serif; + font-size: var(--default-text-size, 14px); + height: 17px; + vertical-align: top; + width: 12px +} + +.exos-input-switch__toggle { + background-color: var(--white, #fff); + border-radius: 17px; + width: 17px +} + +.exos-input-switch__off, .exos-input-switch__toggle { + display: inline-block; + height: 100%; + transition: width .1s; + vertical-align: top +} + +.exos-input-switch input:checked + label .exos-input-switch__on, .exos-input-switch__off { + width: 22px +} + +.exos-input-switch input:checked + label .exos-input-switch__off { + width: 0 +} + +.exos-input-text { + background-color: initial; + border: var(--input-text-border-width, 1px) solid var(--secondary-shape-color, #718095); + border-radius: var(--small-border-radius, 8px); + box-sizing: border-box; + display: inline-block; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--default-text-size, 14px); + height: var(--input-text-height, 36px); + padding: 0 12px; + width: 100% +} + +.exos-input-text, .exos-input-text::placeholder { + color: var(--default-text-color, #001b41) +} + +.exos-input-text--filled { + background-color: var(--secondary-background-color, #fff) +} + +.exos-input-text--bright { + border-color: var(--white, #fff) +} + +.exos-input-text--bright, .exos-input-text--bright::placeholder { + color: var(--white, #fff) +} + +.exos-input-text--hidden { + display: none +} + +.exos-input-text--inline { + width: auto +} + +.exos-input-text:active:not(.exos-input-text--disabled), .exos-input-text:focus:not(.exos-input-text--disabled), .exos-input-text:hover:not(.exos-input-text--disabled) { + border-color: var(--interactive-shape-color, #1474c4); + outline: 1px solid var(--interactive-shape-color, #1474c4) +} + +.exos-input-text--error { + background-color: initial; + border-color: var(--critical-shape-color, #f50c00) +} + +.exos-input-text--error:focus:not(.exos-input-text--disabled), .exos-input-text--error:hover:not(.exos-input-text--disabled) { + border-color: var(--critical-shape-color, #f50c00); + outline: 1px solid var(--critical-shape-color, #f50c00) +} + +.exos-input-text--warning { + background-color: initial; + border-color: var(--warning-shape-color, #fa0) +} + +.exos-input-text--warning:focus:not(.exos-input-text--disabled), .exos-input-text--warning:hover:not(.exos-input-text--disabled) { + border-color: var(--warning-shape-color, #fa0); + outline: 1px solid var(--warning-shape-color, #fa0) +} + +.exos-input-text--activating { + background-color: initial; + border-color: var(--activating-shape-color, #11c7e6) +} + +.exos-input-text--activating:focus:not(.exos-input-text--disabled), .exos-input-text--activating:hover:not(.exos-input-text--disabled) { + border-color: var(--activating-shape-color, #11c7e6); + outline: 1px solid var(--activating-shape-color, #11c7e6) +} + +.exos-input-text--disabled { + background-color: initial; + color: var(--tertiary-text-color, #718095); + cursor: not-allowed +} + +.exos-input-text-group { + background-color: initial; + border: var(--input-text-border-width, 1px) solid var(--secondary-shape-color, #718095); + border-radius: var(--small-border-radius, 8px); + box-sizing: border-box; + display: flex; + position: relative; + width: 100% +} + +.exos-input-text-group--inline { + display: inline-flex; + width: auto +} + +.exos-input-text-group--filled, .exos-input-text-group--filled .exos-input-text { + background-color: var(--secondary-background-color, #fff) +} + +.exos-input-text-group--bright { + border-color: var(--white, #fff) +} + +.exos-input-text-group--bright .exos-input-text { + color: var(--white, #fff) +} + +.exos-input-text-group--disabled { + background-color: initial; + color: var(--tertiary-text-color, #718095); + cursor: not-allowed +} + +.exos-input-text-group--disabled:hover { + border-color: var(--tertiary-shape-color, #bcc8d4) +} + +.exos-input-text-group.exos-input-text-group--focus:not(.exos-input-text-group--disabled), .exos-input-text-group:focus:not(.exos-input-text-group--disabled), .exos-input-text-group:hover:not(.exos-input-text-group--disabled) { + border-color: var(--interactive-shape-color, #1474c4); + outline: 1px solid var(--interactive-shape-color, #1474c4) +} + +.exos-input-text-group--error { + background-color: initial; + border-color: var(--critical-shape-color, #f50c00) +} + +.exos-input-text-group--error.exos-input-text-group--focus:not(.exos-input-text-group--disabled), .exos-input-text-group--error:focus:not(.exos-input-text-group--disabled), .exos-input-text-group--error:hover:not(.exos-input-text-group--disabled) { + border-color: var(--critical-shape-color, #f50c00); + outline: 1px solid var(--critical-shape-color, #f50c00) +} + +.exos-input-text-group--warning { + background-color: initial; + border-color: var(--warning-shape-color, #fa0) +} + +.exos-input-text-group--warning.exos-input-text-group--focus:not(.exos-input-text-group--disabled), .exos-input-text-group--warning:focus:not(.exos-input-text-group--disabled), .exos-input-text-group--warning:hover:not(.exos-input-text-group--disabled) { + border-color: var(--warning-shape-color, #fa0); + outline: 1px solid var(--warning-shape-color, #fa0) +} + +.exos-input-text-group--activating { + background-color: initial; + border-color: var(--activating-shape-color, #11c7e6) +} + +.exos-input-text-group--activating.exos-input-text-group--focus:not(.exos-input-text-group--disabled), .exos-input-text-group--activating:focus:not(.exos-input-text-group--disabled), .exos-input-text-group--activating:hover:not(.exos-input-text-group--disabled) { + border-color: var(--activating-shape-color, #11c7e6); + outline: 1px solid var(--activating-shape-color, #11c7e6) +} + +.exos-input-text-group .exos-input-text { + background: #0000; + border: none; + border-radius: calc(var(--small-border-radius, 8px) - 1px); + flex: 2 1 0%; + height: var(--input-text-group-height, 34px); + line-height: var(--input-text-group-line-height, 44px); + outline: 0 none; + padding: 0 +} + +.exos-input-text-group .exos-input-text:focus, .exos-input-text-group .exos-input-text:hover { + outline: 0 none +} + +.exos-input-text-group .exos-input-text:first-child { + padding-left: 12px +} + +.exos-input-text-group .exos-input-text:last-child { + padding-right: 12px +} + +.exos-input-text-group--hidden { + display: none +} + +.exos-input-text-group__text { + color: var(--default-text-color, #001b41); + cursor: text; + display: inline; + flex: 0 1 0%; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--default-text-size, 14px); + height: 24px; + line-height: 24px; + margin: 0; + padding: 5px 8px; + transform: translateX(-1px); + vertical-align: top; + white-space: nowrap +} + +.exos-input-text-group--bright .exos-input-text-group__text, .exos-input-text-group__text--bright { + color: var(--white, #fff) +} + +.exos-input-text-group__icon { + border-radius: 8px 0 0 8px; + color: var(--secondary-text-color, #465a75); + cursor: text; + display: inline; + flex: 0 1 0%; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--default-text-size, 14px); + height: 24px; + line-height: 24px; + margin: 0 0 0 1px; + opacity: .8; + padding: 5px 8px; + transform: translateX(-1px); + vertical-align: top; + white-space: nowrap +} + +.exos-input-text-group__icon--secondary { + background-color: var(--default-background-color, #f4f7fa); + margin-right: 8px +} + +.exos-input-text-group__icon--bright { + color: var(--white, #fff) +} + +.exos-input-text-group__icon--separator { + border-right: 1px solid var(--tertiary-shape-color, #bcc8d4); + margin-right: 8px +} + +.exos-input-text-group__icon .exos-input-text-group__text { + color: var(--secondary-text-color, #465a75); + padding-left: 4px; + padding-right: 2px +} + +.exos-input-text-group__icon--secondary .exos-input-text-group__text { + color: var(--default-text-color, #001b41) +} + +.exos-input-text-group--bright .exos-input-text-group__icon { + color: var(--white, #fff) +} + +.exos-input-text-group:hover .exos-input-text-group__icon { + opacity: 1 +} + +.exos-input-text-group__icon--account { + line-height: 1 +} + +.exos-input-text-group__icon--account:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--attach { + line-height: 1 +} + +.exos-input-text-group__icon--attach:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--callback { + line-height: 1 +} + +.exos-input-text-group__icon--callback:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--domain { + line-height: 1 +} + +.exos-input-text-group__icon--domain:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--edit { + line-height: 1 +} + +.exos-input-text-group__icon--edit:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--folder { + line-height: 1 +} + +.exos-input-text-group__icon--folder:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--folder-download { + line-height: 1 +} + +.exos-input-text-group__icon--folder-download:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--folder-upload { + line-height: 1 +} + +.exos-input-text-group__icon--folder-upload:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--location { + line-height: 1 +} + +.exos-input-text-group__icon--location:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--mail { + line-height: 1 +} + +.exos-input-text-group__icon--mail:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--phone { + line-height: 1 +} + +.exos-input-text-group__icon--phone:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__icon--search { + line-height: 1 +} + +.exos-input-text-group__icon--search:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important +} + +.exos-input-text-group__action, .exos-input-text-group__icon--search:before { + font-size: var(--default-text-size, 14px); + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__action { + background: #0000; + border-right: 1px solid var(--secondary-shape-color, #718095); + color: var(--interactive-text-color, #1474c4); + cursor: text; + cursor: pointer; + display: inline; + flex: 0 1 0%; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + margin: 0; + padding: 5px 8px; + text-decoration: none; + transform: translateX(-1px); + white-space: nowrap +} + +.exos-input-text-group__action:last-child, .exos-input-text-group__action:only-child { + border-right: 0 +} + +.exos-input-text-group__action--bright { + border-right-color: var(--white, #fff); + color: var(--white, #fff) +} + +.exos-input-text-group--disabled .exos-input-text-group__action { + cursor: not-allowed; + pointer-events: none +} + +.exos-input-text-group__action:hover { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-input-text-group--disabled .exos-input-text-group__action:hover, .exos-input-text-group--disabled:hover .exos-input-text-group__action { + color: var(--tertiary-text-color, #718095) +} + +.exos-input-text-group__action--search { + border: 0; + line-height: 1 +} + +.exos-input-text-group__action--search:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__action--reset { + line-height: 1; + padding-right: 4px +} + +.exos-input-text-group__action--reset:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__action--show-password { + line-height: 1 +} + +.exos-input-text-group__action--show-password:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__action--hide-password { + line-height: 1 +} + +.exos-input-text-group__action--hide-password:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group__action--copy { + line-height: 1 +} + +.exos-input-text-group__action--copy:before { + content: ""; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + height: 24px; + line-height: 24px; + vertical-align: top +} + +.exos-input-text-group--disabled .exos-input-text-group__action--reset, .exos-input-text-group--empty .exos-input-text-group__action--reset { + display: none +} + +.exos-input-textarea { + background-color: initial; + border: 1px solid var(--secondary-shape-color, #718095); + border-radius: var(--small-border-radius, 8px); + box-shadow: none; + box-sizing: border-box; + color: var(--default-text-color, #001b41); + display: inline-block; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--default-text-size, 14px); + line-height: 22px; + padding: 12px; + width: 100% +} + +.exos-input-textarea:hover { + background-color: var(--hovered-textarea-background-color, #dbedf8) +} + +.exos-input-textarea:focus, .exos-input-textarea:hover { + border-color: var(--interactive-shape-color, #1474c4); + outline: 1px solid var(--interactive-shape-color, #1474c4) +} + +.exos-input-textarea--filled { + background-color: var(--secondary-background-color, #fff) +} + +.exos-input-textarea--error { + border-color: var(--critical-shape-color, #f50c00) +} + +.exos-input-textarea--error:hover { + border-color: var(--critical-text-color, #c80a00); + outline: 1px solid var(--critical-text-color, #c80a00) +} + +.exos-input-textarea--error:focus { + border-color: var(--critical-shape-color, #f50c00); + outline: 1px solid var(--critical-shape-color, #f50c00) +} + +.exos-input-textarea--warning { + border-color: var(--warning-shape-color, #fa0) +} + +.exos-input-textarea--warning:focus, .exos-input-textarea--warning:hover { + border-color: var(--warning-shape-color, #fa0); + outline: 1px solid var(--warning-shape-color, #fa0) +} + +.exos-input-textarea--disabled { + color: var(--tertiary-text-color, #718095); + cursor: not-allowed +} + +.exos-input-textarea--disabled:hover { + border-color: var(--tertiary-shape-color, #bcc8d4) +} + +.exos-input-textarea--narrow { + width: 70% +} + +.exos-input-textarea--inline { + width: auto +} + +.exos-input-textarea--code { + background-color: var(--secondary-textarea-background-color, #dbe2e8); + font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; + margin-bottom: 12px; + overflow-x: scroll; + padding: 8px; + resize: none; + white-space: pre +} + +.exos-input-textarea--noresize { + resize: none +} + +.exos-input-textarea--noresize-x { + resize: vertical +} + +.exos-input-textarea--noresize-y { + resize: horizontal +} + +.exos-input-textarea--bright { + border-color: var(--white, #fff); + color: var(--white, #fff) +} + +.exos-input-textarea--hidden { + display: none +} + +.exos-input-button-combination { + display: flex +} + +.exos-input-button-combination--inline { + display: inline-flex +} + +.exos-input-button-combination--hidden { + display: none +} + +.exos-input-button-combination__input { + flex-grow: 1; + flex-shrink: 1; + margin-right: 11px +} + +.exos-input-button-combination__action { + flex-grow: 0; + flex-shrink: 1 +} + +.exos-headline { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + align-items: center; + display: block; + font-family: var(--second-level-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--second-level-headline-size, 22px); + font-weight: inherit; + line-height: var(--second-level-headline-line-height, 30px); + margin-bottom: 12px; + margin-top: -4px; + word-break: break-word +} + +.exos-headline, .exos-headline--sub { + color: var(--default-text-color, #001b41) +} + +.exos-headline--sub { + font-family: var(--third-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-headline-size, 16px); + line-height: var(--third-level-headline-line-height, 24px); + margin-top: -2px +} + +.exos-headline--paragraph { + color: var(--default-text-color, #001b41); + font-family: var(--fourth-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--fourth-level-headline-size, 14px); + line-height: var(--fourth-level-headline-line-height, 20px); + margin-bottom: 6px; + margin-top: 0 +} + +.exos-headline--inline { + display: inline +} + +.exos-headline--exos-icon { + line-height: normal +} + +.exos-headline--exos-icon:before { + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-right: 6px; + vertical-align: top; + vertical-align: middle +} + +.exos-headline > .exos-exos-icon, .exos-headline > .exos-svg-icon { + vertical-align: middle +} + +.exos-headline > .exos-svg-icon { + margin: 0 6px 4px 0; + pointer-events: none +} + +.exos-headline > .exos-link, .exos-headline > .exos-toggle-link { + font-family: inherit; + font-size: inherit; + font-weight: inherit +} + +.exos-headline + .exos-accordion, .exos-headline + .exos-card, .exos-headline + .exos-horizontal-card, .exos-headline + .exos-panel, .exos-headline + .exos-sheet, .exos-headline + .exos-stripe, .exos-headline + .exos-table { + margin-top: 16px +} + +.exos-headline--align-center { + justify-content: center; + text-align: center +} + +.exos-headline--align-left { + justify-content: left; + text-align: left +} + +.exos-headline--align-right { + justify-content: right; + text-align: right +} + +.exos-headline--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-headline--hidden { + display: none +} + +.exos-headline--nowrap { + white-space: nowrap +} + +.exos-headline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-headline--break-all { + word-break: break-all +} + +.exos-headline--break-word { + word-break: break-word +} + +.exos-headline--keep-all { + word-break: keep-all +} + +.exos-headline--success { + color: var(--success-text-color, #096b35) +} + +.exos-headline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-headline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-headline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-headline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-headline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-headline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-headline--bright { + color: var(--white, #fff) +} + +.exos-headline.exos-exos-icon:before { + color: var(--default-shape-color, #465a75) +} + +.exos-headline.exos-exos-icon--bright:before { + color: var(--white, #fff) +} + +.exos-headline.exos-exos-icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-headline.exos-exos-icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-headline.exos-exos-icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-headline.exos-exos-icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-headline.exos-exos-icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-headline.exos-exos-icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-headline.exos-exos-icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-headline--paragraph + .exos-headline, .exos-headline--paragraph + .exos-headline--sub { + margin-top: -6px +} + +.exos-headline-icon-group { + align-items: center; + display: flex; + flex-flow: row; + padding-bottom: 16px +} + +.exos-headline-icon-group--cropped { + padding-bottom: 0 +} + +.exos-headline-icon-group__icon { + border-radius: var(--small-border-radius, 8px); + display: flex; + flex-flow: wrap; + margin: 0 15px 0 0; + max-height: 64px; + width: auto +} + +.exos-headline-icon-group__icon:last-child { + margin-left: 15px; + margin-right: 0 +} + +.exos-headline-icon-group__icon--hidden { + display: none +} + +.exos-headline-icon-group__icon--vertical-align-bottom { + align-self: flex-end +} + +.exos-headline-icon-group__icon--vertical-align-center { + align-self: center +} + +.exos-headline-icon-group__icon--vertical-align-middle { + vertical-align: middle +} + +.exos-headline-icon-group__icon--vertical-align-top { + align-self: flex-start +} + +.exos-headline-icon-group__headline { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + color: var(--default-text-color, #001b41); + font-family: var(--second-level-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--second-level-headline-size, 22px); + font-weight: inherit; + line-height: var(--second-level-headline-line-height, 30px); + margin-bottom: 3px; + word-break: break-word +} + +.exos-headline-icon-group__headline:first-child { + margin-top: 3px +} + +.exos-headline-icon-group__headline:last-child { + margin-bottom: 0 +} + +.exos-headline-icon-group__headline--sub { + color: var(--default-text-color, #001b41); + font-family: var(--third-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-headline-size, 16px); + line-height: var(--third-level-headline-line-height, 24px) +} + +.exos-headline-icon-group__headline--sub:only-child { + margin-bottom: 0; + margin-top: 0 +} + +.exos-headline-icon-group__headline--paragraph { + color: var(--default-text-color, #001b41); + font-family: var(--fourth-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--fourth-level-headline-size, 14px); + line-height: var(--fourth-level-headline-line-height, 20px) +} + +.exos-headline-icon-group__headline--paragraph:only-child { + margin-bottom: 0; + margin-top: 0 +} + +.exos-headline-icon-group__headline--cropped { + margin-bottom: 0 +} + +.exos-headline-icon-group__headline--hidden { + display: none +} + +.exos-headline-icon-group__headline--success { + color: var(--success-text-color, #096b35) +} + +.exos-headline-icon-group__headline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-headline-icon-group__headline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-headline-icon-group__headline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-headline-icon-group__headline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-headline-icon-group__headline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-headline-icon-group__headline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-headline-icon-group__headline--bright { + color: var(--white, #fff) +} + +.exos-headline-icon-group__headline--break-all { + word-break: break-all +} + +.exos-headline-icon-group__headline--break-word { + word-break: break-word +} + +.exos-headline-icon-group__headline--keep-all { + word-break: keep-all +} + +.exos-headline-icon-group__headline--nowrap { + white-space: nowrap +} + +.exos-headline-icon-group__headline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-headline-icon-group__preheadline { + color: var(--default-text-color, #001b41); + margin-bottom: 3px +} + +.exos-headline-icon-group__preheadline:first-child { + margin-top: 3px +} + +.exos-headline-icon-group__preheadline--hidden { + display: none +} + +.exos-headline-icon-group__preheadline--success { + color: var(--success-text-color, #096b35) +} + +.exos-headline-icon-group__preheadline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-headline-icon-group__preheadline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-headline-icon-group__preheadline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-headline-icon-group__preheadline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-headline-icon-group__preheadline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-headline-icon-group__preheadline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-headline-icon-group__preheadline--bright { + color: var(--white, #fff) +} + +.exos-headline-icon-group__preheadline--break-all { + word-break: break-all +} + +.exos-headline-icon-group__preheadline--break-word { + word-break: break-word +} + +.exos-headline-icon-group__preheadline--keep-all { + word-break: keep-all +} + +.exos-headline-icon-group__preheadline--nowrap { + white-space: nowrap +} + +.exos-headline-icon-group__preheadline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-headline-icon-group__paragraph { + color: var(--default-text-color, #001b41); + margin-bottom: 3px +} + +.exos-headline-icon-group__paragraph--cropped, .exos-headline-icon-group__paragraph:last-child { + margin-bottom: 0 +} + +.exos-headline-icon-group__paragraph--hidden { + display: none +} + +.exos-headline-icon-group__paragraph--success { + color: var(--success-text-color, #096b35) +} + +.exos-headline-icon-group__paragraph--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-headline-icon-group__paragraph--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-headline-icon-group__paragraph--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-headline-icon-group__paragraph--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-headline-icon-group__paragraph--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-headline-icon-group__paragraph--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-headline-icon-group__paragraph--bright { + color: var(--white, #fff) +} + +.exos-headline-icon-group__paragraph--break-all { + word-break: break-all +} + +.exos-headline-icon-group__paragraph--break-word { + word-break: break-word +} + +.exos-headline-icon-group__paragraph--keep-all { + word-break: keep-all +} + +.exos-headline-icon-group__paragraph--nowrap { + white-space: nowrap +} + +.exos-headline-icon-group__paragraph--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-headline-icon-group__headline-container--align-center { + justify-content: center; + text-align: center +} + +.exos-headline-icon-group__headline-container--align-left { + justify-content: left; + text-align: left +} + +.exos-headline-icon-group__headline-container--align-right { + justify-content: right; + text-align: right +} + +.exos-headline-icon-group__headline-container--full-width { + width: 100% +} + +.exos-headline-icon-group__icon + .exos-headline-icon-group__headline-container { + flex-grow: 1 +} + +.exos-horizontal-card { + background-color: var(--white, #fff); + border: var(--card-border, 0 none #0000); + border-radius: var(--default-border-radius, 16px); + box-shadow: var(--card-shadow, none); + display: flex; + margin-bottom: 32px; + position: relative; + transition: box-shadow .3s ease-out; + width: 100% +} + +.exos-horizontal-card--page-context { + background-color: initial; + border: none; + border-radius: 0; + box-shadow: inherit +} + +.exos-horizontal-card--reversed { + flex-flow: row-reverse +} + +.exos-horizontal-card--advertising { + border: none +} + +.exos-horizontal-card--hidden { + display: none +} + +.exos-horizontal-card--semantic-bar-success { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954); + margin-left: -1px +} + +.exos-horizontal-card--semantic-bar-success:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-success:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-warning { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0); + margin-left: -1px +} + +.exos-horizontal-card--semantic-bar-warning:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-warning:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-critical { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00); + margin-left: -1px +} + +.exos-horizontal-card--semantic-bar-critical:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-critical:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-neutral { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095); + margin-left: -1px +} + +.exos-horizontal-card--semantic-bar-neutral:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-neutral:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-activating { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6); + margin-left: -1px +} + +.exos-horizontal-card--semantic-bar-activating:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-activating:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-corporate { + box-shadow: inset 8px 0 var(--corporate-shape-color, #001b41); + margin-left: -1px +} + +.exos-horizontal-card--semantic-bar-corporate:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-corporate:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-promoting { + box-shadow: inset 8px 0 var(--promoting-shape-color, #b410e7); + margin-left: -1px +} + +.exos-horizontal-card--semantic-bar-promoting:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--semantic-bar-promoting:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card--success { + border: var(--semantic-container-border-width, 0) solid var(--success-shape-color, #0fa954) +} + +.exos-horizontal-card--warning { + border: var(--semantic-container-border-width, 0) solid var(--warning-shape-color, #fa0) +} + +.exos-horizontal-card--critical { + border: var(--semantic-container-border-width, 0) solid var(--critical-shape-color, #f50c00) +} + +.exos-horizontal-card--neutral { + border: var(--semantic-container-border-width, 0) solid var(--neutral-shape-color, #718095) +} + +.exos-horizontal-card--activating { + border: var(--semantic-container-border-width, 0) solid var(--activating-shape-color, #11c7e6) +} + +.exos-horizontal-card--corporate { + border: var(--semantic-container-border-width, 0) solid var(--corporate-shape-color, #001b41) +} + +.exos-horizontal-card--promoting { + border: var(--semantic-container-border-width, 0) solid var(--promoting-shape-color, #b410e7) +} + +.exos-horizontal-card--success-solid { + background-color: var(--solid-success-background-color, #12cf76); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card--warning-solid { + background-color: var(--solid-warning-background-color, #fa0); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-horizontal-card--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-horizontal-card--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-horizontal-card--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-horizontal-card--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-horizontal-card--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-horizontal-card--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-horizontal-card--advertising > .exos-headline, .exos-horizontal-card--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-horizontal-card.exos-__direct-selection--hover { + background-color: var(--hovered-card-background-color, #dbedf8); + box-shadow: var(--hovered-card-shadow, none) +} + +.exos-horizontal-card--advertising.exos-__direct-selection--hover, .exos-horizontal-card--corporate-solid.exos-__direct-selection--hover, .exos-horizontal-card--neutral-solid.exos-__direct-selection--hover { + background-color: var(--primary-background-color-inverted, #001b41); + box-shadow: var(--hovered-card-shadow, none) +} + +.exos-horizontal-card__header { + background-position: 50%; + background-repeat: no-repeat; + background-size: cover; + display: flex; + flex-flow: column; + position: relative; + width: 50% +} + +.exos-horizontal-card__header--expanded-content { + width: 38% +} + +.exos-horizontal-card__header--vertical-align-bottom { + align-self: flex-end +} + +.exos-horizontal-card__header--vertical-align-center { + align-self: center +} + +.exos-horizontal-card__header--vertical-align-middle { + vertical-align: middle +} + +.exos-horizontal-card__header--vertical-align-top { + align-self: flex-start +} + +@supports (object-fit:cover) { + .exos-horizontal-card__header { + align-items: center + } +} + +.exos-horizontal-card__visual { + border-radius: calc(var(--default-border-radius, 16px) - 1px) 0 0 calc(var(--default-border-radius, 16px) - 1px); + height: 100%; + position: absolute; + width: auto +} + +@supports (object-fit:cover) { + .exos-horizontal-card__visual { + flex-grow: 1; + height: auto; + object-fit: cover; + position: inherit; + width: 100% + } +} + +.exos-horizontal-card--reversed .exos-horizontal-card__visual { + border-radius: 0 calc(var(--default-border-radius, 16px) - 1px) calc(var(--default-border-radius, 16px) - 1px) 0 +} + +.exos-__direct-selection--hover .exos-horizontal-card__visual { + filter: var(--hovered-card-visual-filter, invert(.125) contrast(1.5)) +} + +.exos-horizontal-card__content { + display: flex; + flex-flow: column nowrap; + flex-grow: 1; + overflow: hidden; + width: 50% +} + +.exos-horizontal-card__content--expanded-content { + width: 62% +} + +.exos-horizontal-card__content--vertical-align-bottom { + align-self: flex-end +} + +.exos-horizontal-card__content--vertical-align-center { + align-self: center +} + +.exos-horizontal-card__content--vertical-align-middle { + vertical-align: middle +} + +.exos-horizontal-card__content--vertical-align-top { + align-self: flex-start +} + +.exos-horizontal-card__footer { + display: block; + padding: 0 24px 16px +} + +.exos-horizontal-card__footer--distinct { + background-color: var(--default-background-color, #f4f7fa); + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4); + padding-top: 16px +} + +.exos-horizontal-card__footer--growing { + align-items: flex-end; + display: flex; + flex-flow: warp; + flex-grow: 1 +} + +.exos-horizontal-card__footer .exos-button, .exos-horizontal-card__footer .exos-toggle-button { + margin-bottom: 4px; + margin-top: 4px +} + +.exos-horizontal-card__footer > :first-child { + margin-top: 4px +} + +.exos-horizontal-card__footer > :last-child { + margin-bottom: 4px +} + +.exos-horizontal-card__footer + section:last-child { + border-bottom: 0 +} + +.exos-horizontal-card__footer--align-center { + justify-content: center; + text-align: center +} + +.exos-horizontal-card__footer--align-left { + justify-content: left; + text-align: left +} + +.exos-horizontal-card__footer--align-right { + justify-content: right; + text-align: right +} + +.exos-horizontal-card__footer--hidden { + display: none +} + +.exos-__direct-selection--hover .exos-horizontal-card__footer--distinct { + background-color: var(--hovered-card-background-color, #dbedf8) +} + +.exos-horizontal-card__section { + flex-grow: 1; + padding: 16px 24px +} + +.exos-horizontal-card__section + .exos-horizontal-card__section { + margin-top: -2px +} + +.exos-horizontal-card__section + .exos-horizontal-card__footer:not(.exos-horizontal-card__footer--distinct) { + margin-top: 16px +} + +.exos-horizontal-card__section--activating { + background-color: var(--activating-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--activating-shape-color, #11c7e6); + border-style: solid; + border-top-width: 2px; + color: var(--activating-text-color, #007e9c) +} + +.exos-horizontal-card__section--success { + background-color: var(--success-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--success-shape-color, #0fa954); + border-style: solid; + border-top-width: 2px; + color: var(--success-text-color, #096b35) +} + +.exos-horizontal-card__section--warning { + background-color: var(--warning-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--warning-shape-color, #fa0); + border-style: solid; + border-top-width: 2px; + color: var(--warning-text-color, #c36b00) +} + +.exos-horizontal-card__section--critical { + background-color: var(--critical-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--critical-shape-color, #f50c00); + border-style: solid; + border-top-width: 2px; + color: var(--critical-text-color, #c80a00) +} + +.exos-horizontal-card__section--neutral { + background-color: var(--neutral-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--neutral-shape-color, #718095); + border-style: solid; + border-top-width: 2px; + color: var(--neutral-text-color, #465a75) +} + +.exos-horizontal-card__section--corporate { + background-color: var(--corporate-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--corporate-shape-color, #001b41); + border-style: solid; + border-top-width: 2px; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card__section--promoting { + background-color: var(--promoting-background-color, #fff); + border-bottom-width: 2px; + border-color: var(--promoting-shape-color, #b410e7); + border-style: solid; + border-top-width: 2px; + color: var(--promoting-text-color, #560e8a) +} + +.exos-horizontal-card__section--advertising { + border-bottom-width: 2px; + border-color: var(--advertising-background-gradient-start, #003d8f); + border-style: solid; + border-top-width: 2px; + color: var(--white, #fff) +} + +.exos-horizontal-card__section--separator { + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4) +} + +.exos-horizontal-card__section--growing { + flex-grow: 1 +} + +.exos-horizontal-card__section--stripes { + padding: 0 0 16px +} + +.exos-horizontal-card__section--stripes > .exos-action-stripe, .exos-horizontal-card__section--stripes > .exos-settings-stripe { + background-color: initial +} + +.exos-horizontal-card__section > :last-child { + margin-bottom: 4px +} + +.exos-horizontal-card__section:first-of-type > :first-child { + margin-top: 4px +} + +.exos-horizontal-card__section--align-center { + justify-content: center; + text-align: center +} + +.exos-horizontal-card__section--align-left { + justify-content: left; + text-align: left +} + +.exos-horizontal-card__section--align-right { + justify-content: right; + text-align: right +} + +.exos-horizontal-card__section--hidden { + display: none +} + +.exos-horizontal-card__section--semantic-bar-success { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954); + margin-left: -1px +} + +.exos-horizontal-card__section--semantic-bar-success:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-success:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-warning { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0); + margin-left: -1px +} + +.exos-horizontal-card__section--semantic-bar-warning:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-warning:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-critical { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00); + margin-left: -1px +} + +.exos-horizontal-card__section--semantic-bar-critical:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-critical:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-neutral { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095); + margin-left: -1px +} + +.exos-horizontal-card__section--semantic-bar-neutral:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-neutral:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-activating { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6); + margin-left: -1px +} + +.exos-horizontal-card__section--semantic-bar-activating:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-activating:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-corporate { + box-shadow: inset 8px 0 var(--corporate-shape-color, #001b41); + margin-left: -1px +} + +.exos-horizontal-card__section--semantic-bar-corporate:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-corporate:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-promoting { + box-shadow: inset 8px 0 var(--promoting-shape-color, #b410e7); + margin-left: -1px +} + +.exos-horizontal-card__section--semantic-bar-promoting:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--semantic-bar-promoting:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-horizontal-card__section--success-solid { + background-color: var(--solid-success-background-color, #12cf76); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card__section--warning-solid { + background-color: var(--solid-warning-background-color, #fa0); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card__section--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card__section--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-horizontal-card__section--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card__section--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-horizontal-card__section--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-horizontal-card__section--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card__section--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-horizontal-card__section--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-horizontal-card__section--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-horizontal-card__section--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-horizontal-card__section--advertising > .exos-headline, .exos-horizontal-card__section--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-horizontal-card__section--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-horizontal-card__section--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-horizontal-card__section--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-__direct-selection--hover .exos-horizontal-card__section, .exos-__direct-selection--hover .exos-horizontal-card__section--advertising, .exos-__direct-selection--hover .exos-horizontal-card__section--corporate, .exos-__direct-selection--hover .exos-horizontal-card__section--critical, .exos-__direct-selection--hover .exos-horizontal-card__section--neutral, .exos-__direct-selection--hover .exos-horizontal-card__section--promoting, .exos-__direct-selection--hover .exos-horizontal-card__section--success, .exos-__direct-selection--hover .exos-horizontal-card__section--warning { + background-color: var(--hovered-card-background-color, #dbedf8) +} + +.exos-horizontal-card--advertising.exos-__direct-selection--hover .exos-horizontal-card__section:not(.exos-card__section--activating-solid), .exos-horizontal-card--corporate-solid.exos-__direct-selection--hover .exos-horizontal-card__section:not(.exos-card__section--activating-solid), .exos-horizontal-card--neutral-solid.exos-__direct-selection--hover .exos-horizontal-card__section:not(.exos-card__section--activating-solid) { + background-color: var(--primary-background-color-inverted, #001b41) +} + +.exos-horizontal-card__ribbon { + background-color: var(--activating-background-color, #fff); + border-bottom: 1px solid var(--activating-shape-color, #11c7e6); + border-top: 1px solid var(--activating-shape-color, #11c7e6); + box-sizing: border-box; + color: var(--activating-text-color, #007e9c); + padding: 8px 16px; + text-align: center; + width: 100% +} + +.exos-horizontal-card__ribbon--success { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--success-shape-color, #0fa954); + border-top: 1px solid var(--success-shape-color, #0fa954); + color: var(--success-text-color, #096b35) +} + +.exos-horizontal-card__ribbon--warning { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--warning-shape-color, #fa0); + border-top: 1px solid var(--warning-shape-color, #fa0); + color: var(--warning-text-color, #c36b00) +} + +.exos-horizontal-card__ribbon--critical { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--critical-shape-color, #f50c00); + border-top: 1px solid var(--critical-shape-color, #f50c00); + color: var(--critical-text-color, #c80a00) +} + +.exos-horizontal-card__ribbon--neutral { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--neutral-shape-color, #718095); + border-top: 1px solid var(--neutral-shape-color, #718095); + color: var(--neutral-text-color, #465a75) +} + +.exos-horizontal-card__ribbon--corporate { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--corporate-shape-color, #001b41); + border-top: 1px solid var(--corporate-shape-color, #001b41); + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card__ribbon--promoting { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--promoting-shape-color, #b410e7); + border-top: 1px solid var(--promoting-shape-color, #b410e7); + color: var(--promoting-text-color, #560e8a) +} + +.exos-horizontal-card__ribbon--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)); + border-bottom: 1px solid var(--advertising-background-gradient-start, #003d8f); + border-top: 1px solid var(--advertising-background-gradient-start, #003d8f); + color: var(--white, #fff) +} + +.exos-__direct-selection--hover .exos-horizontal-card__ribbon, .exos-__direct-selection--hover .exos-horizontal-card__ribbon--advertising, .exos-__direct-selection--hover .exos-horizontal-card__ribbon--corporate, .exos-__direct-selection--hover .exos-horizontal-card__ribbon--critical, .exos-__direct-selection--hover .exos-horizontal-card__ribbon--neutral, .exos-__direct-selection--hover .exos-horizontal-card__ribbon--promoting, .exos-__direct-selection--hover .exos-horizontal-card__ribbon--success, .exos-__direct-selection--hover .exos-horizontal-card__ribbon--warning { + background-color: var(--hovered-card-background-color, #dbedf8) +} + +.exos-horizontal-card--advertising.exos-__direct-selection--hover .exos-horizontal-card__ribbon, .exos-horizontal-card--corporate-solid.exos-__direct-selection--hover .exos-horizontal-card__ribbon, .exos-horizontal-card--neutral-solid.exos-__direct-selection--hover .exos-horizontal-card__ribbon { + background-color: var(--primary-background-color-inverted, #001b41) +} + +.exos-horizontal-card__headline { + color: var(--default-text-color, #001b41); + font-family: var(--second-level-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--second-level-headline-size, 22px); + line-height: var(--second-level-headline-line-height, 30px); + margin-bottom: 12px; + word-break: break-word +} + +.exos-horizontal-card__headline--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-horizontal-card__headline--nowrap { + white-space: nowrap +} + +.exos-horizontal-card__headline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-horizontal-card__headline--break-all { + word-break: break-all +} + +.exos-horizontal-card__headline--break-word { + word-break: break-word +} + +.exos-horizontal-card__headline--keep-all { + word-break: keep-all +} + +.exos-horizontal-card__headline--success { + color: var(--success-text-color, #096b35) +} + +.exos-horizontal-card__headline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-horizontal-card__headline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-horizontal-card__headline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-horizontal-card__headline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-horizontal-card__headline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-horizontal-card__headline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card__headline--bright { + color: var(--white, #fff) +} + +.exos-horizontal-card__preheadline--break-all { + word-break: break-all +} + +.exos-horizontal-card__preheadline--break-word { + word-break: break-word +} + +.exos-horizontal-card__preheadline--keep-all { + word-break: keep-all +} + +.exos-horizontal-card__preheadline--nowrap { + white-space: nowrap +} + +.exos-horizontal-card__preheadline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-horizontal-card__subheadline { + color: var(--default-text-color, #001b41); + font-family: var(--third-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-headline-size, 16px); + line-height: var(--third-level-headline-line-height, 24px); + margin-bottom: 6px; + margin-top: 0 +} + +.exos-horizontal-card__subheadline--break-all { + word-break: break-all +} + +.exos-horizontal-card__subheadline--break-word { + word-break: break-word +} + +.exos-horizontal-card__subheadline--keep-all { + word-break: keep-all +} + +.exos-horizontal-card__subheadline--nowrap { + white-space: nowrap +} + +.exos-horizontal-card__subheadline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-horizontal-card__subheadline--success { + color: var(--success-text-color, #096b35) +} + +.exos-horizontal-card__subheadline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-horizontal-card__subheadline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-horizontal-card__subheadline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-horizontal-card__subheadline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-horizontal-card__subheadline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-horizontal-card__subheadline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-horizontal-card__subheadline--bright { + color: var(--white, #fff) +} + +.exos-horizontal-card__action-container { + display: flex +} + +.exos-horizontal-card__action-container:last-child { + margin-bottom: -12px +} + +.exos-horizontal-card__flyout { + flex-grow: 1; + margin-left: 24px; + margin-top: 2px; + text-align: right +} + +.exos-horizontal-card__action-container .exos-context-menu__list { + right: 8px +} + +.exos-horizontal-separator { + border: none; + display: block; + margin-bottom: 8px; + margin-top: 8px; + overflow: hidden; + padding: 0; + text-align: center +} + +.exos-horizontal-separator:after, .exos-horizontal-separator:before { + background-color: var(--tertiary-shape-color, #bcc8d4); + content: ""; + display: inline-block; + height: 1px; + position: relative; + vertical-align: middle; + width: 50% +} + +.exos-horizontal-separator:after { + margin-right: -50% +} + +.exos-horizontal-separator:before { + margin-left: -50% +} + +.exos-horizontal-separator:not(:empty):after { + left: 12px +} + +.exos-horizontal-separator:not(:empty):before { + right: 12px +} + +.exos-horizontal-separator--condensed { + margin-bottom: 4px; + margin-top: 4px +} + +.exos-horizontal-separator--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-horizontal-separator--success:after, .exos-horizontal-separator--success:before { + background-color: var(--success-shape-color, #0fa954) +} + +.exos-horizontal-separator--caution:after, .exos-horizontal-separator--caution:before { + background-color: var(--caution-shape-color, #ffd176) +} + +.exos-horizontal-separator--warning:after, .exos-horizontal-separator--warning:before { + background-color: var(--warning-shape-color, #fa0) +} + +.exos-horizontal-separator--critical:after, .exos-horizontal-separator--critical:before { + background-color: var(--critical-shape-color, #f50c00) +} + +.exos-horizontal-separator--neutral:after, .exos-horizontal-separator--neutral:before { + background-color: var(--neutral-shape-color, #718095) +} + +.exos-horizontal-separator--activating:after, .exos-horizontal-separator--activating:before { + background-color: var(--activating-shape-color, #11c7e6) +} + +.exos-horizontal-separator--promoting:after, .exos-horizontal-separator--promoting:before { + background-color: var(--promoting-shape-color, #b410e7) +} + +.exos-horizontal-separator--corporate:after, .exos-horizontal-separator--corporate:before { + background-color: var(--corporate-shape-color, #001b41) +} + +.exos-horizontal-separator--hidden { + display: none +} + +.exos-left-navigation { + background-color: var(--white, #fff); + border-radius: 0 var(--default-border-radius, 16px) var(--default-border-radius, 16px) 0; + border-right: 1px solid var(--tertiary-shape-color, #bcc8d4); + bottom: 0; + box-shadow: var(--primary-shadow, 0 2px 8px 0 #71809580); + display: flex; + flex-direction: column; + left: 0; + overflow-y: auto; + position: fixed; + top: 64px; + transition: left .2s ease-out 0s, top .2s ease-out 0s; + width: 268px; + will-change: left; + z-index: 80 +} + +.exos-left-navigation__section { + display: flex; + flex: 1 1 auto; + flex-direction: column; + margin-bottom: 0; + min-height: 0; + min-width: 0; + padding: 16px 0 +} + +.exos-left-navigation__section--secondary { + background-color: var(--default-background-color, #f4f7fa); + flex: 0 1 auto +} + +.exos-left-navigation__block { + -webkit-overflow-scrolling: touch; + overflow-x: hidden; + overflow-y: auto; + padding: 0 16px +} + +.exos-left-navigation__headline { + color: var(--default-text-color, #001b41); + font-family: var(--corporate-font-bold, "OverpassSemibold", arial, sans-serif); + font-size: var(--default-text-size, 14px); + margin-bottom: 4px +} + +.exos-left-navigation__splitter { + border: 0; + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4); + margin: 0 0 8px +} + +.exos-left-navigation__link-list { + margin: 4px 0 16px -8px +} + +.exos-left-navigation__link-list:last-child { + margin-bottom: 0 +} + +.exos-left-navigation__link-list > li { + line-height: 1.5em; + margin-bottom: 0; + margin-left: inherit; + text-indent: inherit +} + +.exos-left-navigation__link-list > li:last-child { + margin-bottom: 0 +} + +.exos-left-navigation__second-level, .exos-left-navigation__third-level { + margin: 0 0 3px +} + +.exos-left-navigation__link-list-link { + border-left: 3px solid #0000; + color: var(--default-text-color, #001b41); + display: block; + padding: 6px 0 6px 14px; + text-decoration: none +} + +.exos-left-navigation__link-list-link--active, .exos-left-navigation__link-list-link:active, .exos-left-navigation__link-list-link:focus, .exos-left-navigation__link-list-link:hover { + border-color: var(--interactive-shape-color, #1474c4); + color: var(--interactive-text-color, #1474c4) +} + +.exos-left-navigation__first-level-link { + color: var(--default-text-color, #001b41); + display: block; + font-family: var(--corporate-font-bold, "OverpassSemibold", arial, sans-serif); + font-size: var(--default-text-size, 14px); + padding: 6px 0; + text-decoration: none +} + +.exos-left-navigation__first-level-link--active, .exos-left-navigation__first-level-link:active, .exos-left-navigation__first-level-link:focus, .exos-left-navigation__first-level-link:hover { + border-color: var(--interactive-shape-color, #1474c4); + color: var(--interactive-text-color, #1474c4) +} + +.exos-left-navigation__first-level-link--collapsed { + line-height: inherit +} + +.exos-left-navigation__first-level-link--collapsed + .exos-left-navigation__second-level { + display: none +} + +.exos-left-navigation__first-level-link--expanded { + line-height: inherit +} + +.exos-left-navigation__first-level-link--expanded + .exos-left-navigation__second-level { + display: inherit +} + +.exos-left-navigation__second-level-link { + color: var(--default-text-color, #001b41); + display: block; + padding: 6px 0 6px 16px; + text-decoration: none +} + +.exos-left-navigation__second-level-link:hover { + border-color: var(--interactive-shape-color, #1474c4); + color: var(--interactive-text-color, #1474c4) +} + +.exos-left-navigation__second-level-link--active, .exos-left-navigation__second-level-link:active, .exos-left-navigation__second-level-link:focus { + border-color: var(--interactive-shape-color, #1474c4); + color: var(--interactive-text-color, #1474c4); + font-family: var(--corporate-font-bold, "OverpassSemibold", arial, sans-serif) +} + +.exos-left-navigation__second-level-link--collapsed { + line-height: 1; + line-height: inherit; + margin-left: -1px; + padding-left: 0 +} + +.exos-left-navigation__second-level-link--collapsed:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: normal; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-left-navigation__second-level-link--collapsed + .exos-left-navigation__third-level { + display: none +} + +.exos-left-navigation__second-level-link--expanded { + font-family: var(--corporate-font-bold, "OverpassSemibold", arial, sans-serif); + line-height: 1; + line-height: inherit; + margin-left: -1px; + padding-left: 0 +} + +.exos-left-navigation__second-level-link--expanded:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: normal; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-left-navigation__second-level-link--expanded + .exos-left-navigation__third-level { + display: inherit +} + +.exos-left-navigation__third-level-link { + border-left: 3px solid var(--default-shadow-color, #71809580); + color: var(--default-text-color, #001b41); + display: block; + margin-left: 16px; + padding: 6px 0 6px 14px; + text-decoration: none +} + +.exos-left-navigation__third-level-link:hover { + border-color: var(--interactive-shape-color, #1474c4); + color: var(--interactive-text-color, #1474c4) +} + +.exos-left-navigation__third-level-link--active, .exos-left-navigation__third-level-link:active, .exos-left-navigation__third-level-link:focus { + border-color: var(--interactive-shape-color, #1474c4); + color: var(--interactive-text-color, #1474c4); + font-family: var(--corporate-font-bold, "OverpassSemibold", arial, sans-serif) +} + +.exos-left-navigation__toggle, .exos-oao-navi-burger.exos-left-navigation__toggle { + display: none +} + +.exos-left-navigation__blocker { + background-color: #000; + left: 0; + margin: 0; + opacity: 0; + position: fixed; + top: 0; + transition: opacity .2s ease-out; + z-index: 79 +} + +.exos-oao-pi-flyin .exos-left-navigation { + left: -268px; + overflow-x: hidden; + overflow-y: hidden +} + +.exos-link, .exos-toggle-link { + word-wrap: break-word; + cursor: pointer; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--default-text-size, 14px); + line-height: var(--default-text-line-height, 20px); + text-decoration: none +} + +.exos-link, .exos-link:before, .exos-toggle-link, .exos-toggle-link:before { + color: var(--interactive-text-color, #1474c4) +} + +.exos-__hover.exos-toggle-link, .exos-link.exos-__hover, .exos-link:active, .exos-link:hover, .exos-toggle-link:active, .exos-toggle-link:hover { + color: var(--interactive-text-color, #1474c4); + text-decoration: underline +} + +.exos-link:active:before, .exos-link:hover:before, .exos-toggle-link:active:before, .exos-toggle-link:hover:before { + color: var(--interactive-text-color, #1474c4) +} + +.exos-link:hover span, .exos-toggle-link:hover span { + text-decoration: none +} + +.exos-link--active { + background-color: var(--palette-corporate-1, #dbedf8); + border-radius: 4px; + margin: -1px -4px; + padding: 1px 4px +} + +.exos-link--disabled { + cursor: not-allowed; + opacity: .5 +} + +.exos-link--disabled:hover { + text-decoration: none +} + +.exos-link--bright.exos-__hover, .exos-link--bright.exos-__hover:before, .exos-link--bright:hover, .exos-link--bright:hover:before { + color: var(--white, #fff) +} + +.exos-link--align-center { + justify-content: center; + text-align: center +} + +.exos-link--align-left { + justify-content: left; + text-align: left +} + +.exos-link--align-right { + justify-content: right; + text-align: right +} + +.exos-link--hidden { + display: none +} + +.exos-link--success { + color: var(--success-text-color, #096b35) +} + +.exos-link--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-link--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-link--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-link--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-link--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-link--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-link--bright { + color: var(--white, #fff) +} + +.exos-link--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-link--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-link--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-link--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-link--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-link--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-link--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-link--bright:before { + color: var(--white, #fff) +} + +.exos-link--break-all { + word-break: break-all +} + +.exos-link--break-word { + word-break: break-word +} + +.exos-link--keep-all { + word-break: keep-all +} + +.exos-link--ellipsized, .exos-link--nowrap { + white-space: nowrap +} + +.exos-link--ellipsized { + overflow: hidden; + text-overflow: ellipsis +} + +.exos-link--vertical-align-bottom { + align-self: flex-end +} + +.exos-link--vertical-align-center { + align-self: center +} + +.exos-link--vertical-align-middle { + vertical-align: middle +} + +.exos-link--vertical-align-top { + align-self: flex-start +} + +.exos-link--lookup { + word-wrap: break-word; + background-color: initial; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--lookup, .exos-link--lookup:hover { + border-bottom: 1px dotted var(--default-shape-color, #465a75); + color: var(--default-text-color, #001b41); + cursor: help; + text-decoration: none +} + +.exos-link--lookup:hover { + background-color: var(--palette-corporate-1, #dbedf8) +} + +.exos-link--action { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--action:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--external-action { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--external-action:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--back { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--back:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--prev { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--prev:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--next { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--next:after { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-right: -3px; + margin-top: -3px; + padding-left: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--delete { + color: var(--critical-text-color, #c80a00); + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--delete:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--delete:before, .exos-link--delete:hover, .exos-link--delete:hover:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-link--add { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--add:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-left: -2px; + margin-top: -3px; + padding-right: 2px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--add:hover, .exos-link--add:hover:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-link--no { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--no:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-left: 1px; + margin-top: -3px; + padding-right: 1px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--yes { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--yes:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-size: 90%; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--upselling { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--upselling:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--secure { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--secure:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-left: -2px; + margin-top: -3px; + padding-right: 2px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--print { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--print:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--download { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--download:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--facebook { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--facebook:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--twitter { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--twitter:before { + color: #57b5fd; + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--gplus { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--gplus:before { + color: #d60600; + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--friend { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--friend:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--helpandlearn { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--helpandlearn:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-size: var(--default-text-size, 14px); + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 3px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--pointer { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--pointer:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--new { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--new:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link--beta { + line-height: 1; + line-height: var(--default-text-line-height, 20px) +} + +.exos-link--beta:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top +} + +.exos-link--beta:before, .exos-link--exos-icon { + vertical-align: middle +} + +.exos-link--exos-icon:before { + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-top: -3px; + padding-right: 4px; + vertical-align: top; + vertical-align: middle +} + +.exos-link-container { + display: flex; + flex-flow: wrap; + gap: 0 16px +} + +.exos-link-container--cropped { + margin-bottom: -6px +} + +.exos-link-container:last-child, .exos-link-container:only-child { + margin-bottom: 0 +} + +.exos-link-container--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-link-container--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-link-container--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +button.exos-link, button.exos-toggle-link { + background: #0000; + border: 0; + padding: 0 +} + +button.exos-link:not(.exos-__hover).exos-__direct-selection--target, button.exos-toggle-link:not(.exos-__hover).exos-__direct-selection--target { + text-decoration: none +} + +.exos-list { + color: var(--default-text-color, #001b41); + display: block; + margin-bottom: 12px; + margin-top: 8px +} + +.exos-list--narrow { + display: inline-block; + width: 70% +} + +.exos-list > li { + line-height: 1.5em; + margin-bottom: 8px +} + +.exos-list > li .exos-svg-icon { + height: 18px; + margin: -2px 6px 0 0; + pointer-events: none; + vertical-align: middle; + width: 18px +} + +.exos-list > li .exos-svg-icon--large { + height: 20px; + margin-right: 8px; + width: 20px +} + +.exos-list--condensed > li { + margin-bottom: 0 +} + +.exos-list--bright > li { + color: var(--white, #fff) +} + +.exos-list > li:last-child { + margin-bottom: 0 +} + +.exos-list--align-center { + justify-content: center; + text-align: center +} + +.exos-list--align-left { + justify-content: left; + text-align: left +} + +.exos-list--align-right { + justify-content: right; + text-align: right +} + +.exos-list--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-list--hidden { + display: none +} + +.exos-bullet-list { + color: var(--default-text-color, #001b41); + display: block; + margin-bottom: 12px; + margin-top: 8px +} + +.exos-bullet-list--narrow { + display: inline-block; + width: 70% +} + +.exos-bullet-list > li { + line-height: 1.5em; + margin-bottom: 8px +} + +.exos-bullet-list > li .exos-svg-icon { + height: 18px; + margin: -2px 6px 0 0; + pointer-events: none; + vertical-align: middle; + width: 18px +} + +.exos-bullet-list > li .exos-svg-icon--large { + height: 20px; + margin-right: 8px; + width: 20px +} + +.exos-bullet-list--condensed > li { + margin-bottom: 0 +} + +.exos-bullet-list--bright > li { + color: var(--white, #fff) +} + +.exos-bullet-list > li:last-child { + margin-bottom: 0 +} + +.exos-bullet-list--align-center { + justify-content: center; + text-align: center +} + +.exos-bullet-list--align-left { + justify-content: left; + text-align: left +} + +.exos-bullet-list--align-right { + justify-content: right; + text-align: right +} + +.exos-bullet-list--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-bullet-list--hidden { + display: none +} + +.exos-bullet-list > li { + padding-left: 28px; + padding-right: 24px; + position: relative +} + +.exos-bullet-list > li:before { + font-family: exos-icon-font, sans-serif; + margin-left: -26px; + margin-top: 1px; + position: absolute +} + +.exos-bullet-list > li > .exos-svg-icon { + margin-left: -28px +} + +.exos-bullet-list > li--bright > .exos-svg-icon path { + fill: var(--white, #fff) +} + +.exos-bullet-list > li--hidden { + display: none +} + +.exos-bullet-list > li.exos-exos-icon:before { + color: var(--default-shape-color, #465a75) +} + +.exos-bullet-list > li.exos-exos-icon--bright:before { + color: var(--white, #fff) +} + +.exos-bullet-list > li.exos-exos-icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-bullet-list > li.exos-exos-icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-bullet-list > li.exos-exos-icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-bullet-list > li.exos-exos-icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-bullet-list > li.exos-exos-icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-bullet-list > li.exos-exos-icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-bullet-list > li.exos-exos-icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-bullet-list > li:before { + color: var(--default-text-color, #001b41); + content: ""; + font-size: 18px +} + +.exos-bullet-list > li.exos-bullet-list__icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-bullet-list > li.exos-bullet-list__icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-bullet-list > li.exos-bullet-list__icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-bullet-list > li.exos-bullet-list__icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-bullet-list > li.exos-bullet-list__icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-bullet-list > li.exos-bullet-list__icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-bullet-list > li.exos-bullet-list__icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-bullet-list > li.exos-bullet-list__icon--bright:before { + color: var(--white, #fff) +} + +.exos-bullet-list > li.exos-bullet-list__item--success { + color: var(--success-text-color, #096b35) +} + +.exos-bullet-list > li.exos-bullet-list__item--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-bullet-list > li.exos-bullet-list__item--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-bullet-list > li.exos-bullet-list__item--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-bullet-list > li.exos-bullet-list__item--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-bullet-list > li.exos-bullet-list__item--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-bullet-list > li.exos-bullet-list__item--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-bullet-list--bright > li:before, .exos-bullet-list > li.exos-bullet-list__item--bright { + color: var(--white, #fff) +} + +.exos-bullet-list__item { + display: list-item +} + +.exos-check-list { + color: var(--default-text-color, #001b41); + display: block; + margin-bottom: 12px; + margin-top: 8px +} + +.exos-check-list--narrow { + display: inline-block; + width: 70% +} + +.exos-check-list > li { + line-height: 1.5em; + margin-bottom: 8px +} + +.exos-check-list > li .exos-svg-icon { + height: 18px; + margin: -2px 6px 0 0; + pointer-events: none; + vertical-align: middle; + width: 18px +} + +.exos-check-list > li .exos-svg-icon--large { + height: 20px; + margin-right: 8px; + width: 20px +} + +.exos-check-list--condensed > li { + margin-bottom: 0 +} + +.exos-check-list--bright > li { + color: var(--white, #fff) +} + +.exos-check-list > li:last-child { + margin-bottom: 0 +} + +.exos-check-list--align-center { + justify-content: center; + text-align: center +} + +.exos-check-list--align-left { + justify-content: left; + text-align: left +} + +.exos-check-list--align-right { + justify-content: right; + text-align: right +} + +.exos-check-list--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-check-list--hidden { + display: none +} + +.exos-check-list > li { + padding-left: 28px; + padding-right: 24px; + position: relative +} + +.exos-check-list > li:before { + background: var(--check-list-icon-background-color, #95caeb); + border-radius: 50%; + color: var(--check-list-icon-color, #003d8f); + content: ""; + font-family: exos-icon-font, sans-serif; + font-size: var(--default-text-size, 14px); + height: 20px; + line-height: 20px; + margin-left: -28px; + margin-top: 1px; + position: absolute; + text-align: center; + width: 20px +} + +.exos-check-list > li--hidden { + display: none +} + +.exos-check-list--bright > li:before { + background: var(--inverted-check-list-icon-background-color, #fff3); + color: var(--inverted-check-list-icon-color, #fff) +} + +.exos-icon-list { + color: var(--default-text-color, #001b41); + display: block; + margin-bottom: 12px; + margin-top: 8px +} + +.exos-icon-list--narrow { + display: inline-block; + width: 70% +} + +.exos-icon-list > li { + line-height: 1.5em; + margin-bottom: 8px +} + +.exos-icon-list > li .exos-svg-icon { + height: 18px; + margin: -2px 6px 0 0; + pointer-events: none; + vertical-align: middle; + width: 18px +} + +.exos-icon-list > li .exos-svg-icon--large { + height: 20px; + margin-right: 8px; + width: 20px +} + +.exos-icon-list--condensed > li { + margin-bottom: 0 +} + +.exos-icon-list--bright > li { + color: var(--white, #fff) +} + +.exos-icon-list > li:last-child { + margin-bottom: 0 +} + +.exos-icon-list--align-center { + justify-content: center; + text-align: center +} + +.exos-icon-list--align-left { + justify-content: left; + text-align: left +} + +.exos-icon-list--align-right { + justify-content: right; + text-align: right +} + +.exos-icon-list--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-icon-list--hidden { + display: none +} + +.exos-icon-list > li { + padding-left: 28px; + padding-right: 24px; + position: relative +} + +.exos-icon-list > li:before { + color: var(--default-text-color, #001b41); + font-family: exos-icon-font, sans-serif; + font-size: 18px; + margin-left: -26px; + margin-top: 1px; + position: absolute +} + +.exos-icon-list > li > .exos-svg-icon { + margin-left: -28px +} + +.exos-icon-list > li--bright > .exos-svg-icon path { + fill: var(--white, #fff) +} + +.exos-icon-list > li--hidden { + display: none +} + +.exos-icon-list > li.exos-exos-icon:before { + color: var(--default-shape-color, #465a75) +} + +.exos-icon-list > li.exos-exos-icon--bright:before { + color: var(--white, #fff) +} + +.exos-icon-list > li.exos-exos-icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-icon-list > li.exos-exos-icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-icon-list > li.exos-exos-icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-icon-list > li.exos-exos-icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-icon-list > li.exos-exos-icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-icon-list > li.exos-exos-icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-icon-list > li.exos-exos-icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-icon-list > li.exos-icon-list__icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-icon-list > li.exos-icon-list__icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-icon-list > li.exos-icon-list__icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-icon-list > li.exos-icon-list__icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-icon-list > li.exos-icon-list__icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-icon-list > li.exos-icon-list__icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-icon-list > li.exos-icon-list__icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-icon-list > li.exos-icon-list__icon--bright:before { + color: var(--white, #fff) +} + +.exos-icon-list > li.exos-icon-list__item--success { + color: var(--success-text-color, #096b35) +} + +.exos-icon-list > li.exos-icon-list__item--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-icon-list > li.exos-icon-list__item--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-icon-list > li.exos-icon-list__item--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-icon-list > li.exos-icon-list__item--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-icon-list > li.exos-icon-list__item--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-icon-list > li.exos-icon-list__item--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-icon-list--bright > li:before, .exos-icon-list > li.exos-icon-list__item--bright { + color: var(--white, #fff) +} + +.exos-icon-list__item { + display: list-item +} + +.exos-ordered-list { + color: var(--default-text-color, #001b41); + counter-reset: orderedList; + display: block; + margin-bottom: 12px; + margin-left: 28px; + margin-top: 8px +} + +.exos-ordered-list--narrow { + display: inline-block; + width: 70% +} + +.exos-ordered-list > li { + line-height: 1.5em; + margin-bottom: 8px +} + +.exos-ordered-list > li .exos-svg-icon { + height: 18px; + margin: -2px 6px 0 0; + pointer-events: none; + vertical-align: middle; + width: 18px +} + +.exos-ordered-list > li .exos-svg-icon--large { + height: 20px; + margin-right: 8px; + width: 20px +} + +.exos-ordered-list--condensed > li { + margin-bottom: 0 +} + +.exos-ordered-list--bright > li { + color: var(--white, #fff) +} + +.exos-ordered-list > li:last-child { + margin-bottom: 0 +} + +.exos-ordered-list--align-center { + justify-content: center; + text-align: center +} + +.exos-ordered-list--align-left { + justify-content: left; + text-align: left +} + +.exos-ordered-list--align-right { + justify-content: right; + text-align: right +} + +.exos-ordered-list--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-ordered-list--hidden { + display: none +} + +.exos-ordered-list > li:before { + background: var(--default-shape-color, #465a75); + border-radius: 50%; + color: var(--white, #fff); + content: counter(orderedList); + counter-increment: orderedList; + font-size: var(--default-text-size, 14px); + font-weight: 700; + height: 20px; + line-height: 20px; + margin-left: -28px; + margin-top: 1px; + position: absolute; + text-align: center; + width: 20px +} + +.exos-ordered-list > li.exos-ordered-list__icon--bright:before { + background-color: var(--white, #fff) +} + +.exos-ordered-list > li.exos-ordered-list__icon--activating:before { + background-color: var(--solid-activating-background-color, #11c7e6) +} + +.exos-ordered-list > li.exos-ordered-list__icon--success:before { + background-color: var(--solid-success-background-color, #12cf76) +} + +.exos-ordered-list > li.exos-ordered-list__icon--warning:before { + background-color: var(--solid-warning-background-color, #fa0) +} + +.exos-ordered-list > li.exos-ordered-list__icon--critical:before { + background-color: var(--solid-critical-background-color, #ff6159) +} + +.exos-ordered-list > li.exos-ordered-list__icon--neutral:before { + background-color: var(--solid-neutral-background-color, #465a75) +} + +.exos-ordered-list > li.exos-ordered-list__item--bright { + color: var(--white, #fff) +} + +.exos-ordered-list > li.exos-ordered-list__item--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-ordered-list > li.exos-ordered-list__item--success { + color: var(--success-text-color, #096b35) +} + +.exos-ordered-list > li.exos-ordered-list__item--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-ordered-list > li.exos-ordered-list__item--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-ordered-list > li.exos-ordered-list__item--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-ordered-list--bright > li:before { + background: var(--white, #fff); + color: var(--primary-text-color, #02102b) +} + +.exos-ordered-list__item { + display: list-item +} + +.exos-link-list { + color: var(--default-text-color, #001b41); + display: block; + margin-bottom: 12px; + margin-top: 8px +} + +.exos-link-list--narrow { + display: inline-block; + width: 70% +} + +.exos-link-list > li { + line-height: 1.5em; + margin-bottom: 8px +} + +.exos-link-list > li .exos-svg-icon { + height: 18px; + margin: -2px 6px 0 0; + pointer-events: none; + vertical-align: middle; + width: 18px +} + +.exos-link-list > li .exos-svg-icon--large { + height: 20px; + margin-right: 8px; + width: 20px +} + +.exos-link-list--condensed > li, .exos-link-list > li:last-child { + margin-bottom: 0 +} + +.exos-link-list--align-center { + justify-content: center; + text-align: center +} + +.exos-link-list--align-left { + justify-content: left; + text-align: left +} + +.exos-link-list--align-right { + justify-content: right; + text-align: right +} + +.exos-link-list--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-link-list--hidden { + display: none +} + +.exos-link-list > li { + margin-bottom: 0; + margin-left: inherit; + text-indent: inherit +} + +.exos-link-list--bright > li { + color: var(--white, #fff) +} + +.exos-link-list__item { + display: list-item +} + +.exos-link-list__link { + border-left: 3px solid var(--tertiary-shape-color, #bcc8d4); + color: var(--default-text-color, #001b41); + display: inherit; + line-height: 1.714em; + padding: 6px 0 6px 14px; + text-decoration: none +} + +.exos-link-list__link.exos-__hover, .exos-link-list__link:hover { + border-color: var(--interactive-shape-color, #1474c4); + color: var(--interactive-text-color, #1474c4) +} + +.exos-loading-circle { + display: inline-block; + font-size: 10px; + min-width: 55px +} + +.exos-loading-circle:after { + clear: both; + content: ""; + display: table +} + +.exos-loading-circle__circle { + animation-direction: normal; + animation-duration: 1.3s; + animation-iteration-count: infinite; + animation-name: keyframes--loading-circle; + border-radius: 20px; + float: left; + height: 1em; + margin-left: .6em; + width: 1em +} + +.exos-loading-circle__circle:first-child { + animation-delay: 0s +} + +.exos-loading-circle__circle:nth-child(2) { + animation-delay: .3s +} + +.exos-loading-circle__circle:nth-child(3) { + animation-delay: .5s +} + +.exos-loading-circle--small { + font-size: 5px; + min-width: inherit +} + +.exos-loading-circle--bright .exos-loading-circle__circle { + animation-name: keyframes--loading-circle-bright +} + +.exos-loading-circle--secondary .exos-loading-circle__circle { + animation-name: keyframes--loading-circle-secondary +} + +@keyframes keyframes--loading-circle { + 0% { + background-color: var(--interactive-text-color, #1474c4) + } + 50% { + background-color: initial + } + to { + background-color: var(--interactive-text-color, #1474c4) + } +} + +@keyframes keyframes--loading-circle-secondary { + 0% { + background-color: var(--tertiary-background-color-inverted, #718095) + } + 50% { + background-color: initial + } + to { + background-color: var(--tertiary-background-color-inverted, #718095) + } +} + +@keyframes keyframes--loading-circle-bright { + 0% { + background-color: var(--white, #fff) + } + 50% { + background-color: initial + } + to { + background-color: var(--white, #fff) + } +} + +.exos-loading-spin { + animation: keyframes--loading-spin 1s linear 0s infinite normal none running; + border-radius: 80%; + height: 90px; + margin: 0 auto; + position: relative; + width: 90px +} + +.exos-loading-spin:before { + background: #0000; + background-image: linear-gradient(to bottom, #0000, var(--interactive-text-color, #1474c4)); + border-radius: 0 90px 90px 0; + height: 90px; + right: 0; + top: 0; + width: 50% +} + +.exos-loading-spin:after, .exos-loading-spin:before { + content: ""; + display: block; + position: absolute; + z-index: 1 +} + +.exos-loading-spin:after { + background: var(--default-background-color, #f4f7fa); + border-radius: 90px; + height: 70px; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 70px +} + +.exos-loading-spin--small { + height: 45px; + width: 45px +} + +.exos-loading-spin--small:before { + border-radius: 0 45px 45px 0; + height: 45px +} + +.exos-loading-spin--small:after { + border-radius: 45px; + height: 35px; + width: 35px +} + +.exos-loading-spin--bright:before { + background: var(--white, #fff); + background-image: linear-gradient(to bottom, #0000, var(--interactive-text-color, #1474c4)) +} + +.exos-loading-spin--bright:after { + background: var(--white, #fff) +} + +.exos-loading-spin--advertising:before { + background: #0000; + background-image: linear-gradient(to bottom, #0000, var(--white, #fff)) +} + +.exos-loading-spin--advertising:after { + background: var(--corporate-shape-color, #001b41) +} + +.exos-loading-spin--beta:before { + background: #0000; + background-image: linear-gradient(to bottom, #0000, var(--white, #fff)) +} + +.exos-loading-spin--beta:after { + background: var(--default-background-color-inverted, #0b2a63) +} + +@keyframes keyframes--loading-spin { + 0% { + transform: rotate(0deg) + } + to { + transform: rotate(1turn) + } +} + +.exos-loading-square { + left: 50%; + margin: -25px 0 0 -25px; + position: absolute; + top: 50% +} + +.exos-loading-square > div { + animation: keyframes--loading-square 3s cubic-bezier(.09, .57, .49, .9) 0s infinite; + animation-delay: .15s; + background: var(--interactive-text-color, #1474c4); + border: 1px solid var(--white, #fff); + height: 50px; + opacity: 0; + width: 50px +} + +@keyframes keyframes--loading-square { + 25% { + opacity: .25; + transform: perspective(100px) rotateX(180deg) rotateY(0) + } + 50% { + opacity: .5; + transform: perspective(100px) rotateX(180deg) rotateY(180deg) + } + 75% { + opacity: .75; + transform: perspective(100px) rotateX(0) rotateY(180deg) + } + to { + opacity: 1; + transform: perspective(100px) rotateX(0) rotateY(0) + } +} + +.exos-page-footer { + border-top: var(--page-footer-border, none); + display: block; + grid-area: footer +} + +.exos-page-footer--hidden { + display: none +} + +.exos-page-footer__block { + background-color: var(--white, #fff); + color: var(--default-text-color, #001b41); + padding: 32px; + position: relative +} + +.exos-page-footer__section { + display: flex; + margin-bottom: 0; + margin-left: -15px; + margin-right: -15px +} + +.exos-page-footer__section--separator { + border-bottom: var(--page-footer-border, none) +} + +.exos-page-footer__section--align-center { + justify-content: center; + text-align: center +} + +.exos-page-footer__section--align-left { + justify-content: left; + text-align: left +} + +.exos-page-footer__section--align-right { + justify-content: right; + text-align: right +} + +.exos-page-footer__section--hidden { + display: none +} + +.exos-page-footer__section-item { + flex: 1 1 0%; + line-height: 1.5em; + margin-bottom: 32px; + overflow: hidden; + padding-left: 15px; + padding-right: 15px +} + +.exos-page-footer__section-item--align-center { + justify-content: center; + text-align: center +} + +.exos-page-footer__section-item--align-left { + justify-content: left; + text-align: left +} + +.exos-page-footer__section-item--align-right { + justify-content: right; + text-align: right +} + +.exos-page-footer__section-item--hidden { + display: none +} + +.exos-page-footer__section--last .exos-page-footer__section-item { + margin-bottom: 0; + margin-top: 32px +} + +.exos-page-footer__section--last:only-child .exos-page-footer__section-item { + margin-top: 0 +} + +.exos-page-footer__section-item > .exos-page-footer__social--first { + margin-left: 0 +} + +.exos-page-footer__section-item > .exos-page-footer__social--last { + margin-right: 0 +} + +.exos-page-footer__separator { + border: 0; + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4); + margin-bottom: 32px; + margin-top: 0 +} + +.exos-page-footer__headline { + font-family: var(--fourth-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--fourth-level-headline-size, 14px); + line-height: var(--fourth-level-headline-line-height, 20px); + margin-bottom: 12px; + position: relative +} + +.exos-page-footer__link-list > li { + display: flex; + height: 32px +} + +.exos-page-footer__link-list > li a { + cursor: pointer +} + +.exos-page-footer__link { + color: inherit; + display: inline-block; + padding: 8px 0; + text-decoration: none +} + +.exos-page-footer__section--last .exos-page-footer__link { + padding: 0; + width: auto +} + +.exos-page-footer__link:before { + font-size: 16px; + padding: 0 8px 0 0; + width: 20px +} + +.exos-page-footer__status > a:hover, a.exos-page-footer__link:hover { + color: var(--interactive-text-color, #1474c4); + text-decoration: underline +} + +.exos-page-footer__social { + display: inline-block; + margin: 0 8px 16px +} + +.exos-page-footer__social path { + fill: var(--corporate-text-color, #0b2a63) +} + +.exos-page-footer__social:hover path { + fill: var(--interactive-shape-color, #1474c4) +} + +.exos-page-footer__link .exos-svg-icon { + height: auto; + padding: 0 8px 0 0; + pointer-events: none; + vertical-align: middle; + width: 20px +} + +.exos-page-footer__link .exos-svg-icon path { + fill: var(--default-text-color, #001b41) +} + +.exos-page-footer__link:hover .exos-svg-icon path { + fill: var(--interactive-text-color, #1474c4) +} + +.exos-page-footer__appstore { + display: flex; + width: 151px +} + +.exos-page-footer__toggle { + font-size: var(--default-text-size, 14px); + height: 20px; + position: absolute; + right: 28px; + text-align: right; + vertical-align: text-bottom; + width: 100% +} + +.exos-page-footer__toggle.exos-toggle-link--collapsed:before { + content: "\E671" +} + +.exos-page-footer__toggle.exos-toggle-link--expanded:before { + content: "\E670" +} + +.exos-page-footer__adzone { + margin-bottom: 8px; + max-width: 232px; + min-width: 216px; + width: 76% +} + +.exos-page-footer__adzone--full-width { + max-width: 100%; + width: 100% +} + +.exos-page-footer__adzone .exos-action-stripe__action { + margin-left: -11px; + padding-left: 0; + padding-right: 15px +} + +.exos-page-footer__adzone-link, .exos-page-footer__adzone-link:hover { + color: inherit; + text-decoration: none +} + +.exos-page-footer__logo { + display: block; + height: 40px; + margin: 0 0 24px; + width: auto +} + +.exos-__has-left-navigation .exos-page-footer__block { + padding-left: 300px +} + +.exos-page-footer .exos-link-list { + margin-bottom: 0 +} + +.exos-page-footer .exos-link, .exos-page-footer .exos-toggle-link { + color: var(--default-text-color, #001b41) +} + +.exos-page-header { + background: var(--default-background-color, #f4f7fa); + display: block; + padding: 40px 32px 24px; + position: relative +} + +.exos-page-header:after { + clear: both; + content: ""; + display: table +} + +.exos-page-header--hidden { + display: none +} + +.exos-page-header__block { + margin: 0 auto; + max-width: 1170px; + position: relative +} + +.exos-page-header--narrow .exos-page-header__block { + max-width: 950px +} + +.exos-page-header--short .exos-page-header__block { + max-width: 650px; + padding-right: 300px +} + +.exos-page-header--align-center .exos-page-header__block { + text-align: center +} + +.exos-__has-left-navigation .exos-page-header { + padding-left: 300px +} + +.exos-page-header__headline { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + color: var(--default-text-color, #001b41); + display: block; + font-family: var(--first-level-headline-family, "OverpassRegular", arial, arial narrow, sans-serif); + font-size: var(--first-level-headline-size, 32px); + font-weight: inherit; + line-height: var(--first-level-headline-line-height, 42px); + margin-bottom: 16px; + word-break: break-word +} + +.exos-page-header__headline:last-child { + margin-bottom: 12px +} + +.exos-page-header__headline--exos-icon:before { + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-right: .5em; + vertical-align: top +} + +.exos-page-header__headline--exos-icon.exos-exos-icon--bright:before { + color: var(--white, #fff) +} + +.exos-page-header__headline--exos-icon.exos-exos-icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-page-header__headline--exos-icon.exos-exos-icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-page-header__headline--exos-icon.exos-exos-icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-page-header__headline--exos-icon.exos-exos-icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-page-header__headline--exos-icon.exos-exos-icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-page-header__headline--break-all { + word-break: break-all +} + +.exos-page-header__headline--break-word { + word-break: break-word +} + +.exos-page-header__headline--keep-all { + word-break: keep-all +} + +.exos-page-header__headline--nowrap { + white-space: nowrap +} + +.exos-page-header__headline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-page-header__headline--sub { + color: var(--default-text-color, #001b41); + font-family: var(--second-level-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--second-level-headline-size, 22px); + line-height: var(--second-level-headline-line-height, 30px) +} + +.exos-page-header__headline + .exos-page-header__headline--sub { + margin-top: -4px +} + +.exos-page-header__paragraph { + color: var(--default-text-color, #001b41); + display: block; + font-family: var(--third-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-headline-size, 16px); + line-height: var(--third-level-headline-line-height, 24px); + margin-bottom: 16px; + margin-top: -8px +} + +.exos-page-header__back-button { + cursor: pointer; + outline: none; + text-decoration: none +} + +.exos-page-header__back-button:before { + color: var(--default-shape-color, #465a75); + content: "\E936"; + display: inline-block; + float: left; + font-family: exos-icon-font, serif; + font-size: 22px; + line-height: 34px; + margin-left: -32px; + padding-right: 11px; + transition: margin-left .5s ease-out +} + +.exos-page-header__back-button:hover:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-header__helpandlearn { + cursor: pointer; + display: inline-flex; + line-height: 1; + text-decoration: none; + transition: background-color .1s ease-out +} + +.exos-page-header__helpandlearn:before { + color: var(--default-shape-color, #465a75); + content: ""; + font-family: exos-icon-font; + font-size: 24px; + font-style: normal; + font-weight: 400 !important; + padding: 0 4px; + transition: color .1s ease-out; + vertical-align: top +} + +.exos-page-header__helpandlearn:hover:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-header__icon { + color: var(--default-shape-color, #465a75); + line-height: 0; + padding-left: 12px; + position: relative; + text-decoration: none; + top: -3px; + vertical-align: middle +} + +.exos-message { + background-color: var(--page-message-background-color, #fff); + border: var(--page-message-border, 1px solid #718095); + border-radius: var(--default-border-radius, 16px); + box-shadow: var(--sheet-shadow, none); + display: block; + margin-bottom: 32px; + overflow: hidden; + transition: box-shadow .3s ease-out +} + +.exos-message__section { + display: block; + margin-left: -1px; + padding: 28px 30px; + position: relative +} + +.exos-message--success .exos-message__section { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954) +} + +.exos-message--warning .exos-message__section { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0) +} + +.exos-message--critical .exos-message__section { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00) +} + +.exos-message--activating .exos-message__section { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6) +} + +.exos-message--neutral .exos-message__section { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095) +} + +.exos-message__section > :last-child { + margin-bottom: 0 +} + +.exos-message__footer { + background-color: var(--page-message-background-color, #fff); + display: flex; + gap: 12px; + margin-top: 24px +} + +.exos-message__footer > :last-child { + margin-bottom: 0 +} + +.exos-message__footer .exos-button, .exos-message__footer .exos-ghost-button, .exos-message__footer .exos-toggle-button { + margin-right: 0 +} + +.exos-message__footer .exos-link:not(:last-child), .exos-message__footer .exos-toggle-link:not(:last-child) { + margin-right: 12px +} + +.exos-message__footer .exos-button + .exos-link, .exos-message__footer .exos-button + .exos-toggle-link, .exos-message__footer .exos-toggle-button + .exos-link, .exos-message__footer .exos-toggle-button + .exos-toggle-link { + margin-left: 12px +} + +.exos-message__footer--align-center { + justify-content: center; + text-align: center +} + +.exos-message__footer--align-left { + justify-content: left; + text-align: left +} + +.exos-message__footer--align-right { + justify-content: right; + text-align: right +} + +.exos-message__footer--hidden { + display: none +} + +.exos-message__footer--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-message__footer--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-message__footer--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-page-section { + background-color: var(--default-background-color, #f4f7fa); + display: block; + margin-bottom: 0; + padding: 32px; + position: relative +} + +.exos-page-section:last-child { + padding-bottom: 64px +} + +.exos-page-section--condensed { + padding-bottom: 8px; + padding-top: 7px +} + +.exos-page-section--advertising:last-child { + padding-bottom: 32px +} + +.exos-page-section--sticky { + background: var(--white, #fff); + bottom: 0; + box-shadow: 0 -2px 8px -2px var(--default-shadow-color, #71809580); + left: 0; + padding-bottom: 28px; + padding-top: 28px; + position: -webkit-sticky; + position: sticky; + right: 0; + z-index: 1 +} + +.exos-page-section--sticky:last-child { + padding-bottom: 32px +} + +.exos-page-section--align-center { + justify-content: center; + text-align: center +} + +.exos-page-section--align-left { + justify-content: left; + text-align: left +} + +.exos-page-section--align-right { + justify-content: right; + text-align: right +} + +.exos-page-section--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-page-section--hidden { + display: none +} + +.exos-page-section--semantic-bar-success { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954); + margin-left: -1px +} + +.exos-page-section--semantic-bar-success:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-success:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-warning { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0); + margin-left: -1px +} + +.exos-page-section--semantic-bar-warning:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-warning:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-critical { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00); + margin-left: -1px +} + +.exos-page-section--semantic-bar-critical:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-critical:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-neutral { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095); + margin-left: -1px +} + +.exos-page-section--semantic-bar-neutral:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-neutral:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-activating { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6); + margin-left: -1px +} + +.exos-page-section--semantic-bar-activating:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-activating:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-corporate { + box-shadow: inset 8px 0 var(--corporate-shape-color, #001b41); + margin-left: -1px +} + +.exos-page-section--semantic-bar-corporate:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-corporate:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-promoting { + box-shadow: inset 8px 0 var(--promoting-shape-color, #b410e7); + margin-left: -1px +} + +.exos-page-section--semantic-bar-promoting:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--semantic-bar-promoting:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-page-section--success-solid { + background-color: var(--solid-success-background-color, #12cf76); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-section--warning-solid { + background-color: var(--solid-warning-background-color, #fa0); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-section--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-section--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-page-section--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-section--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-page-section--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-page-section--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-section--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-page-section--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-page-section--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-page-section--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-page-section--advertising > .exos-headline, .exos-page-section--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-page-section--advertising + .exos-page-section--advertising, .exos-page-section--beta + .exos-page-section--beta, .exos-page-section--default + .exos-page-section--default, .exos-page-section--primary + .exos-page-section--primary, .exos-page-section--secondary + .exos-page-section--secondary { + padding-top: 0 +} + +.exos-page-section__block { + margin: 0 auto; + max-width: 1170px; + position: relative +} + +.exos-page-section__block:after { + clear: both; + content: ""; + display: table +} + +.exos-page-section--narrow .exos-page-section__block { + max-width: 950px +} + +.exos-page-section--short .exos-page-section__block { + max-width: 650px; + padding-right: 300px +} + +.exos-page-section--short .exos-page-section__block--align-center { + padding-right: 0 +} + +.exos-page-section--actions .exos-page-section__block, .exos-page-section--actions .exos-page-section__block:last-child { + margin-bottom: -12px +} + +.exos-page-section--actions .exos-page-section__block .exos-button, .exos-page-section--actions .exos-page-section__block .exos-ghost-button, .exos-page-section--actions .exos-page-section__block .exos-toggle-button { + margin-bottom: 12px; + vertical-align: bottom +} + +.exos-__has-left-navigation .exos-page-section { + padding-left: 300px +} + +.exos-page-section__visual { + margin: -32px +} + +.exos-page-section__visual img { + height: auto; + vertical-align: top; + width: 100% +} + +.exos-page-section--align-center .exos-paragraph--narrow { + display: inline-block; + padding-left: 15%; + padding-right: 15% +} + +.exos-page-section:last-child, .exos-page-section > :last-child, .exos-page-section__block > :last-child { + margin-bottom: 0 +} + +.exos-page-section__block > section { + margin-bottom: 24px +} + +.exos-page-section__block > section:last-child { + margin-bottom: 0 +} + +.exos-page-section__block > .exos-grid--cropped, .exos-page-section__block > .exos-grid--cropped:last-child { + margin-bottom: -24px +} + +.exos-page-section + .exos-page-section { + padding-top: 0 +} + +.exos-page-section + .exos-page-section--advertising, .exos-page-section + .exos-page-section--beta, .exos-page-section + .exos-page-section--corporate-solid, .exos-page-section + .exos-page-section--neutral-solid, .exos-page-section + .exos-page-section--premium, .exos-page-section + .exos-page-section--primary, .exos-page-section + .exos-page-section--secondary, .exos-page-section + .exos-page-section--sticky, .exos-page-section--advertising + .exos-page-section, .exos-page-section--beta + .exos-page-section, .exos-page-section--corporate-solid + .exos-page-section, .exos-page-section--neutral-solid + .exos-page-section, .exos-page-section--premium + .exos-page-section, .exos-page-section--primary + .exos-page-section, .exos-page-section--secondary + .exos-page-section, .exos-page-section--sticky + .exos-page-section { + padding-top: 32px +} + +.exos-page-header + .exos-page-section, .exos-page-section--advertising + .exos-page-section--advertising, .exos-page-section--beta + .exos-page-section--beta, .exos-page-section--corporate-solid + .exos-page-section--corporate-solid, .exos-page-section--neutral-solid + .exos-page-section--neutral-solid, .exos-page-section--premium + .exos-page-section--premium, .exos-page-section--primary + .exos-page-section--primary, .exos-page-section--secondary + .exos-page-section--secondary, .exos-page-section--sticky + .exos-page-section--sticky { + padding-top: 0 +} + +.exos-page-header + .exos-page-section--advertising, .exos-page-header + .exos-page-section--beta, .exos-page-header + .exos-page-section--corporate-solid, .exos-page-header + .exos-page-section--neutral-solid, .exos-page-header + .exos-page-section--premium, .exos-page-header + .exos-page-section--primary, .exos-page-header + .exos-page-section--secondary { + padding-top: 32px +} + +.exos-page-section:has(+.exos-page-section--sticky) { + flex-grow: 1 +} + +.exos-page-tabbar { + background: var(--default-background-color, #f4f7fa); + display: block; + padding: 0 32px; + z-index: 3 +} + +.exos-page-tabbar--hidden { + display: none +} + +.exos-page-tabbar--success-solid { + background-color: var(--solid-success-background-color, #12cf76); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar--warning-solid { + background-color: var(--solid-warning-background-color, #fa0); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-page-tabbar--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-page-tabbar--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-page-tabbar--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-page-tabbar--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-page-tabbar--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-page-tabbar--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-page-tabbar--advertising > .exos-headline, .exos-page-tabbar--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-__has-left-navigation .exos-page-tabbar { + padding-left: 300px +} + +.exos-page-tabbar__block { + margin: 0 auto; + max-width: 1170px; + position: relative +} + +.exos-page-tabbar__block:after { + clear: both; + content: ""; + display: table +} + +.exos-page-tabbar--narrow .exos-page-tabbar__block { + max-width: 950px +} + +.exos-page-tabbar--short .exos-page-tabbar__block { + max-width: 650px; + padding-right: 300px +} + +.exos-page-tabbar--short .exos-page-tabbar__block--align-center { + padding-right: 0 +} + +.exos-page-tabbar__items { + background-color: var(--white, #fff); + border-bottom: var(--page-tabbar-bottom-border, 0 none #0000); + border-radius: var(--default-border-radius, 16px) var(--default-border-radius, 16px) 0 0; + box-sizing: border-box; + display: flex; + margin-bottom: 0; + margin-left: auto; + margin-right: auto; + overflow: hidden; + padding: 0 16px; + position: relative; + scroll-behavior: smooth; + white-space: nowrap +} + +.exos-page-tabbar__items--secondary { + background-color: var(--default-background-color, #f4f7fa) +} + +.exos-page-tabbar__items--page-context { + background-color: initial +} + +.exos-page-tabbar__items--scrollable { + padding: 0 45px +} + +.exos-page-tabbar__items--success-solid { + background-color: var(--solid-success-background-color, #12cf76); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__items--warning-solid { + background-color: var(--solid-warning-background-color, #fa0); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__items--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__items--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-page-tabbar__items--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__items--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-page-tabbar__items--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-page-tabbar__items--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__items--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-page-tabbar__items--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-page-tabbar__items--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-page-tabbar__items--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-page-tabbar__items--advertising > .exos-headline, .exos-page-tabbar__items--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-page-tabbar__item { + display: flex; + flex-grow: 1; + text-align: center +} + +.exos-page-tabbar__item--hidden { + display: none +} + +.exos-page-tabbar__item--success-solid { + background-color: var(--solid-success-background-color, #12cf76); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__item--warning-solid { + background-color: var(--solid-warning-background-color, #fa0); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__item--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__item--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-page-tabbar__item--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__item--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-page-tabbar__item--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-page-tabbar__item--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__item--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-page-tabbar__item--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-page-tabbar__item--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-page-tabbar__item--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-page-tabbar__item--advertising > .exos-headline, .exos-page-tabbar__item--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-page-tabbar__items--inline .exos-page-tabbar__item { + flex-grow: 0 +} + +.exos-page-tabbar__link { + border-bottom: 3px solid #0000; + color: var(--default-text-color, #001b41); + display: flex; + flex-flow: column; + flex-grow: 1; + font-family: var(--corporate-font-bold, "OverpassSemibold", arial, sans-serif); + font-size: var(--third-level-headline-size, 16px); + line-height: var(--third-level-headline-line-height, 24px); + padding: 16px 16px 13px; + text-decoration: none; + transition: border-color .1s ease-out 0s, color .1s ease-out 0s +} + +.exos-page-tabbar__link--active, .exos-page-tabbar__link:hover { + border-color: var(--interactive-shape-color, #1474c4); + color: var(--interactive-text-color, #1474c4) +} + +.exos-page-tabbar__link--active { + cursor: text +} + +.exos-page-tabbar__link--bright .exos-page-tabbar__icon path { + fill: var(--white, #fff) +} + +.exos-page-tabbar__link--bright .exos-page-tabbar__label { + color: var(--white, #fff) +} + +.exos-page-tabbar__link--bright:active, .exos-page-tabbar__link--bright:hover { + border-color: var(--white, #fff); + color: var(--white, #fff) +} + +.exos-page-tabbar__link--success { + color: var(--success-text-color, #096b35) +} + +.exos-page-tabbar__link--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-page-tabbar__link--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-page-tabbar__link--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-page-tabbar__link--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-page-tabbar__link--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-page-tabbar__link--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__link--bright { + color: var(--white, #fff) +} + +.exos-page-tabbar__icon { + display: block; + font-size: 16px; + height: 16px; + margin: 0 auto 8px +} + +.exos-page-tabbar__icon--large { + font-size: 24px; + height: 24px +} + +.exos-page-tabbar__icon--largest { + font-size: 32px; + height: 32px +} + +.exos-page-tabbar__icon--exos-icon:before { + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + line-height: 16px; + vertical-align: top +} + +.exos-page-tabbar__icon--exos-icon:before.exos-page-tabbar__icon--large { + font-size: 24px; + height: 24px +} + +.exos-page-tabbar__icon--exos-icon:before.exos-page-tabbar__icon--largest { + font-size: 32px; + height: 32px +} + +.exos-page-tabbar__description { + color: var(--secondary-text-color, #465a75); + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--small-text-size, 12px); + line-height: var(--small-text-line-height, 18px) +} + +.exos-page-tabbar__description--success { + color: var(--success-text-color, #096b35) +} + +.exos-page-tabbar__description--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-page-tabbar__description--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-page-tabbar__description--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-page-tabbar__description--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-page-tabbar__description--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-page-tabbar__description--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-page-tabbar__description--bright { + color: var(--white, #fff) +} + +.exos-page-tabbar__navigation { + background-color: var(--white, #fff); + border-radius: var(--default-border-radius, 16px) var(--default-border-radius, 16px) 0 0; + bottom: 0; + box-sizing: border-box; + color: var(--interactive-text-color, #1474c4); + cursor: pointer; + font-size: var(--default-text-size, 14px); + height: 100%; + position: absolute; + text-decoration: none; + width: 46px; + z-index: 4 +} + +.exos-page-tabbar__navigation:after, .exos-page-tabbar__navigation:before { + color: var(--interactive-text-color, #1474c4); + position: absolute; + top: 50%; + transform: translateY(-50%) +} + +.exos-page-tabbar__navigation:before { + left: 16px +} + +.exos-page-tabbar__navigation:after { + right: 16px +} + +.exos-page-tabbar__navigation:active, .exos-page-tabbar__navigation:active:before, .exos-page-tabbar__navigation:hover, .exos-page-tabbar__navigation:hover:before { + color: var(--interactive-text-color, #1474c4) +} + +.exos-page-tabbar__navigation--hidden { + display: none +} + +.exos-page-tabbar__navigation--left { + box-shadow: 8px 8px 8px -4px var(--white, #fff); + -webkit-clip-path: inset(0 -16px 0 0); + clip-path: inset(0 -16px 0 0); + left: 0; + line-height: 1 +} + +.exos-page-tabbar__navigation--left:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-page-tabbar__navigation--right { + box-shadow: -8px 8px 8px -4px var(--white, #fff); + -webkit-clip-path: inset(0 0 0 -16px); + clip-path: inset(0 0 0 -16px); + line-height: 1; + right: 0 +} + +.exos-page-tabbar__navigation--right:after { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-page-tabbar__link--active .exos-page-tabbar__icon path, .exos-page-tabbar__link:hover .exos-page-tabbar__icon path { + fill: var(--interactive-text-color, #1474c4) +} + +.exos-page-tabbar__link--active .exos-page-tabbar__label, .exos-page-tabbar__link:hover .exos-page-tabbar__label { + color: var(--interactive-text-color, #1474c4) +} + +.exos-page-tabbar__link--active .exos-page-tabbar__description, .exos-page-tabbar__link:hover .exos-page-tabbar__description { + color: var(--default-text-color, #001b41) +} + +.exos-page-tabbar__link--bright.exos-page-tabbar__link--active .exos-page-tabbar__icon path, .exos-page-tabbar__link--bright.exos-page-tabbar__link:hover .exos-page-tabbar__icon path { + fill: var(--white, #fff) +} + +.exos-page-tabbar__link--bright.exos-page-tabbar__link--active .exos-page-tabbar__description, .exos-page-tabbar__link--bright.exos-page-tabbar__link--active .exos-page-tabbar__label, .exos-page-tabbar__link--bright.exos-page-tabbar__link:hover .exos-page-tabbar__description, .exos-page-tabbar__link--bright.exos-page-tabbar__link:hover .exos-page-tabbar__label { + color: var(--white, #fff) +} + +.exos-page-transition__blocker { + align-items: center; + background-color: var(--default-background-color, #f4f7fa); + display: none; + justify-content: center; + left: 0; + opacity: 0; + position: fixed; + top: 0; + transition: opacity .25s ease-out; + will-change: opacity; + z-index: 79 +} + +.exos-page-transition__loading-spin { + opacity: 0; + transition: opacity .25s ease-out; + transition-delay: 2.5s +} + +.exos-page-transition__blocker--active { + bottom: 0; + display: flex; + opacity: 1; + right: 0 +} + +.exos-page-transition__blocker--active .exos-page-transition__loading-spin { + opacity: 1 +} + +.exos-__has-left-navigation .exos-page-transition__blocker { + padding-left: 268px +} + +.exos-page-transition__indicator-bar { + background-color: var(--activating-shape-color, #11c7e6); + box-shadow: var(--default-shadow, 0 1px 2px 0 #71809580); + height: 4px; + left: 0; + position: fixed; + top: 0; + transition-duration: 15s; + transition-property: width; + transition-timing-function: cubic-bezier(0, 0, .0005, 1); + width: 0; + z-index: 210 +} + +.exos-page-transition__indicator-bar--running { + width: 88% +} + +.exos-pagination:after { + clear: both; + content: ""; + display: table +} + +.exos-pagination__container { + float: right +} + +.exos-pagination__list { + margin: 0 auto 16px; + padding: 2px 0 2px 15px; + text-align: center +} + +.exos-pagination__list-item { + display: inline-block; + margin-right: 4px +} + +.exos-pagination__list-item:first-child { + margin-left: 4px +} + +.exos-pagination__list-item:last-child { + margin-right: 0 +} + +.exos-pagination__list-item > a { + border-radius: var(--default-border-radius, 16px); + color: var(--interactive-text-color, #1474c4); + display: block; + font-size: var(--default-text-size, 14px); + font-weight: 400; + line-height: 32px; + text-align: center; + text-decoration: none; + width: 32px +} + +.exos-pagination__list-item--prev > a { + line-height: 1; + line-height: 32px +} + +.exos-pagination__list-item--prev > a:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-pagination__list-item--next > a { + line-height: 1; + line-height: 32px +} + +.exos-pagination__list-item--next > a:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-pagination__list-item--active > a, .exos-pagination__list-item--active > a:hover, .exos-pagination__list-item > a:hover { + background-color: var(--tertiary-shape-color, #bcc8d4); + color: var(--default-text-color, #001b41) +} + +.exos-pagination__size-selector { + margin-bottom: 16px +} + +.exos-pagination__size-selector-label { + margin-right: 15px +} + +.exos-pagination__size-selector-select { + background-color: var(--white, #fff); + border: var(--input-select-border-width, 1px) solid var(--secondary-shape-color, #718095); + border-radius: var(--small-border-radius, 8px); + box-sizing: border-box; + color: var(--default-text-color, #001b41); + display: inline-block; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--default-text-size, 14px); + height: var(--input-select-height, 36px); + padding: 6px; + width: auto +} + +.exos-pagination__size-selector-select:focus, .exos-pagination__size-selector-select:hover { + border-color: var(--interactive-shape-color, #1474c4); + outline: 1px solid var(--interactive-shape-color, #1474c4) +} + +.exos-panel { + display: block; + margin-bottom: 32px +} + +.exos-panel--hidden { + display: none +} + +.exos-panel__item { + background-color: var(--panel-background-color, #fff); + border: var(--panel-border, 0 none #0000); + border-radius: var(--default-border-radius, 16px); + box-shadow: var(--panel-shadow, none); + display: block; + margin: 0 0 16px; + min-height: 72px; + overflow: hidden; + padding: 0; + position: relative; + transition: box-shadow .3s ease-out +} + +.exos-panel__item--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-panel__item-header { + align-items: center; + cursor: pointer; + display: flex; + flex-wrap: wrap; + min-height: 72px; + padding: 0 32px; + position: relative; + vertical-align: middle +} + +.exos-panel__item-header:after { + align-self: center; + display: flex +} + +.exos-panel__item .exos-panel__item-header, .exos-panel__item--closed .exos-panel__item-header { + line-height: 1 +} + +.exos-panel__item .exos-panel__item-header:after, .exos-panel__item--closed .exos-panel__item-header:after { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-panel__item .exos-panel__item-header:hover, .exos-panel__item--closed .exos-panel__item-header:hover { + color: var(--hovered-panel-headline-color, #1474c4) +} + +.exos-panel__item--expanded .exos-panel__item-header { + line-height: 1 +} + +.exos-panel__item--expanded .exos-panel__item-header:after { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-panel__item--expanded .exos-panel__item-header:hover { + color: var(--hovered-panel-headline-color, #1474c4) +} + +.exos-panel__item--closed:hover, .exos-panel__item--expanded, .exos-panel__item:hover { + border: var(--hovered-panel-border, 0 none #0000); + box-shadow: var(--hovered-panel-shadow, 0 0 0 0 #0000) +} + +.exos-panel__icon { + align-items: center; + display: flex; + height: 32px; + margin-right: 8px; + max-width: 32px; + min-width: 24px; + width: 5% +} + +.exos-panel__icon img { + object-fit: cover +} + +.exos-panel__icon img, .exos-panel__icon svg { + pointer-events: none +} + +.exos-panel__headline__container { + flex: 3; + margin: 12px 0; + width: 75% +} + +.exos-panel__headline { + color: var(--default-text-color, #001b41); + font-family: var(--second-level-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--second-level-headline-size, 22px); + line-height: var(--second-level-headline-line-height, 30px); + margin-top: 3px +} + +.exos-panel__headline--vertical-align-bottom { + align-self: flex-end +} + +.exos-panel__headline--vertical-align-center { + align-self: center +} + +.exos-panel__headline--vertical-align-middle { + vertical-align: middle +} + +.exos-panel__headline--vertical-align-top { + align-self: flex-start +} + +.exos-panel__subheadline { + color: var(--default-text-color, #001b41); + line-height: 1.5em; + margin-bottom: 3px +} + +.exos-panel__subheadline--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-panel__subheadline--success { + color: var(--success-text-color, #096b35) +} + +.exos-panel__subheadline--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-panel__subheadline--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-panel__subheadline--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-panel__subheadline--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-panel__subheadline--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-panel__subheadline--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-panel__subheadline--bright { + color: var(--white, #fff) +} + +.exos-panel__subheadline--vertical-align-bottom { + align-self: flex-end +} + +.exos-panel__subheadline--vertical-align-center { + align-self: center +} + +.exos-panel__subheadline--vertical-align-middle { + vertical-align: middle +} + +.exos-panel__subheadline--vertical-align-top { + align-self: flex-start +} + +.exos-panel__context { + align-self: center; + display: flex; + flex: 1; + line-height: 1.5em; + margin-right: 12px; + max-height: 44px; + width: 25% +} + +.exos-panel__item--closed:hover .exos-panel__headline, .exos-panel__item--expanded .exos-panel__headline, .exos-panel__item:hover .exos-panel__headline { + color: var(--hovered-panel-headline-color, #1474c4) +} + +.exos-panel__item-section { + cursor: default; + display: none; + margin: 0; + padding: 0 30px 18px 32px +} + +.exos-panel__item-section > .exos-button, .exos-panel__item-section > .exos-toggle-button { + margin-top: 4px +} + +.exos-panel__item-section--neutral .exos-panel__item-section__content { + background-color: var(--neutral-background-color, #fff); + border-bottom: 1px solid var(--neutral-shape-color, #718095); + border-top: 1px solid var(--neutral-shape-color, #718095); + padding: 10px +} + +.exos-panel__item-section--activating .exos-panel__item-section__content { + background-color: var(--activating-background-color, #fff); + border-bottom: 1px solid var(--activating-shape-color, #11c7e6); + border-top: 1px solid var(--activating-shape-color, #11c7e6); + padding: 10px +} + +.exos-panel__item-section--success .exos-panel__item-section__content { + background-color: var(--success-background-color, #fff); + border-bottom: 1px solid var(--success-shape-color, #0fa954); + border-top: 1px solid var(--success-shape-color, #0fa954); + padding: 10px +} + +.exos-panel__item-section--warning .exos-panel__item-section__content { + background-color: var(--warning-background-color, #fff); + border-bottom: 1px solid var(--warning-shape-color, #fa0); + border-top: 1px solid var(--warning-shape-color, #fa0); + padding: 10px +} + +.exos-panel__item-section--critical .exos-panel__item-section__content { + background-color: var(--critical-background-color, #fff); + border-bottom: 1px solid var(--critical-shape-color, #f50c00); + border-top: 1px solid var(--critical-shape-color, #f50c00); + padding: 10px +} + +.exos-panel__item-footer { + background: var(--default-background-color, #f4f7fa); + cursor: default; + display: none; + padding: 16px 32px +} + +.exos-panel__item-footer > :last-child { + margin-bottom: 0 +} + +.exos-panel__item--expanded .exos-panel__item-footer, .exos-panel__item--expanded .exos-panel__item-section { + display: inherit +} + +.exos-panel__item---closed .exos-panel__item-footer, .exos-panel__item---closed .exos-panel__item-section { + display: none +} + +.exos-panel__item.exos-panel__item--neutral header, .exos-panel__item.exos-panel__item--neutral section { + box-shadow: inset 8px 0 0 0 var(--inactive-neutral-shape-color, #bcc8d4) +} + +.exos-panel__item.exos-panel__item--neutral.exos-panel__item--expanded header, .exos-panel__item.exos-panel__item--neutral.exos-panel__item--expanded section, .exos-panel__item.exos-panel__item--neutral:hover header, .exos-panel__item.exos-panel__item--neutral:hover section { + box-shadow: inset 8px 0 0 0 var(--neutral-shape-color, #718095), var(--hovered-panel-shadow, 0 0 0 0 #0000) +} + +.exos-panel__item.exos-panel__item--activating header, .exos-panel__item.exos-panel__item--activating section { + box-shadow: inset 8px 0 0 0 var(--inactive-activating-shape-color, #7fe4f6) +} + +.exos-panel__item.exos-panel__item--activating.exos-panel__item--expanded header, .exos-panel__item.exos-panel__item--activating.exos-panel__item--expanded section, .exos-panel__item.exos-panel__item--activating:hover header, .exos-panel__item.exos-panel__item--activating:hover section { + box-shadow: inset 8px 0 0 0 var(--activating-shape-color, #11c7e6), var(--hovered-panel-shadow, 0 0 0 0 #0000) +} + +.exos-panel__item.exos-panel__item--success header, .exos-panel__item.exos-panel__item--success section { + box-shadow: inset 8px 0 0 0 var(--inactive-success-shape-color, #12cf76) +} + +.exos-panel__item.exos-panel__item--success.exos-panel__item--expanded header, .exos-panel__item.exos-panel__item--success.exos-panel__item--expanded section, .exos-panel__item.exos-panel__item--success:hover header, .exos-panel__item.exos-panel__item--success:hover section { + box-shadow: inset 8px 0 0 0 var(--success-shape-color, #0fa954), var(--hovered-panel-shadow, 0 0 0 0 #0000) +} + +.exos-panel__item.exos-panel__item--warning header, .exos-panel__item.exos-panel__item--warning section { + box-shadow: inset 8px 0 0 0 var(--inactive-warning-shape-color, #ffd176) +} + +.exos-panel__item.exos-panel__item--warning.exos-panel__item--expanded header, .exos-panel__item.exos-panel__item--warning.exos-panel__item--expanded section, .exos-panel__item.exos-panel__item--warning:hover header, .exos-panel__item.exos-panel__item--warning:hover section { + box-shadow: inset 8px 0 0 0 var(--warning-shape-color, #fa0), var(--hovered-panel-shadow, 0 0 0 0 #0000) +} + +.exos-panel__item.exos-panel__item--critical header, .exos-panel__item.exos-panel__item--critical section { + box-shadow: inset 8px 0 0 0 var(--inactive-critical-shape-color, #ffa8a3) +} + +.exos-panel__item.exos-panel__item--critical.exos-panel__item--expanded header, .exos-panel__item.exos-panel__item--critical.exos-panel__item--expanded section, .exos-panel__item.exos-panel__item--critical:hover header, .exos-panel__item.exos-panel__item--critical:hover section { + box-shadow: inset 8px 0 0 0 var(--critical-shape-color, #f50c00), var(--hovered-panel-shadow, 0 0 0 0 #0000) +} + +.exos-paragraph { + color: var(--default-text-color, #001b41); + display: block; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + margin-bottom: 12px +} + +.exos-paragraph, .exos-paragraph--bold { + font-size: var(--default-text-size, 14px); + line-height: var(--default-text-line-height, 20px) +} + +.exos-paragraph--bold { + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif) +} + +.exos-paragraph--large { + font-size: var(--third-level-headline-size, 16px) +} + +.exos-paragraph--large, .exos-paragraph--larger { + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + line-height: var(--third-level-headline-line-height, 24px) +} + +.exos-paragraph--larger { + font-size: var(--second-level-headline-size, 22px); + padding-bottom: 3px; + padding-top: 3px +} + +.exos-paragraph--largest { + font-family: var(--first-level-headline-family, "OverpassRegular", arial, arial narrow, sans-serif); + font-size: var(--first-level-headline-size, 32px); + line-height: var(--third-level-headline-line-height, 24px); + padding-bottom: 6px; + padding-top: 6px +} + +.exos-paragraph--last { + margin-bottom: 28px +} + +.exos-paragraph--leading { + line-height: 1.75em; + margin-bottom: 16px; + margin-top: -2px +} + +.exos-paragraph--minor { + color: var(--secondary-text-color, #465a75) +} + +.exos-paragraph--narrow { + display: inline-block; + width: 70% +} + +.exos-paragraph--small { + font-size: var(--small-text-size, 12px); + line-height: var(--small-text-line-height, 18px) +} + +.exos-paragraph--uppercase { + letter-spacing: .04; + text-transform: uppercase +} + +.exos-paragraph--inline { + display: inline +} + +.exos-paragraph--exos-icon { + line-height: inherit +} + +.exos-paragraph--exos-icon:before { + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-bottom: 1px; + padding-right: 3px; + vertical-align: top; + vertical-align: bottom +} + +.exos-paragraph > .exos-exos-icon { + margin-right: 3px; + vertical-align: bottom +} + +.exos-paragraph > .exos-svg-icon { + margin: 0 3px 1px 0; + pointer-events: none; + vertical-align: middle +} + +.exos-paragraph--align-center { + justify-content: center; + text-align: center +} + +.exos-paragraph--align-left { + justify-content: left; + text-align: left +} + +.exos-paragraph--align-right { + justify-content: right; + text-align: right +} + +.exos-paragraph--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-paragraph--full-width { + width: 100% +} + +.exos-paragraph--hidden { + display: none +} + +.exos-paragraph--nowrap { + white-space: nowrap +} + +.exos-paragraph--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-paragraph--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-paragraph--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-paragraph--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-paragraph--break-all { + word-break: break-all +} + +.exos-paragraph--break-word { + word-break: break-word +} + +.exos-paragraph--keep-all { + word-break: keep-all +} + +.exos-paragraph.exos-exos-icon:before { + color: var(--default-shape-color, #465a75) +} + +.exos-paragraph.exos-exos-icon--bright:before { + color: var(--white, #fff) +} + +.exos-paragraph.exos-exos-icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-paragraph.exos-exos-icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-paragraph.exos-exos-icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-paragraph.exos-exos-icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-paragraph.exos-exos-icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-paragraph.exos-exos-icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-paragraph.exos-exos-icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-paragraph--success { + color: var(--success-text-color, #096b35) +} + +.exos-paragraph--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-paragraph--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-paragraph--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-paragraph--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-paragraph--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-paragraph--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-paragraph--bright { + color: var(--white, #fff) +} + +span.exos-parargraph { + display: inline +} + +.exos-align-horizontal-center .exos-paragraph--narrow { + display: inline-block; + padding-left: 15%; + padding-right: 15% +} + +.exos-paragraph--large.exos-paragraph--exos-icon:before { + padding-right: 8px +} + +.exos-paragraph--largest.exos-paragraph--exos-icon:before { + display: inline-block; + margin-bottom: 4px; + margin-top: -4px; + padding-right: 8px +} + +.exos-popover { + background-color: var(--white, #fff); + border: var(--card-border, 0 none #0000); + border-radius: var(--default-border-radius, 16px); + box-shadow: var(--primary-shadow, 0 2px 8px 0 #71809580); + box-sizing: border-box; + left: 0; + opacity: 0; + position: absolute; + top: 0; + transition: opacity .25s ease-out; + visibility: hidden; + width: 300px; + z-index: 202 +} + +.exos-popover--corporate { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-popover--over-nagivation { + position: -webkit-sticky; + position: sticky; + z-index: 206 +} + +.exos-popover--corporate .exos-popover__tip:after { + border-color: #0000 #0000 #0b2a63 +} + +.exos-popover--corporate .exos-popover__tip--left:after { + border-color: #0000 #0b2a63 #0000 #0000 +} + +.exos-popover--corporate .exos-popover__tip--right:after { + border-color: #0000 #0000 #0000 #0b2a63 +} + +.exos-popover--corporate .exos-popover__tip--bottom:after { + border-color: #0b2a63 #0000 #0000 +} + +.exos-popover__tip:after { + border-color: #0000 #0000 var(--white, #fff) #0000; + border-style: solid; + border-width: 16px; + bottom: 100%; + content: ""; + left: calc(50% - 14px); + position: absolute +} + +.exos-popover__tip--left:after { + border-color: #0000 var(--white, #fff) #0000 #0000; + bottom: calc(50% - 16px); + left: -32px +} + +.exos-popover__tip--right:after { + border-color: #0000 #0000 #0000 var(--white, #fff); + bottom: calc(50% - 16px); + left: inherit; + right: -32px +} + +.exos-popover__tip--bottom:after { + border-color: var(--white, #fff) #0000 #0000 #0000; + bottom: -32px; + left: inherit; + right: calc(50% - 16px) +} + +.exos-popover__header { + min-height: 16px; + padding: 16px +} + +.exos-popover__header .exos-popover__close { + cursor: pointer; + position: absolute; + right: 10px; + text-decoration: none; + top: 13px +} + +.exos-popover__header .exos-popover__close:before { + color: var(--secondary-text-color, #465a75); + content: "\E67B"; + font-family: exos-icon-font, serif; + font-size: 24px; + line-height: 1em +} + +.exos-popover__header .exos-popover__close--bright:before { + color: var(--solid-bright-background-color, #fff) +} + +.exos-popover__header .exos-popover__steps { + max-width: 90%; + -webkit-user-select: none; + user-select: none +} + +.exos-popover__header .exos-popover__steps span { + background-color: var(--tertiary-background-color-inverted, #718095); + border-radius: 20px; + display: inline-block; + height: 8px; + width: 8px +} + +.exos-popover__header .exos-popover__steps span:not(:first-child) { + margin-left: 4px +} + +.exos-popover__header .exos-popover__steps span.exos-active { + background-color: var(--interactive-text-color, #1474c4) +} + +.exos-popover__stage { + position: relative +} + +.exos-popover__stage img, .exos-popover__stage svg { + height: auto; + vertical-align: top; + width: 100% +} + +.exos-popover__section { + padding: 16px 32px 16px 16px; + position: relative +} + +.exos-popover__section .exos-badge { + vertical-align: top +} + +.exos-popover__section .exos-badge + .exos-headline { + display: inline-block +} + +.exos-popover__section--align-center { + justify-content: center; + text-align: center +} + +.exos-popover__section--align-left { + justify-content: left; + text-align: left +} + +.exos-popover__section--align-right { + justify-content: right; + text-align: right +} + +.exos-popover__footer { + padding: 0 16px 16px; + text-align: center +} + +.exos-popover__footer > :first-child { + margin-top: 4px +} + +.exos-popover__footer > :last-child { + margin-bottom: 4px +} + +.exos-popover__footer > a, .exos-popover__footer > button, .exos-popover__footer > p { + display: inline-block; + margin-bottom: 8px; + margin-top: 8px +} + +.exos-popover__footer > a--hidden, .exos-popover__footer > button--hidden, .exos-popover__footer > p--hidden { + display: none +} + +.exos-popover__footer--align-center { + justify-content: center; + text-align: center +} + +.exos-popover__footer--align-left { + justify-content: left; + text-align: left +} + +.exos-popover__footer--align-right { + justify-content: right; + text-align: right +} + +.exos-popover__footer--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-popover__footer--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-popover__footer--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-popover--active { + opacity: 1; + visibility: visible +} + +.exos-price { + align-items: flex-start; + display: flex; + flex-direction: column; + margin: 16px 0 +} + +.exos-price--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-price__savings { + align-items: baseline; + display: flex; + gap: 0 4px; + line-height: 16px; + margin-bottom: 8px; + white-space: nowrap +} + +.exos-price__badge, .exos-price__savings { + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif) +} + +.exos-price__badge { + background-color: var(--price-badge-background-color, #fa0); + border-radius: var(--xsmall-border-radius, 4px); + color: var(--price-badge-text-color, #0b2a63); + font-size: var(--small-text-size, 12px); + line-height: 20px; + margin-right: 0; + padding: 0 6px +} + +.exos-price__badge, .exos-price__strike { + display: inline-block +} + +.exos-price__label { + align-items: baseline; + display: inline-flex; + gap: 0 4px; + margin-bottom: 6px +} + +.exos-price__currency, .exos-price__value, .exos-price__value-decimal, .exos-price__value-integer { + font-size: 24px +} + +.exos-price__appendix, .exos-price__currency, .exos-price__value, .exos-price__value-decimal, .exos-price__value-integer { + display: inline-block; + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif) +} + +.exos-price__appendix, .exos-price__tax { + white-space: nowrap +} + +.exos-price__tax { + display: block; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + line-height: 16px; + margin-bottom: 8px; + margin-top: -4px +} + +.exos-price__tax--bold { + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif) +} + +.exos-price__byline { + display: block; + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + line-height: 16px; + margin-bottom: 4px; + white-space: nowrap +} + +.exos-price__byline--bold { + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif) +} + +.exos-price__byline--toggle { + margin-bottom: 8px; + margin-top: 4px +} + +.exos-price__byline--toggle .exos-toggle--collapsed, .exos-price__byline--toggle .exos-toggle--expanded { + padding-right: 20px; + position: relative; + text-decoration: underline +} + +.exos-price__byline--toggle .exos-toggle--collapsed:after, .exos-price__byline--toggle .exos-toggle--expanded:after { + position: absolute; + right: 6px +} + +.exos-price__byline--toggle .exos-toggle--collapsed { + line-height: 1 +} + +.exos-price__byline--toggle .exos-toggle--collapsed:after { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-price__byline--toggle .exos-toggle--collapsed:hover { + text-decoration: none +} + +.exos-price__byline--toggle .exos-toggle--expanded { + line-height: 1 +} + +.exos-price__byline--toggle .exos-toggle--expanded:after { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top +} + +.exos-price__byline--toggle .exos-toggle--expanded:hover { + text-decoration: none +} + +.exos-price__info { + cursor: pointer; + display: inline-block; + height: 16px; + margin-left: 4px; + margin-top: -3px; + vertical-align: middle +} + +.exos-price--large .exos-price__label { + align-items: end; + display: inline-grid; + grid-template-rows:repeat(2, 1fr) +} + +.exos-price--large .exos-price__value { + font-size: 52px; + grid-area: 1/1/3/2; + line-height: 52px +} + +.exos-price--large .exos-price__currency { + font-size: 28px; + grid-area: 1/2/2/3; + line-height: 16px +} + +.exos-price--large .exos-price__appendix { + grid-area: 2/2/3/3 +} + +.exos-price__label--splitted-value { + align-items: end; + display: inline-grid; + grid-template-rows:repeat(2, 1fr) +} + +.exos-price__label--splitted-value .exos-price__value-integer { + font-size: 52px; + grid-area: 1/1/3/2; + line-height: 52px +} + +.exos-price__label--splitted-value .exos-price__value-integer--mirrored { + grid-area: 1/2/3/4 +} + +.exos-price__label--splitted-value .exos-price__value-decimal { + font-size: 28px; + grid-area: 1/2/2/3; + line-height: 16px; + margin-left: -11px +} + +.exos-price__label--splitted-value .exos-price__value-decimal--mirrored { + grid-area: 1/4/1/4 +} + +.exos-price__label--splitted-value .exos-price__currency { + font-size: 28px; + grid-area: 1/3/2/4; + line-height: 16px +} + +.exos-price__label--splitted-value .exos-price__currency--mirrored { + grid-area: 1/1/1/1 +} + +.exos-price__label--splitted-value .exos-price__appendix { + grid-area: 2/2/3/4 +} + +.exos-price--small { + align-items: baseline; + display: flex; + flex-flow: wrap; + gap: 0 4px +} + +.exos-price--small .exos-price__appendix, .exos-price--small .exos-price__badge, .exos-price--small .exos-price__byline, .exos-price--small .exos-price__currency, .exos-price--small .exos-price__label, .exos-price--small .exos-price__savings, .exos-price--small .exos-price__strike, .exos-price--small .exos-price__tax, .exos-price--small .exos-price__value, .exos-price--small .exos-price__value-decimal, .exos-price--small .exos-price__value-integer { + display: inline-flex +} + +.exos-price--small .exos-price__byline, .exos-price--small .exos-price__label, .exos-price--small .exos-price__savings, .exos-price--small .exos-price__tax { + margin-bottom: 0 +} + +.exos-price--small .exos-price__currency, .exos-price--small .exos-price__value { + font-size: 15px; + line-height: 15px +} + +.exos-price--small .exos-price__appendix, .exos-price--small .exos-price__byline, .exos-price--small .exos-price__strike, .exos-price--small .exos-price__tax { + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: 13px +} + +.exos-price--small .exos-price__info { + margin-top: 0 +} + +.exos-price--align-right { + align-items: flex-end; + display: flex; + flex-flow: column; + gap: 0 4px +} + +.exos-price--align-right.exos-price--small { + align-items: baseline; + flex-flow: wrap; + justify-content: flex-end +} + +.exos-price__currency + .exos-price__value, .exos-price__value + .exos-price__currency { + margin-left: -2px +} + +.exos-price--align-right .exos-toggle__content:not(.exos-toggle__content--hidden) { + align-items: flex-end; + display: flex; + flex-direction: column +} + +.exos-quotabar--hidden { + display: none +} + +.exos-quotabar__bar { + background-color: var(--tertiary-shape-color, #bcc8d4); + border-radius: var(--xsmall-border-radius, 4px); + display: flex; + height: 12px; + margin-bottom: 12px; + overflow: hidden +} + +.exos-quotabar__bar--small { + height: 8px +} + +.exos-quotabar__value { + background-color: var(--activating-shape-color, #11c7e6); + border: none; + display: block; + height: inherit; + width: 0 +} + +.exos-quotabar__value--success { + background-color: var(--success-shape-color, #0fa954) +} + +.exos-quotabar__value--caution { + background-color: var(--caution-shape-color, #ffd176) +} + +.exos-quotabar__value--warning { + background-color: var(--warning-shape-color, #fa0) +} + +.exos-quotabar__value--critical { + background-color: var(--critical-shape-color, #f50c00) +} + +.exos-quotabar__value--neutral { + background-color: var(--neutral-shape-color, #718095) +} + +.exos-quotabar__value--activating { + background-color: var(--activating-shape-color, #11c7e6) +} + +.exos-quotabar__value--promoting { + background-color: var(--promoting-shape-color, #b410e7) +} + +.exos-quotabar__value--corporate { + background-color: var(--corporate-shape-color, #001b41) +} + +.exos-quotabar__text { + color: var(--default-text-color, #001b41); + line-height: 1.5em; + margin-top: -4px +} + +.exos-quotadonut { + margin: 0 auto; + max-width: 200px +} + +.exos-quotadonut--hidden { + display: none +} + +.exos-quotadonut--small { + height: 50px; + width: 50px +} + +.exos-quotadonut--small.exos-quotadonut__text { + font-size: .9em +} + +.exos-quotadonut__ring, .exos-quotadonut__segment { + cx: 25; + cy: 25; + fill: #0000; + r: 15.915494; + stroke-dashoffset: 25; + stroke-width: 3 +} + +.exos-quotadonut__ring { + stroke: var(--quaternary-background-color, #97a3b4) +} + +.exos-quotadonut--0 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 0 100 +} + +.exos-quotadonut--1 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 1 99 +} + +.exos-quotadonut--2 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 2 98 +} + +.exos-quotadonut--3 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 3 97 +} + +.exos-quotadonut--4 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 4 96 +} + +.exos-quotadonut--5 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 5 95 +} + +.exos-quotadonut--6 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 6 94 +} + +.exos-quotadonut--7 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 7 93 +} + +.exos-quotadonut--8 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 8 92 +} + +.exos-quotadonut--9 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 9 91 +} + +.exos-quotadonut--10 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 10 90 +} + +.exos-quotadonut--11 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 11 89 +} + +.exos-quotadonut--12 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 12 88 +} + +.exos-quotadonut--13 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 13 87 +} + +.exos-quotadonut--14 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 14 86 +} + +.exos-quotadonut--15 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 15 85 +} + +.exos-quotadonut--16 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 16 84 +} + +.exos-quotadonut--17 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 17 83 +} + +.exos-quotadonut--18 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 18 82 +} + +.exos-quotadonut--19 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 19 81 +} + +.exos-quotadonut--20 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 20 80 +} + +.exos-quotadonut--21 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 21 79 +} + +.exos-quotadonut--22 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 22 78 +} + +.exos-quotadonut--23 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 23 77 +} + +.exos-quotadonut--24 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 24 76 +} + +.exos-quotadonut--25 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 25 75 +} + +.exos-quotadonut--26 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 26 74 +} + +.exos-quotadonut--27 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 27 73 +} + +.exos-quotadonut--28 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 28 72 +} + +.exos-quotadonut--29 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 29 71 +} + +.exos-quotadonut--30 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 30 70 +} + +.exos-quotadonut--31 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 31 69 +} + +.exos-quotadonut--32 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 32 68 +} + +.exos-quotadonut--33 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 33 67 +} + +.exos-quotadonut--34 .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00); + stroke-dasharray: 34 66 +} + +.exos-quotadonut--35 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 35 65 +} + +.exos-quotadonut--36 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 36 64 +} + +.exos-quotadonut--37 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 37 63 +} + +.exos-quotadonut--38 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 38 62 +} + +.exos-quotadonut--39 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 39 61 +} + +.exos-quotadonut--40 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 40 60 +} + +.exos-quotadonut--41 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 41 59 +} + +.exos-quotadonut--42 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 42 58 +} + +.exos-quotadonut--43 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 43 57 +} + +.exos-quotadonut--44 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 44 56 +} + +.exos-quotadonut--45 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 45 55 +} + +.exos-quotadonut--46 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 46 54 +} + +.exos-quotadonut--47 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 47 53 +} + +.exos-quotadonut--48 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 48 52 +} + +.exos-quotadonut--49 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 49 51 +} + +.exos-quotadonut--50 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 50 50 +} + +.exos-quotadonut--51 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 51 49 +} + +.exos-quotadonut--52 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 52 48 +} + +.exos-quotadonut--53 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 53 47 +} + +.exos-quotadonut--54 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 54 46 +} + +.exos-quotadonut--55 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 55 45 +} + +.exos-quotadonut--56 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 56 44 +} + +.exos-quotadonut--57 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 57 43 +} + +.exos-quotadonut--58 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 58 42 +} + +.exos-quotadonut--59 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 59 41 +} + +.exos-quotadonut--60 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 60 40 +} + +.exos-quotadonut--61 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 61 39 +} + +.exos-quotadonut--62 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 62 38 +} + +.exos-quotadonut--63 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 63 37 +} + +.exos-quotadonut--64 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 64 36 +} + +.exos-quotadonut--65 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 65 35 +} + +.exos-quotadonut--66 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 66 34 +} + +.exos-quotadonut--67 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 67 33 +} + +.exos-quotadonut--68 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 68 32 +} + +.exos-quotadonut--69 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 69 31 +} + +.exos-quotadonut--70 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 70 30 +} + +.exos-quotadonut--71 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 71 29 +} + +.exos-quotadonut--72 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 72 28 +} + +.exos-quotadonut--73 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 73 27 +} + +.exos-quotadonut--74 .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0); + stroke-dasharray: 74 26 +} + +.exos-quotadonut--75 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 75 25 +} + +.exos-quotadonut--76 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 76 24 +} + +.exos-quotadonut--77 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 77 23 +} + +.exos-quotadonut--78 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 78 22 +} + +.exos-quotadonut--79 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 79 21 +} + +.exos-quotadonut--80 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 80 20 +} + +.exos-quotadonut--81 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 81 19 +} + +.exos-quotadonut--82 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 82 18 +} + +.exos-quotadonut--83 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 83 17 +} + +.exos-quotadonut--84 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 84 16 +} + +.exos-quotadonut--85 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 85 15 +} + +.exos-quotadonut--86 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 86 14 +} + +.exos-quotadonut--87 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 87 13 +} + +.exos-quotadonut--88 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 88 12 +} + +.exos-quotadonut--89 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 89 11 +} + +.exos-quotadonut--90 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 90 10 +} + +.exos-quotadonut--91 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 91 9 +} + +.exos-quotadonut--92 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 92 8 +} + +.exos-quotadonut--93 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 93 7 +} + +.exos-quotadonut--94 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 94 6 +} + +.exos-quotadonut--95 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 95 5 +} + +.exos-quotadonut--96 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 96 4 +} + +.exos-quotadonut--97 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 97 3 +} + +.exos-quotadonut--98 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 98 2 +} + +.exos-quotadonut--99 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 99 1 +} + +.exos-quotadonut--100 .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954); + stroke-dasharray: 100 0 +} + +.exos-quotadonut--success .exos-quotadonut__segment { + stroke: var(--success-shape-color, #0fa954) +} + +.exos-quotadonut--warning .exos-quotadonut__segment { + stroke: var(--warning-shape-color, #fa0) +} + +.exos-quotadonut--critical .exos-quotadonut__segment { + stroke: var(--critical-shape-color, #f50c00) +} + +.exos-quotadonut--neutral .exos-quotadonut__segment { + stroke: var(--neutral-shape-color, #718095) +} + +.exos-quotadonut--activating .exos-quotadonut__segment { + stroke: var(--activating-shape-color, #11c7e6) +} + +.exos-quotadonut--corporate .exos-quotadonut__segment { + stroke: var(--corporate-shape-color, #001b41) +} + +.exos-quotadonut--promoting .exos-quotadonut__segment { + stroke: var(--promoting-shape-color, #b410e7) +} + +.exos-quotadonut__text { + fill: var(--default-text-color, #001b41); + text-anchor: middle; + transform: translate(50%, 53.5%) translateY(.33em) +} + +.exos-clearfix:after { + clear: both; + content: ""; + display: table +} + +.exos-sheet { + background-color: var(--sheet-background-color, #fff); + border: var(--sheet-border, 0 none #0000); + border-radius: var(--default-border-radius, 16px); + box-shadow: var(--sheet-shadow, none); + display: block; + margin-bottom: 32px; + overflow: hidden; + transition: box-shadow .3s ease-out +} + +.exos-sheet--badge { + padding-top: 15px +} + +.exos-sheet--badge .exos-badge--positioned { + position: static +} + +.exos-sheet .exos-action-stripe:not(.exos-action-stripe--disabled):hover, .exos-sheet .exos-settings-stripe:not(.exos-settings-stripe--disabled):hover { + background-color: var(--palette-corporate-1, #dbedf8) +} + +.exos-sheet .exos-action-stripe:not(.exos-action-stripe--disabled):hover .exos-link, .exos-sheet .exos-action-stripe:not(.exos-action-stripe--disabled):hover .exos-toggle-link, .exos-sheet .exos-settings-stripe:not(.exos-settings-stripe--disabled):hover .exos-link, .exos-sheet .exos-settings-stripe:not(.exos-settings-stripe--disabled):hover .exos-toggle-link { + color: var(--palette-corporate-5, #095bb1) +} + +.exos-sheet--actions .exos-button, .exos-sheet--actions .exos-ghost-button, .exos-sheet--actions .exos-link, .exos-sheet--actions .exos-toggle-button, .exos-sheet--actions .exos-toggle-link { + margin-bottom: 6px; + margin-top: 6px +} + +.exos-sheet--hidden { + display: none +} + +.exos-sheet--cropped { + margin-bottom: 0; + margin-top: 0 +} + +.exos-sheet--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-sheet--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-sheet--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-sheet--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-sheet--advertising > .exos-headline, .exos-sheet--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-sheet--success { + background-color: var(--success-background-color, #fff) +} + +.exos-sheet--warning { + background-color: var(--warning-background-color, #fff) +} + +.exos-sheet--critical { + background-color: var(--critical-background-color, #fff) +} + +.exos-sheet--neutral { + background-color: var(--neutral-background-color, #fff) +} + +.exos-sheet--activating { + background-color: var(--activating-background-color, #fff) +} + +.exos-sheet--promoting { + background-color: var(--promoting-background-color, #fff) +} + +.exos-sheet--corporate { + background-color: var(--corporate-background-color, #fff) +} + +.exos-sheet--success-solid { + background-color: var(--solid-success-background-color, #12cf76) +} + +.exos-sheet--success-solid, .exos-sheet--warning-solid { + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet--warning-solid { + background-color: var(--solid-warning-background-color, #fa0) +} + +.exos-sheet--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-sheet--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-sheet--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-sheet--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet--semantic-bar-success { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954); + margin-left: -1px +} + +.exos-sheet--semantic-bar-warning { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0); + margin-left: -1px +} + +.exos-sheet--semantic-bar-critical { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00); + margin-left: -1px +} + +.exos-sheet--semantic-bar-neutral { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095); + margin-left: -1px +} + +.exos-sheet--semantic-bar-activating { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6); + margin-left: -1px +} + +.exos-sheet--semantic-bar-corporate { + box-shadow: inset 8px 0 var(--corporate-shape-color, #001b41); + margin-left: -1px +} + +.exos-sheet--semantic-bar-promoting { + box-shadow: inset 8px 0 var(--promoting-shape-color, #b410e7); + margin-left: -1px +} + +.exos-sheet--success { + border: var(--semantic-container-border-width, 0) solid var(--success-shape-color, #0fa954) +} + +.exos-sheet--warning { + border: var(--semantic-container-border-width, 0) solid var(--warning-shape-color, #fa0) +} + +.exos-sheet--critical { + border: var(--semantic-container-border-width, 0) solid var(--critical-shape-color, #f50c00) +} + +.exos-sheet--neutral { + border: var(--semantic-container-border-width, 0) solid var(--neutral-shape-color, #718095) +} + +.exos-sheet--activating { + border: var(--semantic-container-border-width, 0) solid var(--activating-shape-color, #11c7e6) +} + +.exos-sheet--corporate { + border: var(--semantic-container-border-width, 0) solid var(--corporate-shape-color, #001b41) +} + +.exos-sheet--promoting { + border: var(--semantic-container-border-width, 0) solid var(--promoting-shape-color, #b410e7) +} + +.exos-sheet__badge { + margin-bottom: 16px +} + +.exos-sheet__badge--positioned { + margin-bottom: 16px; + margin-left: -32px; + margin-top: -6px +} + +.exos-sheet__badge--positioned .exos-badge { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + padding-left: 16px +} + +.exos-sheet__section { + display: block; + padding: 28px 30px; + position: relative +} + +.exos-sheet__section--condensed { + padding: 16px 30px +} + +.exos-sheet__section--cropped { + padding: 0 30px +} + +.exos-sheet__section--growing { + flex-grow: 1 +} + +.exos-sheet__section--active { + border-left: 8px solid var(--caution-shape-color, #ffd176); + margin: 0; + padding-left: 24px; + z-index: 2 +} + +.exos-sheet__section--activating + .exos-sheet__section--activating, .exos-sheet__section--activating + .exos-sheet__section--advertising, .exos-sheet__section--activating + .exos-sheet__section--corporate, .exos-sheet__section--activating + .exos-sheet__section--critical, .exos-sheet__section--activating + .exos-sheet__section--neutral, .exos-sheet__section--activating + .exos-sheet__section--promoting, .exos-sheet__section--activating + .exos-sheet__section--success, .exos-sheet__section--activating + .exos-sheet__section--warning, .exos-sheet__section--advertising + .exos-sheet__section--activating, .exos-sheet__section--advertising + .exos-sheet__section--advertising, .exos-sheet__section--advertising + .exos-sheet__section--corporate, .exos-sheet__section--advertising + .exos-sheet__section--critical, .exos-sheet__section--advertising + .exos-sheet__section--neutral, .exos-sheet__section--advertising + .exos-sheet__section--promoting, .exos-sheet__section--advertising + .exos-sheet__section--success, .exos-sheet__section--advertising + .exos-sheet__section--warning, .exos-sheet__section--corporate + .exos-sheet__section--activating, .exos-sheet__section--corporate + .exos-sheet__section--advertising, .exos-sheet__section--corporate + .exos-sheet__section--corporate, .exos-sheet__section--corporate + .exos-sheet__section--critical, .exos-sheet__section--corporate + .exos-sheet__section--neutral, .exos-sheet__section--corporate + .exos-sheet__section--promoting, .exos-sheet__section--corporate + .exos-sheet__section--success, .exos-sheet__section--corporate + .exos-sheet__section--warning, .exos-sheet__section--critical + .exos-sheet__section--activating, .exos-sheet__section--critical + .exos-sheet__section--advertising, .exos-sheet__section--critical + .exos-sheet__section--corporate, .exos-sheet__section--critical + .exos-sheet__section--critical, .exos-sheet__section--critical + .exos-sheet__section--neutral, .exos-sheet__section--critical + .exos-sheet__section--promoting, .exos-sheet__section--critical + .exos-sheet__section--success, .exos-sheet__section--critical + .exos-sheet__section--warning, .exos-sheet__section--neutral + .exos-sheet__section--activating, .exos-sheet__section--neutral + .exos-sheet__section--advertising, .exos-sheet__section--neutral + .exos-sheet__section--corporate, .exos-sheet__section--neutral + .exos-sheet__section--critical, .exos-sheet__section--neutral + .exos-sheet__section--neutral, .exos-sheet__section--neutral + .exos-sheet__section--promoting, .exos-sheet__section--neutral + .exos-sheet__section--success, .exos-sheet__section--neutral + .exos-sheet__section--warning, .exos-sheet__section--promoting + .exos-sheet__section--activating, .exos-sheet__section--promoting + .exos-sheet__section--advertising, .exos-sheet__section--promoting + .exos-sheet__section--corporate, .exos-sheet__section--promoting + .exos-sheet__section--critical, .exos-sheet__section--promoting + .exos-sheet__section--neutral, .exos-sheet__section--promoting + .exos-sheet__section--promoting, .exos-sheet__section--promoting + .exos-sheet__section--success, .exos-sheet__section--promoting + .exos-sheet__section--warning, .exos-sheet__section--success + .exos-sheet__section--activating, .exos-sheet__section--success + .exos-sheet__section--advertising, .exos-sheet__section--success + .exos-sheet__section--corporate, .exos-sheet__section--success + .exos-sheet__section--critical, .exos-sheet__section--success + .exos-sheet__section--neutral, .exos-sheet__section--success + .exos-sheet__section--promoting, .exos-sheet__section--success + .exos-sheet__section--success, .exos-sheet__section--success + .exos-sheet__section--warning, .exos-sheet__section--warning + .exos-sheet__section--activating, .exos-sheet__section--warning + .exos-sheet__section--advertising, .exos-sheet__section--warning + .exos-sheet__section--corporate, .exos-sheet__section--warning + .exos-sheet__section--critical, .exos-sheet__section--warning + .exos-sheet__section--neutral, .exos-sheet__section--warning + .exos-sheet__section--promoting, .exos-sheet__section--warning + .exos-sheet__section--success, .exos-sheet__section--warning + .exos-sheet__section--warning { + margin-top: -2px +} + +.exos-sheet__section--align-center { + justify-content: center; + text-align: center +} + +.exos-sheet__section--align-left { + justify-content: left; + text-align: left +} + +.exos-sheet__section--align-right { + justify-content: right; + text-align: right +} + +.exos-sheet__section--hidden { + display: none +} + +.exos-sheet__section--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-sheet__section--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-sheet__section--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-sheet__section--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-sheet__section--advertising > .exos-headline, .exos-sheet__section--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-sheet__section--success { + background-color: var(--success-background-color, #fff) +} + +.exos-sheet__section--warning { + background-color: var(--warning-background-color, #fff) +} + +.exos-sheet__section--critical { + background-color: var(--critical-background-color, #fff) +} + +.exos-sheet__section--neutral { + background-color: var(--neutral-background-color, #fff) +} + +.exos-sheet__section--activating { + background-color: var(--activating-background-color, #fff) +} + +.exos-sheet__section--promoting { + background-color: var(--promoting-background-color, #fff) +} + +.exos-sheet__section--corporate { + background-color: var(--corporate-background-color, #fff) +} + +.exos-sheet__section--success-solid { + background-color: var(--solid-success-background-color, #12cf76); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet__section--warning-solid { + background-color: var(--solid-warning-background-color, #fa0); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet__section--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet__section--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-sheet__section--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet__section--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-sheet__section--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-sheet__section--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet__section--semantic-bar-success { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954); + margin-left: -1px +} + +.exos-sheet__section--semantic-bar-warning { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0); + margin-left: -1px +} + +.exos-sheet__section--semantic-bar-critical { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00); + margin-left: -1px +} + +.exos-sheet__section--semantic-bar-neutral { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095); + margin-left: -1px +} + +.exos-sheet__section--semantic-bar-activating { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6); + margin-left: -1px +} + +.exos-sheet__section--semantic-bar-corporate { + box-shadow: inset 8px 0 var(--corporate-shape-color, #001b41); + margin-left: -1px +} + +.exos-sheet__section--semantic-bar-promoting { + box-shadow: inset 8px 0 var(--promoting-shape-color, #b410e7); + margin-left: -1px +} + +.exos-sheet__section--success { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--success-shape-color, #0fa954); + border-top: var(--semantic-section-border-width, 2px) solid var(--success-shape-color, #0fa954); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-sheet__section--success:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--success:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--warning { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--warning-shape-color, #fa0); + border-top: var(--semantic-section-border-width, 2px) solid var(--warning-shape-color, #fa0); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-sheet__section--warning:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--warning:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--critical { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--critical-shape-color, #f50c00); + border-top: var(--semantic-section-border-width, 2px) solid var(--critical-shape-color, #f50c00); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-sheet__section--critical:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--critical:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--neutral { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--neutral-shape-color, #718095); + border-top: var(--semantic-section-border-width, 2px) solid var(--neutral-shape-color, #718095); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-sheet__section--neutral:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--neutral:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--activating { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--activating-shape-color, #11c7e6); + border-top: var(--semantic-section-border-width, 2px) solid var(--activating-shape-color, #11c7e6); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-sheet__section--activating:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--activating:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--corporate { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--corporate-shape-color, #001b41); + border-top: var(--semantic-section-border-width, 2px) solid var(--corporate-shape-color, #001b41); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-sheet__section--corporate:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--corporate:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--promoting { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--promoting-shape-color, #b410e7); + border-top: var(--semantic-section-border-width, 2px) solid var(--promoting-shape-color, #b410e7); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-sheet__section--promoting:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--promoting:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-sheet__section--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-sheet__section--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-sheet__section--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-sheet__section--tertiary { + background-color: var(--default-background-color, #f4f7fa) +} + +.exos-sheet__section--emphasized { + background-color: var(--default-background-color-inverted, #0b2a63) +} + +.exos-sheet__section--separator-bottom { + border-bottom: 1px solid var(--tertiary-shape-color, #bcc8d4) +} + +.exos-sheet__section--separator-left { + border-left: 1px solid var(--tertiary-shape-color, #bcc8d4) +} + +.exos-sheet__section--separator-right { + border-right: 1px solid var(--tertiary-shape-color, #bcc8d4) +} + +.exos-sheet__section--separator-top { + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4) +} + +.exos-sheet__section--visualized { + background-position: 50%; + background-repeat: no-repeat; + background-size: cover; + flex-flow: wrap; + overflow: hidden +} + +.exos-sheet__section--visualized, .exos-sheet__section--visualized .exos-sheet__block { + box-sizing: border-box; + display: inherit; + height: 100%; + width: 100% +} + +.exos-sheet__visual { + display: inline-block +} + +.exos-sheet__section--visualized .exos-sheet__visual { + height: 100%; + margin: -32px; + position: absolute; + width: auto +} + +@supports (object-fit:cover) { + .exos-sheet__section--visualized .exos-sheet__visual { + flex-grow: 1; + height: auto; + object-fit: cover; + position: inherit + } +} + +.exos-sheet__close { + cursor: pointer; + position: absolute; + right: 22px; + text-decoration: none; + top: 24px +} + +.exos-sheet__close:hover { + opacity: .62 +} + +.exos-sheet__close:before { + color: var(--default-text-color, #001b41); + content: "\E67B"; + font-family: exos-icon-font, serif; + font-size: 24px; + line-height: 1em +} + +.exos-sheet__close--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-sheet__close--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-sheet__close--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-sheet__close--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-sheet__close--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-sheet__close--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-sheet__close--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-sheet__close--bright:before { + color: var(--white, #fff) +} + +.exos-sheet__close + .exos-headline { + margin-right: 40px +} + +.exos-sheet__section--condensed .exos-sheet__close { + top: 13px +} + +.exos-sheet__stripes { + display: block; + margin-bottom: -1px +} + +.exos-sheet__stripes > .exos-action-stripe, .exos-sheet__stripes > .exos-settings-stripe { + margin-top: -1px; + padding-left: 15px; + padding-right: 15px +} + +.exos-sheet__stripes .exos-ghost-button--icon-only { + margin: -2px 9px 2px -9px +} + +.exos-sheet__separator { + border: 0; + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4); + margin: 0 +} + +.exos-sheet__footer { + display: flex; + gap: 12px; + margin-top: 24px +} + +.exos-sheet__footer > :last-child { + margin-bottom: 0 +} + +.exos-sheet__footer .exos-button, .exos-sheet__footer .exos-ghost-button, .exos-sheet__footer .exos-toggle-button { + margin-right: 0 +} + +.exos-sheet__footer .exos-link:not(:last-child), .exos-sheet__footer .exos-toggle-link:not(:last-child) { + margin-right: 12px +} + +.exos-sheet__footer .exos-button + .exos-link, .exos-sheet__footer .exos-button + .exos-toggle-link, .exos-sheet__footer .exos-toggle-button + .exos-link, .exos-sheet__footer .exos-toggle-button + .exos-toggle-link { + margin-left: 12px +} + +.exos-sheet__footer--align-center { + justify-content: center; + text-align: center +} + +.exos-sheet__footer--align-left { + justify-content: left; + text-align: left +} + +.exos-sheet__footer--align-right { + justify-content: right; + text-align: right +} + +.exos-sheet__footer--hidden { + display: none +} + +.exos-sheet__footer--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-sheet__footer--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-sheet__footer--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-sheet__header { + align-items: center; + background-color: var(--sheet-header-background-color, #fff); + display: flex; + flex-flow: wrap; + margin-bottom: 0; + padding: 12px 24px; + position: relative +} + +.exos-sheet__header--separator-bottom { + border-bottom: 1px solid var(--tertiary-shape-color, #bcc8d4) +} + +.exos-sheet__header .exos-sheet__icon { + align-items: center; + display: inline-flex; + height: 28px; + margin: -2px 12px -2px 0; + width: auto +} + +.exos-sheet__header .exos-sheet__headline { + flex-grow: 1; + font-family: var(--third-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-headline-size, 16px); + line-height: var(--third-level-headline-line-height, 24px); + margin-top: -2px +} + +.exos-sheet__header .exos-sheet__link { + margin-left: 12px +} + +.exos-sheet__header .exos-sheet__close { + right: 15px; + top: 12px +} + +.exos-sheet__header--align-center { + justify-content: center; + text-align: center +} + +.exos-sheet__header--align-left { + justify-content: left; + text-align: left +} + +.exos-sheet__header--align-right { + justify-content: right; + text-align: right +} + +.exos-sheet__header--hidden { + display: none +} + +.exos-sheet__header--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-sheet__header--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-sheet__header--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-sheet__section--activating-solid + .exos-sheet__section--activating-solid, .exos-sheet__section--beta + .exos-sheet__section--beta, .exos-sheet__section--corporate-solid + .exos-sheet__section--corporate-solid, .exos-sheet__section--critical-solid + .exos-sheet__section--critical-solid, .exos-sheet__section--default + .exos-sheet__section--default, .exos-sheet__section--emphazised + .exos-sheet__section--emphazised, .exos-sheet__section--neutral-solid + .exos-sheet__section--neutral-solid, .exos-sheet__section--primary + .exos-sheet__section--primary, .exos-sheet__section--promoting-solid + .exos-sheet__section--promoting-solid, .exos-sheet__section--secondary + .exos-sheet__section--secondary, .exos-sheet__section--success-solid + .exos-sheet__section--success-solid, .exos-sheet__section--warning-solid + .exos-sheet__section--warning-solid { + padding-top: 0 +} + +.exos-sheet__section section > :last-child, .exos-sheet__section > :last-child { + margin-bottom: 0 +} + +.exos-static-overlay > .exos-sheet__section:first-child { + padding-bottom: 26px +} + +.exos-sheet__section:has(+.exos-sheet__section--hidden:last-child), .exos-sheet__section:has(+.exos-sheet__section.exos-hidden:last-child) { + border-bottom-left-radius: calc(var(--default-border-radius, 16px) - 1px); + border-bottom-right-radius: calc(var(--default-border-radius, 16px) - 1px) +} + +.exos-sheet > .exos-sheet__stripes > .exos-action-stripe--advertising:only-child, .exos-sheet > .exos-sheet__stripes > .exos-action-stripe--corporate-solid:only-child, .exos-sheet > .exos-sheet__stripes > .exos-settings-stripe--advertising:only-child, .exos-sheet > .exos-sheet__stripes > .exos-settings-stripe--corporate-solid:only-child { + border: none; + margin: -1px +} + +.exos-sheet.exos-sheet--activating > .exos-sheet__stripes, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes, .exos-sheet.exos-sheet--success > .exos-sheet__stripes, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes { + margin: 1px +} + +.exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-action-stripe, .exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-settings-stripe, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-action-stripe, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-settings-stripe, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-action-stripe, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-settings-stripe, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-action-stripe, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-settings-stripe, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-action-stripe, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-settings-stripe, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-action-stripe, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-settings-stripe, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-action-stripe, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-settings-stripe { + margin-left: -1px; + margin-right: -1px +} + +.exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-settings-stripe:first-child { + border-top: none; + border-top-left-radius: calc(var(--default-border-radius, 16px) - 2px); + border-top-right-radius: calc(var(--default-border-radius, 16px) - 2px) +} + +.exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-settings-stripe:last-child { + border-bottom: none; + border-bottom-left-radius: calc(var(--default-border-radius, 16px) - 2px); + border-bottom-right-radius: calc(var(--default-border-radius, 16px) - 2px) +} + +.exos-snackbar-container { + bottom: 20px; + pointer-events: none; + position: fixed; + width: 100%; + z-index: 81 +} + +.exos-snackbar { + align-items: center; + animation-fill-mode: both; + border-radius: var(--small-border-radius, 8px); + box-shadow: var(--primary-shadow, 0 2px 8px 0 #71809580); + box-sizing: border-box; + color: var(--corporate-text-color, #0b2a63); + display: flex; + line-height: 18px; + margin: 0 auto; + max-width: 320px; + padding: 16px 14px; + transition-timing-function: ease-in-out; + visibility: hidden +} + +.exos-snackbar--visible { + animation-duration: .2s; + animation-name: keyframes--snackbar-translate-in; + visibility: visible +} + +.exos-snackbar--hidden { + animation-duration: .2s; + animation-name: keyframes--snackbar-translate-out +} + +.exos-snackbar--success { + border: var(--semantic-container-border-width, 0) solid var(--success-shape-color, #0fa954) +} + +.exos-snackbar--warning { + border: var(--semantic-container-border-width, 0) solid var(--warning-shape-color, #fa0) +} + +.exos-snackbar--critical { + border: var(--semantic-container-border-width, 0) solid var(--critical-shape-color, #f50c00) +} + +.exos-snackbar--neutral { + border: var(--semantic-container-border-width, 0) solid var(--neutral-shape-color, #718095) +} + +.exos-snackbar--activating { + border: var(--semantic-container-border-width, 0) solid var(--activating-shape-color, #11c7e6) +} + +.exos-snackbar--corporate { + border: var(--semantic-container-border-width, 0) solid var(--corporate-shape-color, #001b41) +} + +.exos-snackbar--promoting { + border: var(--semantic-container-border-width, 0) solid var(--promoting-shape-color, #b410e7) +} + +.exos-snackbar--success-solid { + background-color: var(--solid-success-background-color, #12cf76) +} + +.exos-snackbar--success-solid, .exos-snackbar--warning-solid { + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-snackbar--warning-solid { + background-color: var(--solid-warning-background-color, #fa0) +} + +.exos-snackbar--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-snackbar--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-snackbar--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-snackbar--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-snackbar--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-snackbar--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-snackbar--success-solid.exos-snackbar--with-icon { + line-height: 1 +} + +.exos-snackbar--success-solid.exos-snackbar--with-icon:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-right: 6px; + vertical-align: top +} + +.exos-snackbar--warning-solid.exos-snackbar--with-icon { + line-height: 1 +} + +.exos-snackbar--warning-solid.exos-snackbar--with-icon:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-right: 6px; + vertical-align: top +} + +.exos-snackbar--critical-solid.exos-snackbar--with-icon { + line-height: 1 +} + +.exos-snackbar--critical-solid.exos-snackbar--with-icon:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-right: 6px; + vertical-align: top +} + +.exos-snackbar--neutral-solid.exos-snackbar--with-icon { + line-height: 1 +} + +.exos-snackbar--neutral-solid.exos-snackbar--with-icon:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-right: 6px; + vertical-align: top +} + +.exos-snackbar--activating-solid.exos-snackbar--with-icon { + line-height: 1 +} + +.exos-snackbar--activating-solid.exos-snackbar--with-icon:before { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-right: 6px; + vertical-align: top +} + +@keyframes keyframes--snackbar-translate-in { + 0% { + opacity: 0; + transform: translateY(100%) + } + to { + opacity: 1; + transform: translateY(0) + } +} + +@keyframes keyframes--snackbar-translate-out { + 0% { + opacity: 1; + transform: translateY(0) + } + to { + opacity: 0; + transform: translateY(100%) + } +} + +.exos-static-overlay { + display: none +} + +.exos-static-overlay__blocker { + background-color: var(--black, #000); + bottom: 0; + left: 0; + opacity: 0; + position: fixed; + right: 0; + top: 0; + transition: opacity .2s ease-out; + z-index: 205 +} + +.exos-static-overlay__blocker--hidden { + display: none +} + +.exos-static-overlay__blocker--active { + opacity: .38 +} + +.exos-static-overlay__container { + align-items: center; + bottom: 0; + display: flex; + justify-content: center; + left: 0; + opacity: 0; + overflow-y: auto; + position: fixed; + right: 0; + top: 0; + transition: opacity .2s ease-out; + z-index: 206 +} + +.exos-static-overlay__container--hidden { + display: none +} + +.exos-static-overlay__container--active { + opacity: 1 +} + +.exos-static-overlay__content { + border: none; + border-radius: var(--default-border-radius, 16px); + margin-top: -40px; + max-width: 53%; + min-width: 480px; + position: relative; + transition: margin-top .2s ease-out +} + +.exos-static-overlay__content.exos-sheet--success { + border: var(--semantic-container-border-width, 0) solid var(--success-shape-color, #0fa954) +} + +.exos-static-overlay__content.exos-sheet--warning { + border: var(--semantic-container-border-width, 0) solid var(--warning-shape-color, #fa0) +} + +.exos-static-overlay__content.exos-sheet--critical { + border: var(--semantic-container-border-width, 0) solid var(--critical-shape-color, #f50c00) +} + +.exos-static-overlay__content.exos-sheet--neutral { + border: var(--semantic-container-border-width, 0) solid var(--neutral-shape-color, #718095) +} + +.exos-static-overlay__content.exos-sheet--activating { + border: var(--semantic-container-border-width, 0) solid var(--activating-shape-color, #11c7e6) +} + +.exos-static-overlay__content.exos-sheet--corporate { + border: var(--semantic-container-border-width, 0) solid var(--corporate-shape-color, #001b41) +} + +.exos-static-overlay__content.exos-sheet--promoting { + border: var(--semantic-container-border-width, 0) solid var(--promoting-shape-color, #b410e7) +} + +.exos-static-overlay__container--active > .exos-static-overlay__content { + margin-top: 0 +} + +.exos-stripe { + align-items: center; + display: flex; + flex-flow: row; + padding: 14px 0 16px +} + +.exos-stripe--align-center { + justify-content: center; + text-align: center +} + +.exos-stripe--align-left { + justify-content: left; + text-align: left +} + +.exos-stripe--align-right { + justify-content: right; + text-align: right +} + +.exos-stripe--hidden { + display: none +} + +.exos-stripe--distinct { + background-color: var(--distinct-card-background-color, #f4f7fa) +} + +.exos-stripe--condensed { + padding-bottom: 8px; + padding-top: 7px +} + +.exos-stripe--cropped { + padding-bottom: 0; + padding-top: 0 +} + +.exos-stripe__item { + display: flex; + flex-flow: wrap; + margin-right: 15px +} + +.exos-stripe__item--align-center { + justify-content: center; + text-align: center +} + +.exos-stripe__item--align-left { + justify-content: left; + text-align: left +} + +.exos-stripe__item--align-right { + justify-content: right; + text-align: right +} + +.exos-stripe__item--vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap +} + +.exos-stripe__item--vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap +} + +.exos-stripe__item--vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap +} + +.exos-stripe__item--vertical-align-bottom { + align-self: flex-end +} + +.exos-stripe__item--vertical-align-center { + align-self: center +} + +.exos-stripe__item--vertical-align-middle { + vertical-align: middle +} + +.exos-stripe__item--vertical-align-top { + align-self: flex-start +} + +.exos-stripe__item--condensed { + margin-right: 8px +} + +.exos-stripe__item--cropped { + margin-right: 4px +} + +.exos-stripe__item--condensed:last-child, .exos-stripe__item--cropped:last-child, .exos-stripe__item:last-child { + margin-right: 0 +} + +.exos-sheet__stripes .exos-stripe__item { + margin-left: 15px +} + +.exos-sheet__stripes .exos-stripe__item:last-child { + margin-right: 15px +} + +.exos-stripe__element { + margin-bottom: 3px; + margin-top: 3px; + width: 100% +} + +.exos-stripe__element--inline { + width: auto +} + +.exos-stripe__visual { + margin-bottom: 3px; + margin-top: 3px; + width: auto +} + +.exos-action-stripe, .exos-settings-stripe { + background-color: var(--white, #fff); + border-bottom: 1px solid var(--tertiary-shape-color, #bcc8d4); + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4); + box-sizing: border-box; + display: flex; + float: none; + min-height: 1px; + padding: 14px 0 16px; + width: auto +} + +.exos-action-stripe:after, .exos-settings-stripe:after { + clear: both; + content: ""; + display: table +} + +.exos-action-stripe--borderless, .exos-settings-stripe--borderless { + border-bottom: none; + border-top: none; + padding: 7px 0 9px +} + +.exos-action-stripe--distinct, .exos-settings-stripe--distinct { + background-color: var(--distinct-card-background-color, #f4f7fa) +} + +.exos-action-stripe--disabled, .exos-settings-stripe--disabled { + color: var(--secondary-text-color, #465a75); + cursor: not-allowed +} + +.exos-action-stripe .exos-link--next:after, .exos-settings-stripe .exos-link--next:after { + color: var(--interactive-shape-color, #1474c4) +} + +.exos-action-stripe.exos-__direct-selection--hover, .exos-settings-stripe.exos-__direct-selection--hover { + background-color: var(--hovered-corporate-background-color, #dbedf8) +} + +.exos-action-stripe--page-context.exos-__direct-selection--hover, .exos-settings-stripe--page-context.exos-__direct-selection--hover { + background-color: var(--white, #fff) +} + +.exos-action-stripe--semantic-bar-success, .exos-settings-stripe--semantic-bar-success { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954); + margin-left: -1px +} + +.exos-action-stripe--semantic-bar-success:first-child, .exos-settings-stripe--semantic-bar-success:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-success:last-child, .exos-settings-stripe--semantic-bar-success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-success:only-child, .exos-settings-stripe--semantic-bar-success:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-warning, .exos-settings-stripe--semantic-bar-warning { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0); + margin-left: -1px +} + +.exos-action-stripe--semantic-bar-warning:first-child, .exos-settings-stripe--semantic-bar-warning:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-warning:last-child, .exos-settings-stripe--semantic-bar-warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-warning:only-child, .exos-settings-stripe--semantic-bar-warning:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-critical, .exos-settings-stripe--semantic-bar-critical { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00); + margin-left: -1px +} + +.exos-action-stripe--semantic-bar-critical:first-child, .exos-settings-stripe--semantic-bar-critical:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-critical:last-child, .exos-settings-stripe--semantic-bar-critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-critical:only-child, .exos-settings-stripe--semantic-bar-critical:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-neutral, .exos-settings-stripe--semantic-bar-neutral { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095); + margin-left: -1px +} + +.exos-action-stripe--semantic-bar-neutral:first-child, .exos-settings-stripe--semantic-bar-neutral:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-neutral:last-child, .exos-settings-stripe--semantic-bar-neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-neutral:only-child, .exos-settings-stripe--semantic-bar-neutral:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-activating, .exos-settings-stripe--semantic-bar-activating { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6); + margin-left: -1px +} + +.exos-action-stripe--semantic-bar-activating:first-child, .exos-settings-stripe--semantic-bar-activating:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-activating:last-child, .exos-settings-stripe--semantic-bar-activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-activating:only-child, .exos-settings-stripe--semantic-bar-activating:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-corporate, .exos-settings-stripe--semantic-bar-corporate { + box-shadow: inset 8px 0 var(--corporate-shape-color, #001b41); + margin-left: -1px +} + +.exos-action-stripe--semantic-bar-corporate:first-child, .exos-settings-stripe--semantic-bar-corporate:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-corporate:last-child, .exos-settings-stripe--semantic-bar-corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-corporate:only-child, .exos-settings-stripe--semantic-bar-corporate:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-promoting, .exos-settings-stripe--semantic-bar-promoting { + box-shadow: inset 8px 0 var(--promoting-shape-color, #b410e7); + margin-left: -1px +} + +.exos-action-stripe--semantic-bar-promoting:first-child, .exos-settings-stripe--semantic-bar-promoting:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-promoting:last-child, .exos-settings-stripe--semantic-bar-promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--semantic-bar-promoting:only-child, .exos-settings-stripe--semantic-bar-promoting:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-action-stripe--advertising, .exos-settings-stripe--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)); + color: var(--white, #fff); + margin: -1px 0 +} + +.exos-action-stripe--advertising .exos-__hover.exos-toggle-link, .exos-action-stripe--advertising .exos-link, .exos-action-stripe--advertising .exos-link--next:after, .exos-action-stripe--advertising .exos-link.exos-__hover, .exos-action-stripe--advertising .exos-link:before, .exos-action-stripe--advertising .exos-toggle-link, .exos-action-stripe--advertising .exos-toggle-link:before, .exos-settings-stripe--advertising .exos-__hover.exos-toggle-link, .exos-settings-stripe--advertising .exos-link, .exos-settings-stripe--advertising .exos-link--next:after, .exos-settings-stripe--advertising .exos-link.exos-__hover, .exos-settings-stripe--advertising .exos-link:before, .exos-settings-stripe--advertising .exos-toggle-link, .exos-settings-stripe--advertising .exos-toggle-link:before { + color: var(--white, #fff) +} + +.exos-action-stripe--corporate-solid, .exos-settings-stripe--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + color: var(--white, #fff); + margin: -1px 0 +} + +.exos-action-stripe--corporate-solid .exos-__hover.exos-toggle-link, .exos-action-stripe--corporate-solid .exos-link, .exos-action-stripe--corporate-solid .exos-link--next:after, .exos-action-stripe--corporate-solid .exos-link.exos-__hover, .exos-action-stripe--corporate-solid .exos-link:before, .exos-action-stripe--corporate-solid .exos-toggle-link, .exos-action-stripe--corporate-solid .exos-toggle-link:before, .exos-settings-stripe--corporate-solid .exos-__hover.exos-toggle-link, .exos-settings-stripe--corporate-solid .exos-link, .exos-settings-stripe--corporate-solid .exos-link--next:after, .exos-settings-stripe--corporate-solid .exos-link.exos-__hover, .exos-settings-stripe--corporate-solid .exos-link:before, .exos-settings-stripe--corporate-solid .exos-toggle-link, .exos-settings-stripe--corporate-solid .exos-toggle-link:before { + color: var(--white, #fff) +} + +.exos-action-stripe.exos-__direct-selection--hover .exos-link, .exos-action-stripe.exos-__direct-selection--hover .exos-link--action:before, .exos-action-stripe.exos-__direct-selection--hover .exos-link--next:after, .exos-action-stripe.exos-__direct-selection--hover .exos-toggle-link, .exos-settings-stripe.exos-__direct-selection--hover .exos-link, .exos-settings-stripe.exos-__direct-selection--hover .exos-link--action:before, .exos-settings-stripe.exos-__direct-selection--hover .exos-link--next:after, .exos-settings-stripe.exos-__direct-selection--hover .exos-toggle-link { + color: var(--palette-corporate-5, #095bb1) +} + +.exos-action-stripe--advertising.exos-__direct-selection--hover, .exos-settings-stripe--advertising.exos-__direct-selection--hover { + background: var(--hovered-advertising-background-gradient-start, #001b41); + background: linear-gradient(to bottom right, var(--hovered-advertising-background-gradient-start, #001b41), var(--hovered-advertising-background-gradient-end, #003d8f)) +} + +.exos-action-stripe--advertising.exos-__direct-selection--hover .exos-__hover.exos-toggle-link, .exos-action-stripe--advertising.exos-__direct-selection--hover .exos-link, .exos-action-stripe--advertising.exos-__direct-selection--hover .exos-link--next:after, .exos-action-stripe--advertising.exos-__direct-selection--hover .exos-link.exos-__hover, .exos-action-stripe--advertising.exos-__direct-selection--hover .exos-link:before, .exos-action-stripe--advertising.exos-__direct-selection--hover .exos-toggle-link, .exos-action-stripe--advertising.exos-__direct-selection--hover .exos-toggle-link:before, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-__hover.exos-toggle-link, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-link, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-link--next:after, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-link.exos-__hover, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-link:before, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-toggle-link, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-toggle-link:before { + color: var(--white, #fff) +} + +.exos-action-stripe--advertising.exos-__direct-selection--hover .exos-__direct-selection--target.exos-toggle-link, .exos-action-stripe--advertising.exos-__direct-selection--hover .exos-link.exos-__direct-selection--target, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-__direct-selection--target.exos-toggle-link, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-link.exos-__direct-selection--target { + text-decoration: underline +} + +.exos-action-stripe--advertising.exos-__direct-selection--hover .exos-__direct-selection--target.exos-toggle-link:before, .exos-action-stripe--advertising.exos-__direct-selection--hover .exos-link.exos-__direct-selection--target:before, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-__direct-selection--target.exos-toggle-link:before, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-link.exos-__direct-selection--target:before { + text-decoration: none +} + +.exos-action-stripe--corporate-solid.exos-__direct-selection--hover, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover { + background: var(--solid-corporate-background-color, #0b2a63) +} + +.exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-__hover.exos-toggle-link, .exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-link, .exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-link--next:after, .exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-link.exos-__hover, .exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-link:before, .exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-toggle-link, .exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-toggle-link:before, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-__hover.exos-toggle-link, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-link, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-link--next:after, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-link.exos-__hover, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-link:before, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-toggle-link, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-toggle-link:before { + color: var(--white, #fff) +} + +.exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-__direct-selection--target.exos-toggle-link, .exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-link.exos-__direct-selection--target, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-__direct-selection--target.exos-toggle-link, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-link.exos-__direct-selection--target { + text-decoration: underline +} + +.exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-__direct-selection--target.exos-toggle-link:before, .exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-link.exos-__direct-selection--target:before, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-__direct-selection--target.exos-toggle-link:before, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-link.exos-__direct-selection--target:before { + text-decoration: none +} + +.exos-action-stripe--advertising.exos-__direct-selection--hover .exos-link--next:after, .exos-action-stripe--corporate-solid.exos-__direct-selection--hover .exos-link--next:after, .exos-settings-stripe--advertising.exos-__direct-selection--hover .exos-link--next:after, .exos-settings-stripe--corporate-solid.exos-__direct-selection--hover .exos-link--next:after { + color: var(--white, #fff) +} + +.exos-action-stripe--critical { + position: relative +} + +.exos-action-stripe__label { + align-self: center; + box-sizing: border-box; + float: left; + min-height: 1px; + padding: 0 15px; + width: 91.66667% +} + +.exos-action-stripe__label--nowrap { + white-space: nowrap +} + +.exos-action-stripe__label--break-all { + word-break: break-all +} + +.exos-action-stripe__label--break-word { + word-break: break-word +} + +.exos-action-stripe__label--keep-all { + word-break: keep-all +} + +.exos-action-stripe__label--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-action-stripe--disabled .exos-action-stripe__label { + opacity: .62 +} + +.exos-action-stripe--link .exos-action-stripe__label { + flex-grow: 1; + width: auto +} + +.exos-action-stripe__action { + align-self: center; + box-sizing: border-box; + float: left; + min-height: 1px; + padding: 0 15px; + text-align: right; + width: 8.33333% +} + +.exos-action-stripe__action--nowrap { + white-space: nowrap +} + +.exos-action-stripe__action--break-all { + word-break: break-all +} + +.exos-action-stripe__action--break-word { + word-break: break-word +} + +.exos-action-stripe__action--keep-all { + word-break: keep-all +} + +.exos-action-stripe__action--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-action-stripe__icon { + align-self: center; + height: auto; + margin-left: 13px; + width: auto +} + +.exos-action-stripe__icon--exos-icon:before { + font-family: exos-icon-font; + font-size: 32px; + font-style: normal; + font-weight: 400 !important; + vertical-align: top; + vertical-align: middle +} + +.exos-action-stripe__icon--hidden { + display: none +} + +.exos-action-stripe--disabled .exos-action-stripe__action { + opacity: .62; + pointer-events: none +} + +.exos-action-stripe--link .exos-action-stripe__action { + white-space: nowrap; + width: auto +} + +.exos-action-stripe--success { + border-bottom-color: var(--success-shape-color, #0fa954) +} + +.exos-action-stripe--success, .exos-action-stripe--success + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--neutral):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-action-stripe--success + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--neutral):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--success-shape-color, #0fa954) +} + +.exos-action-stripe--warning { + border-bottom-color: var(--warning-shape-color, #fa0) +} + +.exos-action-stripe--warning, .exos-action-stripe--warning + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--neutral):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-action-stripe--warning + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--neutral):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--warning-shape-color, #fa0) +} + +.exos-action-stripe--critical { + border-bottom-color: var(--critical-shape-color, #f50c00) +} + +.exos-action-stripe--critical, .exos-action-stripe--critical + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--neutral):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-action-stripe--critical + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--neutral):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--critical-shape-color, #f50c00) +} + +.exos-action-stripe--neutral { + border-bottom-color: var(--neutral-shape-color, #718095) +} + +.exos-action-stripe--neutral, .exos-action-stripe--neutral + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--neutral):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-action-stripe--neutral + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--neutral):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--neutral-shape-color, #718095) +} + +.exos-action-stripe--activating { + border-bottom-color: var(--activating-shape-color, #11c7e6) +} + +.exos-action-stripe--activating, .exos-action-stripe--activating + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--neutral):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-action-stripe--activating + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--neutral):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--activating-shape-color, #11c7e6) +} + +.exos-action-stripe--corporate { + border-bottom-color: var(--corporate-shape-color, #001b41) +} + +.exos-action-stripe--corporate, .exos-action-stripe--corporate + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--neutral):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-action-stripe--corporate + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--neutral):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--corporate-shape-color, #001b41) +} + +.exos-action-stripe--promoting { + border-bottom-color: var(--promoting-shape-color, #b410e7) +} + +.exos-action-stripe--promoting, .exos-action-stripe--promoting + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--neutral):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-action-stripe--promoting + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--neutral):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--promoting-shape-color, #b410e7) +} + +.exos-settings-stripe { + position: relative +} + +.exos-settings-stripe--short { + display: inherit +} + +.exos-settings-stripe__label { + align-self: center; + box-sizing: border-box; + float: left; + font-weight: 400; + min-height: 1px; + padding: 0 15px; + width: 25% +} + +.exos-settings-stripe__label--nowrap { + white-space: nowrap +} + +.exos-settings-stripe__label--break-all { + word-break: break-all +} + +.exos-settings-stripe__label--break-word { + word-break: break-word +} + +.exos-settings-stripe__label--keep-all { + word-break: keep-all +} + +.exos-settings-stripe__label--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-settings-stripe--disabled .exos-settings-stripe__label { + opacity: .62 +} + +.exos-settings-stripe--short .exos-settings-stripe__label { + color: var(--secondary-text-color, #465a75); + float: left; + margin-bottom: 3px; + width: 83.33333% +} + +.exos-settings-stripe--short.exos-settings-stripe--menu .exos-settings-stripe__label { + float: left; + width: 83.33333% +} + +.exos-settings-stripe--short.exos-settings-stripe--switch .exos-settings-stripe__label { + float: left; + width: 75% +} + +.exos-settings-stripe--short.exos-settings-stripe--link .exos-settings-stripe__label { + float: left; + width: 50% +} + +.exos-settings-stripe__value { + align-self: center; + box-sizing: border-box; + float: left; + min-height: 1px; + padding: 0 15px; + width: 66.66667% +} + +.exos-settings-stripe__value--nowrap { + white-space: nowrap +} + +.exos-settings-stripe__value--break-all { + word-break: break-all +} + +.exos-settings-stripe__value--break-word { + word-break: break-word +} + +.exos-settings-stripe__value--keep-all { + word-break: keep-all +} + +.exos-settings-stripe__value--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-settings-stripe--menu .exos-settings-stripe__value, .exos-settings-stripe--switch .exos-settings-stripe__value { + float: left; + width: 58.33333% +} + +.exos-settings-stripe--link .exos-settings-stripe__value { + float: left; + width: 50% +} + +.exos-settings-stripe--readonly .exos-settings-stripe__value { + float: left; + width: 75% +} + +.exos-settings-stripe--short .exos-settings-stripe__value { + float: left; + width: 83.33333% +} + +.exos-settings-stripe--short .exos-settings-stripe__value, .exos-settings-stripe--short.exos-settings-stripe--menu .exos-settings-stripe__value, .exos-settings-stripe--short.exos-settings-stripe--readonly .exos-settings-stripe__value, .exos-settings-stripe--short.exos-settings-stripe--switch .exos-settings-stripe__value { + font-size: var(--default-text-size, 14px); + width: 100% +} + +.exos-settings-stripe--short.exos-settings-stripe--menu .exos-settings-stripe__value { + float: left; + width: 83.33333% +} + +.exos-settings-stripe--short.exos-settings-stripe--switch .exos-settings-stripe__value { + float: left; + width: 75% +} + +.exos-settings-stripe--short.exos-settings-stripe--link .exos-settings-stripe__value { + width: 100% +} + +.exos-settings-stripe__action { + align-self: center; + box-sizing: border-box; + float: left; + min-height: 1px; + padding: 0 15px; + text-align: right; + width: 8.33333% +} + +.exos-settings-stripe__action--nowrap { + white-space: nowrap +} + +.exos-settings-stripe__action--break-all { + word-break: break-all +} + +.exos-settings-stripe__action--break-word { + word-break: break-word +} + +.exos-settings-stripe__action--keep-all { + word-break: keep-all +} + +.exos-settings-stripe__action--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-settings-stripe--menu .exos-settings-stripe__action, .exos-settings-stripe--switch .exos-settings-stripe__action { + float: left; + width: 16.66667% +} + +.exos-settings-stripe--link .exos-settings-stripe__action { + float: left; + width: 25% +} + +.exos-settings-stripe--disabled .exos-settings-stripe__action { + cursor: not-allowed; + opacity: .62; + pointer-events: none +} + +.exos-settings-stripe--short .exos-settings-stripe__action { + align-items: center; + display: flex; + float: left; + height: 100%; + justify-content: flex-end; + position: absolute; + right: 15px; + top: 0; + width: 16.66667% +} + +.exos-settings-stripe--short.exos-settings-stripe--switch .exos-settings-stripe__action { + float: left; + top: 0; + width: 25% +} + +.exos-settings-stripe--short.exos-settings-stripe--link .exos-settings-stripe__action { + float: left; + height: auto; + top: 13px; + width: 50% +} + +.exos-settings-stripe__icon { + align-self: center; + height: auto; + margin-left: 13px; + width: auto +} + +.exos-settings-stripe__icon--exos-icon:before { + font-family: exos-icon-font; + font-size: 32px; + font-style: normal; + font-weight: 400 !important; + vertical-align: top; + vertical-align: middle +} + +.exos-settings-stripe__icon--hidden { + display: none +} + +.exos-settings-stripe--success { + border-bottom-color: var(--success-shape-color, #0fa954) +} + +.exos-settings-stripe--success, .exos-settings-stripe--success + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-settings-stripe--success + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--success-shape-color, #0fa954) +} + +.exos-settings-stripe--warning { + border-bottom-color: var(--warning-shape-color, #fa0) +} + +.exos-settings-stripe--warning, .exos-settings-stripe--warning + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-settings-stripe--warning + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--warning-shape-color, #fa0) +} + +.exos-settings-stripe--critical { + border-bottom-color: var(--critical-shape-color, #f50c00) +} + +.exos-settings-stripe--critical, .exos-settings-stripe--critical + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-settings-stripe--critical + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--critical-shape-color, #f50c00) +} + +.exos-settings-stripe--activating { + border-bottom-color: var(--activating-shape-color, #11c7e6) +} + +.exos-settings-stripe--activating, .exos-settings-stripe--activating + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-settings-stripe--activating + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--activating-shape-color, #11c7e6) +} + +.exos-settings-stripe--corporate { + border-bottom-color: var(--corporate-shape-color, #001b41) +} + +.exos-settings-stripe--corporate, .exos-settings-stripe--corporate + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-settings-stripe--corporate + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--corporate-shape-color, #001b41) +} + +.exos-settings-stripe--promoting { + border-bottom-color: var(--promoting-shape-color, #b410e7) +} + +.exos-settings-stripe--promoting, .exos-settings-stripe--promoting + .exos-action-stripe:not(.exos-action-stripe--success):not(.exos-action-stripe--warning):not(.exos-action-stripe--critical):not(.exos-action-stripe--activating):not(.exos-action-stripe--corporate):not(.exos-action-stripe--promoting), .exos-settings-stripe--promoting + .exos-settings-stripe:not(.exos-settings-stripe--success):not(.exos-settings-stripe--warning):not(.exos-settings-stripe--critical):not(.exos-settings-stripe--activating):not(.exos-settings-stripe--corporate):not(.exos-settings-stripe--promoting) { + border-top-color: var(--promoting-shape-color, #b410e7) +} + +.exos-settings-stripe__flyout .exos-context-menu__trigger { + margin-right: -9px; + vertical-align: middle +} + +.exos-settings-stripe__flyout .exos-context-menu__list { + right: 16px +} + +.exos-settings-stripe--short .exos-settings-stripe__flyout .exos-context-menu__list { + right: 6px +} + +.exos-settings-stripe > :last-child { + margin-bottom: 0 +} + +.exos-settings-stripe__value .exos-quotabar { + margin-top: 8px +} + +.exos-settings-stripe__value .exos-quotabar__bar { + margin-bottom: 6px +} + +.exos-settings-stripe__value .exos-quotabar__bar + .exos-quotabar__text { + font-size: var(--default-text-size, 14px); + margin-top: 6px +} + +.exos-settings-stripe--short .exos-settings-stripe__value .exos-quotabar { + margin-top: 3px +} + +.exos-menu-stripe { + background-color: var(--white, #fff); + border-radius: var(--default-border-radius, 16px); + margin-bottom: 16px; + overflow: hidden +} + +.exos-menu-stripe--page-context { + background-color: initial; + border: none +} + +.exos-menu-stripe--cropped { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + margin-bottom: 0 +} + +.exos-menu-stripe--cropped + .exos-menu-stripe { + border-top: none; + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +.exos-menu-stripe--cropped + .exos-menu-stripe:first-child { + border-radius: 16px 16px 0 0 +} + +.exos-menu-stripe--cropped + .exos-menu-stripe:last-child { + border-radius: 0 0 16px 16px +} + +.exos-menu-stripe__section { + display: flex; + padding: 8px +} + +.exos-menu-stripe__section--semantic-bar-success { + box-shadow: inset 8px 0 var(--success-shape-color, #0fa954); + margin-left: -1px +} + +.exos-menu-stripe__section--semantic-bar-success:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-success:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-warning { + box-shadow: inset 8px 0 var(--warning-shape-color, #fa0); + margin-left: -1px +} + +.exos-menu-stripe__section--semantic-bar-warning:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-warning:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-critical { + box-shadow: inset 8px 0 var(--critical-shape-color, #f50c00); + margin-left: -1px +} + +.exos-menu-stripe__section--semantic-bar-critical:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-critical:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-neutral { + box-shadow: inset 8px 0 var(--neutral-shape-color, #718095); + margin-left: -1px +} + +.exos-menu-stripe__section--semantic-bar-neutral:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-neutral:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-activating { + box-shadow: inset 8px 0 var(--activating-shape-color, #11c7e6); + margin-left: -1px +} + +.exos-menu-stripe__section--semantic-bar-activating:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-activating:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-corporate { + box-shadow: inset 8px 0 var(--corporate-shape-color, #001b41); + margin-left: -1px +} + +.exos-menu-stripe__section--semantic-bar-corporate:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-corporate:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-promoting { + box-shadow: inset 8px 0 var(--promoting-shape-color, #b410e7); + margin-left: -1px +} + +.exos-menu-stripe__section--semantic-bar-promoting:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--semantic-bar-promoting:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--success { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--success-shape-color, #0fa954); + border-top: var(--semantic-section-border-width, 2px) solid var(--success-shape-color, #0fa954); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-menu-stripe__section--success:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--success:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--warning { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--warning-shape-color, #fa0); + border-top: var(--semantic-section-border-width, 2px) solid var(--warning-shape-color, #fa0); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-menu-stripe__section--warning:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--warning:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--critical { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--critical-shape-color, #f50c00); + border-top: var(--semantic-section-border-width, 2px) solid var(--critical-shape-color, #f50c00); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-menu-stripe__section--critical:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--critical:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--neutral { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--neutral-shape-color, #718095); + border-top: var(--semantic-section-border-width, 2px) solid var(--neutral-shape-color, #718095); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-menu-stripe__section--neutral:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--neutral:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--activating { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--activating-shape-color, #11c7e6); + border-top: var(--semantic-section-border-width, 2px) solid var(--activating-shape-color, #11c7e6); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-menu-stripe__section--activating:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--activating:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--corporate { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--corporate-shape-color, #001b41); + border-top: var(--semantic-section-border-width, 2px) solid var(--corporate-shape-color, #001b41); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-menu-stripe__section--corporate:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--corporate:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--promoting { + border-bottom: var(--semantic-section-border-width, 2px) solid var(--promoting-shape-color, #b410e7); + border-top: var(--semantic-section-border-width, 2px) solid var(--promoting-shape-color, #b410e7); + margin: var(--semantic-section-border-overlapping-margin, -1px 0 0 0) +} + +.exos-menu-stripe__section--promoting:first-child { + border-top-left-radius: var(--default-border-radius, 16px); + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--promoting:only-child { + border-radius: var(--default-border-radius, 16px) +} + +.exos-menu-stripe__section--success-solid { + background-color: var(--solid-success-background-color, #12cf76); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__section--warning-solid { + background-color: var(--solid-warning-background-color, #fa0); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__section--critical-solid { + background-color: var(--solid-critical-background-color, #ff6159); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__section--neutral-solid { + background-color: var(--solid-neutral-background-color, #465a75); + border: none; + color: var(--white, #fff) +} + +.exos-menu-stripe__section--activating-solid { + background-color: var(--solid-activating-background-color, #11c7e6); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__section--promoting-solid { + background-color: var(--solid-promoting-background-color, #e480f8); + border: none; + color: var(--promoting-badge-text-color, #0b2a63) +} + +.exos-menu-stripe__section--corporate-solid { + background-color: var(--solid-corporate-background-color, #0b2a63); + border: none; + color: var(--white, #fff) +} + +.exos-menu-stripe__section--bright-solid { + background-color: var(--solid-bright-background-color, #fff); + border: none; + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__section--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-menu-stripe__section--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-menu-stripe__section--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-menu-stripe__section--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-menu-stripe__section--advertising > .exos-headline, .exos-menu-stripe__section--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-menu-stripe__separator { + border: 0; + border-top: 1px solid var(--tertiary-shape-color, #bcc8d4); + margin: 0 +} + +.exos-menu-stripe__item { + box-sizing: border-box; + float: left; + padding: 8px +} + +.exos-menu-stripe__item:first-child:last-child { + width: 100% +} + +.exos-menu-stripe__item:first-child:nth-last-child(2) { + width: 30% +} + +.exos-menu-stripe__item:nth-child(2):last-child { + width: 70% +} + +.exos-menu-stripe__item:first-child:nth-last-child(3) { + width: 30% +} + +.exos-menu-stripe__item:nth-child(2):nth-last-child(2) { + width: 40% +} + +.exos-menu-stripe__item:nth-child(3):last-child { + width: 30% +} + +.exos-menu-stripe__label { + color: var(--default-text-color, #001b41); + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif); + line-height: 1.5em; + word-break: break-word +} + +.exos-menu-stripe__label--hidden { + display: none +} + +.exos-menu-stripe__label--success { + color: var(--success-text-color, #096b35) +} + +.exos-menu-stripe__label--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-menu-stripe__label--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-menu-stripe__label--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-menu-stripe__label--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-menu-stripe__label--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-menu-stripe__label--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__label--bright { + color: var(--white, #fff) +} + +.exos-menu-stripe__label.exos-exos-icon:before { + color: var(--default-shape-color, #465a75) +} + +.exos-menu-stripe__label.exos-exos-icon--bright:before { + color: var(--white, #fff) +} + +.exos-menu-stripe__label.exos-exos-icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-menu-stripe__label.exos-exos-icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-menu-stripe__label.exos-exos-icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-menu-stripe__label.exos-exos-icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-menu-stripe__label.exos-exos-icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-menu-stripe__label.exos-exos-icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__label.exos-exos-icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-menu-stripe__label--nowrap { + white-space: nowrap +} + +.exos-menu-stripe__label--break-all { + word-break: break-all +} + +.exos-menu-stripe__label--break-word { + word-break: break-word +} + +.exos-menu-stripe__label--keep-all { + word-break: keep-all +} + +.exos-menu-stripe__label--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-menu-stripe__status { + color: var(--default-text-color, #001b41); + line-height: 1.5em +} + +.exos-menu-stripe__status--exos-icon { + line-height: inherit +} + +.exos-menu-stripe__status--exos-icon:before { + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + padding-bottom: 1px; + padding-right: 3px; + vertical-align: top; + vertical-align: bottom +} + +.exos-menu-stripe__status > .exos-exos-icon { + margin-right: 3px; + vertical-align: bottom +} + +.exos-menu-stripe__status > .exos-svg-icon { + margin: 0 3px 1px 0; + pointer-events: none; + vertical-align: middle +} + +.exos-menu-stripe__status--hidden { + display: none +} + +.exos-menu-stripe__status--success { + color: var(--success-text-color, #096b35) +} + +.exos-menu-stripe__status--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-menu-stripe__status--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-menu-stripe__status--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-menu-stripe__status--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-menu-stripe__status--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-menu-stripe__status--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__status--bright { + color: var(--white, #fff) +} + +.exos-menu-stripe__status.exos-exos-icon:before { + color: var(--default-shape-color, #465a75) +} + +.exos-menu-stripe__status.exos-exos-icon--bright:before { + color: var(--white, #fff) +} + +.exos-menu-stripe__status.exos-exos-icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-menu-stripe__status.exos-exos-icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-menu-stripe__status.exos-exos-icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-menu-stripe__status.exos-exos-icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-menu-stripe__status.exos-exos-icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-menu-stripe__status.exos-exos-icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__status.exos-exos-icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-menu-stripe__status--nowrap { + white-space: nowrap +} + +.exos-menu-stripe__status--break-all { + word-break: break-all +} + +.exos-menu-stripe__status--break-word { + word-break: break-word +} + +.exos-menu-stripe__status--keep-all { + word-break: keep-all +} + +.exos-menu-stripe__status--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-menu-stripe__description { + color: var(--default-text-color, #001b41); + line-height: 1.5em +} + +.exos-menu-stripe__description + .exos-link, .exos-menu-stripe__description + .exos-toggle-link { + line-height: 1.5em +} + +.exos-menu-stripe__description--hidden { + display: none +} + +.exos-menu-stripe__description--success { + color: var(--success-text-color, #096b35) +} + +.exos-menu-stripe__description--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-menu-stripe__description--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-menu-stripe__description--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-menu-stripe__description--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-menu-stripe__description--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-menu-stripe__description--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__description--bright { + color: var(--white, #fff) +} + +.exos-menu-stripe__description.exos-exos-icon:before { + color: var(--default-shape-color, #465a75) +} + +.exos-menu-stripe__description.exos-exos-icon--bright:before { + color: var(--white, #fff) +} + +.exos-menu-stripe__description.exos-exos-icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-menu-stripe__description.exos-exos-icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-menu-stripe__description.exos-exos-icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-menu-stripe__description.exos-exos-icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-menu-stripe__description.exos-exos-icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-menu-stripe__description.exos-exos-icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__description.exos-exos-icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-menu-stripe__description--nowrap { + white-space: nowrap +} + +.exos-menu-stripe__description--break-all { + word-break: break-all +} + +.exos-menu-stripe__description--break-word { + word-break: break-word +} + +.exos-menu-stripe__description--keep-all { + word-break: keep-all +} + +.exos-menu-stripe__description--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-menu-stripe__action { + color: var(--default-text-color, #001b41); + display: block; + line-height: 1.5em; + text-align: right +} + +.exos-menu-stripe__action--hidden { + display: none +} + +.exos-menu-stripe__action--success { + color: var(--success-text-color, #096b35) +} + +.exos-menu-stripe__action--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-menu-stripe__action--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-menu-stripe__action--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-menu-stripe__action--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-menu-stripe__action--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-menu-stripe__action--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__action--bright { + color: var(--white, #fff) +} + +.exos-menu-stripe__action.exos-exos-icon:before { + color: var(--default-shape-color, #465a75) +} + +.exos-menu-stripe__action.exos-exos-icon--bright:before { + color: var(--white, #fff) +} + +.exos-menu-stripe__action.exos-exos-icon--activating:before { + color: var(--activating-text-color, #007e9c) +} + +.exos-menu-stripe__action.exos-exos-icon--success:before { + color: var(--success-text-color, #096b35) +} + +.exos-menu-stripe__action.exos-exos-icon--warning:before { + color: var(--warning-text-color, #c36b00) +} + +.exos-menu-stripe__action.exos-exos-icon--critical:before { + color: var(--critical-text-color, #c80a00) +} + +.exos-menu-stripe__action.exos-exos-icon--neutral:before { + color: var(--neutral-text-color, #465a75) +} + +.exos-menu-stripe__action.exos-exos-icon--corporate:before { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-menu-stripe__action.exos-exos-icon--promoting:before { + color: var(--promoting-text-color, #560e8a) +} + +.exos-menu-stripe__action--nowrap { + white-space: nowrap +} + +.exos-menu-stripe__action--break-all { + word-break: break-all +} + +.exos-menu-stripe__action--break-word { + word-break: break-word +} + +.exos-menu-stripe__action--keep-all { + word-break: keep-all +} + +.exos-menu-stripe__action--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-svg-icon { + height: 16px; + width: 16px +} + +.exos-svg-icon--small { + height: 14px; + width: 14px +} + +.exos-svg-icon--large { + height: 20px; + width: 20px +} + +.exos-svg-icon--larger { + height: 24px; + width: 24px +} + +.exos-svg-icon--disabled { + cursor: not-allowed; + opacity: .38 +} + +.exos-svg-icon--activating circle, .exos-svg-icon--activating ellipse, .exos-svg-icon--activating line, .exos-svg-icon--activating path, .exos-svg-icon--activating polygon, .exos-svg-icon--activating polyline, .exos-svg-icon--activating rect { + fill: var(--activating-text-color, #007e9c) +} + +.exos-svg-icon--success circle, .exos-svg-icon--success ellipse, .exos-svg-icon--success line, .exos-svg-icon--success path, .exos-svg-icon--success polygon, .exos-svg-icon--success polyline, .exos-svg-icon--success rect { + fill: var(--success-text-color, #096b35) +} + +.exos-svg-icon--warning circle, .exos-svg-icon--warning ellipse, .exos-svg-icon--warning line, .exos-svg-icon--warning path, .exos-svg-icon--warning polygon, .exos-svg-icon--warning polyline, .exos-svg-icon--warning rect { + fill: var(--warning-text-color, #c36b00) +} + +.exos-svg-icon--critical circle, .exos-svg-icon--critical ellipse, .exos-svg-icon--critical line, .exos-svg-icon--critical path, .exos-svg-icon--critical polygon, .exos-svg-icon--critical polyline, .exos-svg-icon--critical rect { + fill: var(--critical-text-color, #c80a00) +} + +.exos-svg-icon--promoting circle, .exos-svg-icon--promoting ellipse, .exos-svg-icon--promoting line, .exos-svg-icon--promoting path, .exos-svg-icon--promoting polygon, .exos-svg-icon--promoting polyline, .exos-svg-icon--promoting rect { + fill: var(--promoting-text-color, #560e8a) +} + +.exos-svg-icon--corporate circle, .exos-svg-icon--corporate ellipse, .exos-svg-icon--corporate line, .exos-svg-icon--corporate path, .exos-svg-icon--corporate polygon, .exos-svg-icon--corporate polyline, .exos-svg-icon--corporate rect { + fill: var(--corporate-text-color, #0b2a63) +} + +.exos-svg-icon--neutral circle, .exos-svg-icon--neutral ellipse, .exos-svg-icon--neutral line, .exos-svg-icon--neutral path, .exos-svg-icon--neutral polygon, .exos-svg-icon--neutral polyline, .exos-svg-icon--neutral rect { + fill: var(--neutral-text-color, #465a75) +} + +.exos-svg-icon--bright circle, .exos-svg-icon--bright ellipse, .exos-svg-icon--bright line, .exos-svg-icon--bright path, .exos-svg-icon--bright polygon, .exos-svg-icon--bright polyline, .exos-svg-icon--bright rect { + fill: var(--white, #fff) +} + +.exos-svg-icon--primary circle, .exos-svg-icon--primary ellipse, .exos-svg-icon--primary line, .exos-svg-icon--primary path, .exos-svg-icon--primary polygon, .exos-svg-icon--primary polyline, .exos-svg-icon--primary rect { + fill: var(--primary-text-color, #02102b) +} + +.exos-svg-icon--secondary circle, .exos-svg-icon--secondary ellipse, .exos-svg-icon--secondary line, .exos-svg-icon--secondary path, .exos-svg-icon--secondary polygon, .exos-svg-icon--secondary polyline, .exos-svg-icon--secondary rect { + fill: var(--secondary-text-color, #465a75) +} + +.exos-svg-icon--hidden { + display: none +} + +.exos-table { + border: var(--table-border, 0 none #0000); + border-collapse: initial; + border-radius: var(--default-border-radius, 16px); + box-shadow: var(--table-shadow, none); + box-sizing: border-box; + display: table; + margin-bottom: 32px; + table-layout: fixed; + width: 100% +} + +.exos-table--cropped { + margin-bottom: 0 +} + +.exos-table--page-context { + background: #0000; + border: none; + border-radius: 0; + box-shadow: none +} + +.exos-table .exos-table__header th:first-child { + border-top-left-radius: var(--table-border-radius, 16px) +} + +.exos-table .exos-table__header th:last-child { + border-top-right-radius: var(--table-border-radius, 16px) +} + +.exos-table.exos-table--has-toolbar tr th:first-child { + border-top-left-radius: 0 +} + +.exos-table.exos-table--has-toolbar tr th:last-child { + border-top-right-radius: 0 +} + +.exos-table--hidden { + display: none +} + +.exos-table__caption { + color: var(--default-text-color, #001b41); + font-family: var(--default-font-regular, "OpenSansRegular", arial, arial narrow, sans-serif); + font-size: var(--fourth-level-headline-size, 14px); + padding: 12px 8px 16px; + text-transform: uppercase +} + +.exos-table--borderless .exos-table__caption { + border-bottom: none +} + +.exos-table__header { + background-color: var(--table-header-background-color, #0000); + border: var(--table-border, 0 none #0000); + color: var(--default-text-color, #001b41); + display: table-row; + font-family: var(--corporate-font-regular, "OverpassRegular", arial, arial narrow, sans-serif) +} + +.exos-table__header, .exos-table__header .exos-table__cell { + box-shadow: var(--table-row-shadow, inset 0 -1px 0 0 #bcc8d4) +} + +.exos-table__header .exos-table__cell { + background-color: var(--secondary-table-search-background-color, #fff) +} + +.exos-table--borderless .exos-table__header, .exos-table--borderless .exos-table__header .exos-table__cell { + box-shadow: none +} + +.exos-table--page-context .exos-table__header { + background-color: initial +} + +.exos-table--page-context .exos-table__header--secondary { + background-color: var(--hovered-table-row-background-color, #dbedf8) +} + +.exos-table--page-context .exos-table__header .exos-table__cell { + background-color: initial +} + +.exos-table__footer { + background-color: var(--table-footer-background-color, #fff); + border-top: var(--table-border, 0 none #0000); + color: var(--secondary-text-color, #465a75); + display: table-row; + font-size: var(--small-text-size, 12px); + letter-spacing: .05em; + line-height: 1.5em +} + +.exos-table--page-context .exos-table__footer { + background-color: initial +} + +.exos-table__row { + background: var(--table-background-color, #fff); + box-shadow: var(--table-row-shadow, inset 0 -1px 0 0 #bcc8d4); + display: table-row +} + +.exos-table--borderless .exos-table__row { + box-shadow: none +} + +.exos-table--borderless .exos-table__row:hover { + background-color: inherit +} + +.exos-table--page-context .exos-table__row { + background: #0000 +} + +.exos-table--page-context .exos-table__row:hover { + background-color: var(--secondary-background-color, #fff) +} + +.exos-table--page-context .exos-table__row:last-child td { + background-color: initial +} + +.exos-table--page-context .exos-table__row:last-child:hover td { + background-color: var(--secondary-background-color, #fff) +} + +.exos-table__row:hover { + background-color: var(--hovered-table-row-background-color, #dbedf8); + box-shadow: var(--table-row-shadow, inset 0 -1px 0 0 #bcc8d4) +} + +.exos-table__row:hover .exos-context-menu__trigger, .exos-table__row:hover .exos-link, .exos-table__row:hover .exos-link-standard, .exos-table__row:hover .exos-toggle-link { + color: var(--palette-corporate-5, #095bb1) +} + +.exos-table__row:hover .exos-context-menu__trigger--active, .exos-table__row:hover .exos-context-menu__trigger:hover { + color: var(--white, #fff) +} + +.exos-table__row:hover .exos-ghost-button:not(.exos-ghost-button--neutral):not(.exos-ghost-button--critical):not(.exos-ghost-button--success) circle, .exos-table__row:hover .exos-ghost-button:not(.exos-ghost-button--neutral):not(.exos-ghost-button--critical):not(.exos-ghost-button--success) path { + fill: var(--palette-corporate-5, #095bb1) +} + +.exos-table__row:last-child { + background: #0000; + box-shadow: none +} + +.exos-table__row:last-child td { + background: var(--table-background-color, #fff) +} + +.exos-table__row:last-child:hover td { + background-color: var(--hovered-table-row-background-color, #dbedf8) +} + +.exos-table__row .exos-link, .exos-table__row .exos-toggle-link { + color: var(--palette-corporate-5, #095bb1) +} + +.exos-table__row .exos-link:hover, .exos-table__row .exos-toggle-link:hover { + color: var(--interactive-text-color, #1474c4) +} + +.exos-table__row--hidden { + display: none +} + +.exos-table__row--success, .exos-table__row--success:last-child { + box-shadow: inset 0 1px 0 0 var(--success-shape-color, #0fa954), inset 0 -1px 0 0 var(--success-shape-color, #0fa954) +} + +.exos-table__row--success:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-table__row--warning, .exos-table__row--warning:last-child { + box-shadow: inset 0 1px 0 0 var(--warning-shape-color, #fa0), inset 0 -1px 0 0 var(--warning-shape-color, #fa0) +} + +.exos-table__row--warning:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-table__row--critical, .exos-table__row--critical:last-child { + box-shadow: inset 0 1px 0 0 var(--critical-shape-color, #f50c00), inset 0 -1px 0 0 var(--critical-shape-color, #f50c00) +} + +.exos-table__row--critical:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-table__row--neutral, .exos-table__row--neutral:last-child { + box-shadow: inset 0 1px 0 0 var(--neutral-shape-color, #718095), inset 0 -1px 0 0 var(--neutral-shape-color, #718095) +} + +.exos-table__row--neutral:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-table__row--activating, .exos-table__row--activating:last-child { + box-shadow: inset 0 1px 0 0 var(--activating-shape-color, #11c7e6), inset 0 -1px 0 0 var(--activating-shape-color, #11c7e6) +} + +.exos-table__row--activating:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-table__row--corporate, .exos-table__row--corporate:last-child { + box-shadow: inset 0 1px 0 0 var(--corporate-shape-color, #001b41), inset 0 -1px 0 0 var(--corporate-shape-color, #001b41) +} + +.exos-table__row--corporate:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-table__row--promoting, .exos-table__row--promoting:last-child { + box-shadow: inset 0 1px 0 0 var(--promoting-shape-color, #b410e7), inset 0 -1px 0 0 var(--promoting-shape-color, #b410e7) +} + +.exos-table__row--promoting:last-child { + border-bottom-left-radius: var(--default-border-radius, 16px); + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-table__row--success { + background-color: var(--success-background-color, #fff) +} + +.exos-table__row--warning { + background-color: var(--warning-background-color, #fff) +} + +.exos-table__row--critical { + background-color: var(--critical-background-color, #fff) +} + +.exos-table__row--neutral { + background-color: var(--neutral-background-color, #fff) +} + +.exos-table__row--activating { + background-color: var(--activating-background-color, #fff) +} + +.exos-table__row--corporate { + background-color: var(--corporate-background-color, #fff) +} + +.exos-table__row--promoting { + background-color: var(--promoting-background-color, #fff) +} + +.exos-table__row--disabled { + cursor: not-allowed +} + +.exos-table__row--disabled .exos-table__cell .exos-button, .exos-table__row--disabled .exos-table__cell .exos-context-menu, .exos-table__row--disabled .exos-table__cell .exos-link, .exos-table__row--disabled .exos-table__cell .exos-toggle-button, .exos-table__row--disabled .exos-table__cell .exos-toggle-link { + cursor: not-allowed; + pointer-events: none +} + +.exos-table__cell { + box-sizing: border-box; + display: table-cell; + padding: 12px 8px 11px; + text-align: left; + vertical-align: top +} + +.exos-table__cell:first-child { + padding-left: 16px +} + +.exos-table__cell:last-child { + padding-right: 16px +} + +.exos-table__cell--align-center { + justify-content: center; + text-align: center +} + +.exos-table__cell--align-left { + justify-content: left; + text-align: left +} + +.exos-table__cell--align-right { + justify-content: right; + text-align: right +} + +.exos-table__cell--hidden { + display: none +} + +.exos-table__cell--ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.exos-table__cell--nowrap { + white-space: nowrap +} + +.exos-table__cell--break-all { + word-break: break-all +} + +.exos-table__cell--break-word { + word-break: break-word +} + +.exos-table__cell--keep-all { + word-break: keep-all +} + +.exos-table__cell--checkbox { + max-width: 38px; + min-width: 38px; + width: 38px +} + +.exos-table__cell--checkbox label { + padding-left: 0 +} + +.exos-table__cell--indented { + padding-left: 40px +} + +.exos-table__cell--indented .exos-exos-icon { + margin-left: -32px; + position: absolute +} + +.exos-table__cell--flyout { + padding-bottom: 8px; + padding-top: 8px; + position: relative; + text-align: right; + width: 80px +} + +.exos-table__cell--flyout .exos-context-menu__list { + right: 16px +} + +.exos-table__cell--highlighted { + background-color: var(--highlighted-table-cell-background-color, #dbe2e840) +} + +.exos-table__cell--vertical-align-bottom { + vertical-align: bottom +} + +.exos-table__cell--vertical-align-center { + vertical-align: middle +} + +.exos-table__cell--vertical-align-top { + vertical-align: top +} + +.exos-table__cell > .exos-paragraph:last-child { + margin-bottom: 0 +} + +.exos-table__cell .exos-exos-icon:not(.exos-table__selection-close) { + font-size: 16px; + line-height: 18px; + margin-right: 8px; + text-decoration: none; + vertical-align: middle +} + +.exos-table__footer .exos-table__cell { + box-sizing: border-box; + display: table-cell; + padding: 12px 8px 11px; + text-align: left; + vertical-align: top +} + +.exos-table__footer .exos-table__cell:first-child { + padding-left: 16px +} + +.exos-table__footer .exos-table__cell:last-child { + padding-right: 16px +} + +.exos-table--condensed .exos-table__cell { + padding: 7px 5px +} + +.exos-table__header .exos-table__cell { + font-family: var(--fourth-level-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--fourth-level-headline-size, 14px); + line-height: var(--fourth-level-headline-line-height, 20px); + text-transform: uppercase; + vertical-align: middle +} + +.exos-table__header .exos-table__cell:first-child { + border-top-left-radius: var(--default-border-radius, 16px) +} + +.exos-table__header .exos-table__cell:last-child { + border-top-right-radius: var(--default-border-radius, 16px) +} + +.exos-table--condensed .exos-table__cell:first-child { + padding-left: 10px +} + +.exos-table--condensed .exos-table__cell:last-child { + padding-right: 10px +} + +.exos-table--borderless .exos-table__cell:first-child { + padding-left: 0 +} + +.exos-table--borderless .exos-table__cell:last-child { + padding-right: 0 +} + +.exos-table__row:last-child .exos-table__cell--highlighted { + background-color: var(--highlighted-table-cell-background-color, #dbe2e840) +} + +.exos-table__row:last-child .exos-table__cell:first-child { + border-bottom-left-radius: var(--default-border-radius, 16px) +} + +.exos-table__row:last-child .exos-table__cell:last-child { + border-bottom-right-radius: var(--default-border-radius, 16px) +} + +.exos-table__row--selection td.exos-table__cell { + vertical-align: middle +} + +.exos-table--page-context .exos-table__header .exos-table__cell:first-child { + border-top-left-radius: 0 +} + +.exos-table--page-context .exos-table__header .exos-table__cell:last-child { + border-top-right-radius: 0 +} + +.exos-table--page-context .exos-table__row:last-child .exos-table__cell:first-child { + border-bottom-left-radius: 0 +} + +.exos-table--page-context .exos-table__row:last-child .exos-table__cell:last-child { + border-bottom-right-radius: 0 +} + +.exos-table__checkbox { + margin-left: 0 +} + +.exos-table__checkbox + label { + right: 0; + top: 0 +} + +.exos-table__check-all { + margin-left: 0 +} + +.exos-table__row--disabled .exos-table__checkbox + label { + cursor: not-allowed; + pointer-events: none +} + +.exos-table__selection-button, .exos-table__selection-text { + display: inline-block; + margin-bottom: 6px; + margin-top: 6px +} + +.exos-table__selection-text { + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif); + font-size: var(--default-text-size, 14px) +} + +.exos-table__selection-close { + color: var(--interactive-text-color, #1474c4); + cursor: pointer; + display: inline-block; + float: right; + font-size: var(--default-text-size, 14px); + padding-top: 14px +} + +.exos-table__toolbar { + background-color: var(--table-toolbar-background-color, #fff); + border: var(--table-toolbar-border, 0 none #0000); + border-bottom: var(--table-toolbar-border-bottom, 1px solid #bcc8d4); + border-radius: var(--default-border-radius, 16px) var(--default-border-radius, 16px) 0 0; + box-shadow: var(--table-toolbar-shadow, none); + display: block; + margin-bottom: var(--table-toolbar-bottom-spacing, -16px); + padding: var(--table-toolbar-padding, 24px 16px); + position: relative +} + +.exos-table__toolbar:after { + clear: both; + content: ""; + display: table +} + +.exos-table__toolbar--page-context { + background-color: initial; + border: none +} + +.exos-table__toolbar + .exos-table .exos-table__header:first-of-type th:first-child { + border-top-left-radius: 0 +} + +.exos-table__toolbar + .exos-table .exos-table__header:first-of-type th:last-child { + border-top-right-radius: 0 +} + +.exos-table-search { + background-color: var(--table-search-background-color, #fff); + border: var(--table-search-border, 0 none #0000); + border-radius: var(--default-border-radius, 16px); + box-shadow: var(--table-search-shadow, none); + display: block; + margin-bottom: 32px; + position: relative +} + +.exos-table-search__section { + display: block; + margin-bottom: 0; + padding: 24px 16px +} + +.exos-table-search__section:last-of-type { + border-radius: 0 0 var(--default-border-radius, 16px) var(--default-border-radius, 16px) +} + +.exos-table-search__section--secondary { + background-color: var(--secondary-table-search-background-color, #fff) +} + +.exos-table-search__section--separator { + border-top: 1px solid var(--table-search-border, 0 none #0000) +} + +.exos-table-search__section section > :last-child, .exos-table-search__section > :last-child { + margin-bottom: 0 +} + +.exos-table-layout-toggle { + color: var(--tertiary-shape-color, #bcc8d4); + cursor: pointer; + font-size: var(--third-level-headline-size, 16px); + padding: 3px; + text-decoration: none; + vertical-align: middle +} + +.exos-table-layout-toggle:first-child { + margin-left: 5px +} + +.exos-table-layout-toggle--active, .exos-table-layout-toggle:active, .exos-table-layout-toggle:focus, .exos-table-layout-toggle:hover { + color: var(--interactive-text-color, #1474c4) +} + +.exos-table-layout-toggle .exos-reveal-title-by-hover { + cursor: pointer +} + +.exos-table__head { + display: table-header-group +} + +.exos-table__body { + display: table-row-group +} + +.exos-toggle-link + .exos-table { + margin-top: 24px +} + +.exos-grid-01 { + width: 8.33333% +} + +.exos-grid-01, .exos-grid-02 { + box-sizing: border-box; + float: left; + min-height: 1px +} + +.exos-grid-02 { + width: 16.66667% +} + +.exos-grid-03 { + width: 25% +} + +.exos-grid-03, .exos-grid-04a { + box-sizing: border-box; + float: left; + min-height: 1px +} + +.exos-grid-04a { + width: 27.5% +} + +.exos-grid-04 { + width: 33.33333% +} + +.exos-grid-04, .exos-grid-05 { + box-sizing: border-box; + float: left; + min-height: 1px +} + +.exos-grid-05 { + width: 41.66667% +} + +.exos-grid-06 { + width: 50% +} + +.exos-grid-06, .exos-grid-07 { + box-sizing: border-box; + float: left; + min-height: 1px +} + +.exos-grid-07 { + width: 58.33333% +} + +.exos-grid-08 { + width: 66.66667% +} + +.exos-grid-08, .exos-grid-08a { + box-sizing: border-box; + float: left; + min-height: 1px +} + +.exos-grid-08a { + width: 72.5% +} + +.exos-grid-09 { + width: 75% +} + +.exos-grid-09, .exos-grid-10 { + box-sizing: border-box; + float: left; + min-height: 1px +} + +.exos-grid-10 { + width: 83.33333% +} + +.exos-grid-11 { + float: left; + width: 91.66667% +} + +.exos-grid-11, .exos-grid-12 { + box-sizing: border-box; + min-height: 1px +} + +.exos-grid-12 { + float: none; + width: auto +} + +.exos-grid-12:after { + clear: both; + content: ""; + display: table +} + +.exos-tile { + background-color: var(--tile-background-color, #0000); + border: var(--tile-border, 0 none #0000); + border-radius: var(--default-border-radius, 16px); + box-shadow: var(--tile-shadow, none); + box-sizing: border-box; + color: var(--interactive-text-color, #1474c4); + display: block; + margin-bottom: 30px; + padding: 16px; + position: relative; + text-align: center; + text-decoration: none; + transition: all .1s ease-out +} + +.exos-tile.exos-__hover, .exos-tile:active, .exos-tile:focus, .exos-tile:hover { + background-color: var(--hovered-tile-background-color, #dbedf8); + border: var(--hovered-tile-border, 0 none #0000); + box-shadow: var(--hovered-tile-shadow, none); + color: var(--hovered-interactive-text-color, #095bb1); + cursor: pointer; + outline: 0 none +} + +.exos-tile:active { + transform: scale(.98) +} + +.exos-tile:link, .exos-tile:visited { + outline: 0 none +} + +.exos-tile--filled { + background-color: var(--filled-tile-background-color, #fff); + border: var(--filled-tile-border, 0 none #0000); + box-shadow: var(--filled-tile-shadow, none); + height: 100% +} + +.exos-tile--filled.exos-__hover, .exos-tile--filled:active, .exos-tile--filled:focus, .exos-tile--filled:hover { + background-color: var(--hovered-filled-tile-background-color, #dbedf8); + border: var(--hovered-filled-tile-border, 0 none #0000); + box-shadow: var(--hovered-filled-tile-shadow, none) +} + +.exos-tile--inline { + display: inline-block +} + +.exos-tile--horizontal { + display: grid; + grid-auto-columns: auto minmax(0, 1fr); + grid-template-areas:"visual label" "visual description"; + min-height: 80px; + text-align: left +} + +.exos-tile--horizontal.exos-tile--inline { + display: inline-grid +} + +.exos-tile--distinct { + background-color: var(--palette-neutral-1, #f4f7fa) +} + +.exos-tile--bright { + background-color: var(--bright-tile-background-color, #fff); + border: var(--bright-tile-border, 0 none #0000); + box-shadow: var(--bright-tile-shadow, none) +} + +.exos-tile--bright:hover { + background-color: var(--hovered-bright-tile-background-color, #dbedf8); + border: var(--hovered-bright-tile-border, 0 none #0000); + box-shadow: var(--hovered-bright-tile-shadow, none) +} + +.exos-tile--growing { + flex-grow: 1 +} + +.exos-tile .exos-badge { + margin-bottom: 8px; + margin-right: 0; + margin-top: 20px +} + +.exos-tile--hidden { + display: none +} + +.exos-tile--primary { + background-color: var(--primary-background-color, #fff) +} + +.exos-tile--secondary { + background-color: var(--secondary-background-color, #fff) +} + +.exos-tile--tertiary { + background-color: var(--tertiary-background-color, #bcc8d4) +} + +.exos-tile--advertising { + background: var(--advertising-background-gradient-start, #003d8f); + background: linear-gradient(to bottom right, var(--advertising-background-gradient-start, #003d8f), var(--advertising-background-gradient-end, #1474c4)) +} + +.exos-tile--advertising > .exos-headline, .exos-tile--advertising > .exos-paragraph { + color: var(--white, #fff) +} + +.exos-tile__image { + display: block; + height: 64px; + margin: 0 auto 8px; + pointer-events: none; + width: auto +} + +.exos-tile__image--small { + height: 38px +} + +.exos-tile__image--bright path { + fill: var(--white, #fff) +} + +.exos-tile__image path.exos-tile__image--hover-target { + fill: var(--interactive-shape-color, #1474c4) +} + +.exos-tile--horizontal .exos-tile__image { + grid-area: visual; + height: 48px; + margin: 0 16px 0 2px +} + +.exos-tile--horizontal .exos-tile__image--small { + height: 28px +} + +.exos-tile.exos-__hover .exos-tile__image--hover-target, .exos-tile:active .exos-tile__image--hover-target, .exos-tile:focus .exos-tile__image--hover-target, .exos-tile:hover .exos-tile__image--hover-target { + fill: var(--interactive-text-color, #1474c4) +} + +.exos-tile__exos-icon, .exos-tile__icon { + color: var(--interactive-text-color, #1474c4); + display: inline-flex; + font-size: 64px; + line-height: 62.5px; + margin: 0 auto +} + +.exos-tile__exos-icon:before, .exos-tile__icon:before { + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + vertical-align: top; + vertical-align: unset +} + +.exos-tile--horizontal .exos-tile__exos-icon, .exos-tile--horizontal .exos-tile__icon { + font-size: 48px; + grid-area: visual; + line-height: 48px; + margin: 0 16px 0 2px +} + +.exos-tile--bright .exos-tile__exos-icon, .exos-tile--bright .exos-tile__icon { + color: var(--default-text-color, #001b41) +} + +.exos-tile:hover .exos-tile__exos-icon, .exos-tile:hover .exos-tile__icon { + color: var(--hovered-interactive-text-color, #095bb1) +} + +.exos-tile__label { + word-wrap: break-word; + display: block; + font-family: var(--default-font-bold, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-headline-size, 16px); + line-height: 22px; + margin: 4px auto; + overflow: hidden; + overflow-wrap: break-word; + text-overflow: ellipsis; + white-space: normal; + word-break: break-word +} + +.exos-tile__label--success { + color: var(--success-text-color, #096b35) +} + +.exos-tile__label--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-tile__label--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-tile__label--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-tile__label--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-tile__label--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-tile__label--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-tile__label--bright { + color: var(--white, #fff) +} + +.exos-tile--inline .exos-tile__label { + white-space: nowrap +} + +.exos-tile--horizontal .exos-tile__label { + grid-area: label; + margin-bottom: 0; + margin-top: 0; + text-align: left; + width: 100% +} + +.exos-tile__description { + color: var(--default-text-color, #001b41); + display: block; + font-size: var(--fourth-level-headline-size, 14px); + margin: 4px auto; + overflow: hidden; + text-overflow: ellipsis +} + +.exos-tile__description--success { + color: var(--success-text-color, #096b35) +} + +.exos-tile__description--warning { + color: var(--warning-text-color, #c36b00) +} + +.exos-tile__description--critical { + color: var(--critical-text-color, #c80a00) +} + +.exos-tile__description--neutral { + color: var(--neutral-text-color, #465a75) +} + +.exos-tile__description--activating { + color: var(--activating-text-color, #007e9c) +} + +.exos-tile__description--promoting { + color: var(--promoting-text-color, #560e8a) +} + +.exos-tile__description--corporate { + color: var(--corporate-text-color, #0b2a63) +} + +.exos-tile__description--bright { + color: var(--white, #fff) +} + +.exos-tile--horizontal .exos-tile__description { + grid-area: description; + margin-bottom: 0; + margin-top: 0; + text-align: left; + width: 100% +} + +.exos-tile__alternative-action { + bottom: 0; + cursor: pointer; + display: none; + left: 0; + margin: 0 auto; + overflow: hidden; + padding: 16px; + position: absolute; + right: 0; + text-align: center; + z-index: 1 +} + +.exos-tile--alternative .exos-tile__description, .exos-tile--alternative .exos-tile__label { + transition: all .1s ease-out +} + +.exos-tile--alternative:hover .exos-tile__description, .exos-tile--alternative:hover .exos-tile__label { + color: #0000 +} + +.exos-tile--alternative:hover .exos-tile__exos-icon, .exos-tile--alternative:hover .exos-tile__icon { + color: var(--tertiary-shape-color, #bcc8d4) +} + +.exos-tile--alternative:hover .exos-tile__image path { + fill: var(--default-shape-color, #465a75) +} + +.exos-tile--alternative.exos-tile--inline:not(.exos-tile--horizontal), .exos-tile--alternative:hover .exos-tile__alternative-action { + display: inline-block +} + +.exos-tile--bright.exos-tile--alternative:hover .exos-tile__exos-icon, .exos-tile--bright.exos-tile--alternative:hover .exos-tile__icon { + color: #ffffffbf +} + +.exos-tile--disabled { + cursor: not-allowed; + display: block; + opacity: .5; + pointer-events: none; + position: relative; + transition: all .1s ease-out +} + +.exos-tile--disabled:active, .exos-tile--disabled:focus, .exos-tile--disabled:hover { + box-shadow: var(--hovered-tile-shadow, none) +} + +.exos-tile--disabled.exos-tile--inline { + display: inline-block +} + +.exos-tile--alternative { + display: block; + position: relative; + transition: all .1s ease-out +} + +.exos-tile--alternative:active, .exos-tile--alternative:focus, .exos-tile--alternative:hover { + box-shadow: var(--hovered-tile-shadow, none) +} + +.exos-tile--alternative .exos-tile--disabled { + display: contents +} + +.exos-tile--alternative .exos-tile--disabled .exos-tile__description, .exos-tile--alternative .exos-tile--disabled .exos-tile__image, .exos-tile--alternative .exos-tile--disabled .exos-tile__label { + opacity: .5 +} + +.exos-tile--bright:not(.exos-tile--alternative):hover .exos-tile__exos-icon, .exos-tile--bright:not(.exos-tile--alternative):hover .exos-tile__icon, .exos-tile--bright:not(.exos-tile--alternative):hover .exos-tile__label { + color: var(--hovered-interactive-text-color, #095bb1) +} + +.exos-toggle { + align-items: baseline; + cursor: pointer; + display: flex; + margin-top: 0; + position: relative +} + +.exos-toggle--disabled { + cursor: not-allowed; + opacity: .5; + pointer-events: none +} + +.exos-toggle--full-width { + justify-content: space-between +} + +.exos-toggle--collapsed { + line-height: 1; + line-height: inherit +} + +.exos-toggle--collapsed:after { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-left: 0; + margin-right: -6px; + padding-left: 8px; + vertical-align: top +} + +.exos-toggle--expanded { + line-height: 1; + line-height: inherit +} + +.exos-toggle--expanded:after { + content: ""; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-left: 0; + margin-right: -6px; + padding-left: 8px; + vertical-align: top +} + +.exos-toggle__content--hidden { + display: none +} + +.exos-toggle-button { + position: relative +} + +.exos-toggle-button--disabled { + cursor: not-allowed; + opacity: .5; + pointer-events: none +} + +.exos-toggle-button--collapsed { + line-height: 1; + line-height: 24px +} + +.exos-toggle-button--collapsed:after { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-left: 0; + margin-right: -8px; + margin-top: -4px; + padding-left: 8px; + vertical-align: top; + vertical-align: middle +} + +.exos-toggle-button--expanded { + line-height: 1; + line-height: 24px +} + +.exos-toggle-button--expanded:after { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + margin-left: 0; + margin-right: -8px; + margin-top: -4px; + padding-left: 8px; + vertical-align: top; + vertical-align: middle +} + +.exos-toggle-button__content { + margin-top: 16px +} + +.exos-toggle-button__content--hidden { + display: none +} + +@font-face { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + speak: none; + font-family: exos-icon-font; + font-style: normal; + font-variant: normal; + font-weight: 400; + line-height: 1; + src: url(https://ce1.exos-uicdn.exos-net/exos/icons/exos-icon-font.exos-woff2?v=23) format("woff2"), url(https://ce1.exos-uicdn.exos-net/exos/icons/exos-icon-font.exos-woff?v=23) format("woff"); + text-transform: none +} + +.exos-exos-icon { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-family: exos-icon-font +} + +.exos-exos-icon-listitem-24:before { + content: "" +} + +.exos-exos-icon-listitemhover-24:before { + content: "" +} + +.exos-exos-icon-x-listitemhover:before { + content: "" +} + +.exos-exos-icon-x-listitem:before { + content: "" +} + +.exos-exos-icon-arrow-24:before { + content: "" +} + +.exos-exos-icon-x-arrow:before { + content: "" +} + +.exos-exos-icon-deleteinput-16:before { + content: "" +} + +.exos-exos-icon-link-action-14:before { + content: "" +} + +.exos-exos-icon-link-external-14:before { + content: "" +} + +.exos-exos-icon-link-extend-14:before { + content: "" +} + +.exos-exos-icon-link-collapse-14:before { + content: "" +} + +.exos-exos-icon-search-16:before { + content: "" +} + +.exos-exos-icon-check-26:before { + content: "" +} + +.exos-exos-icon-fail-26:before { + content: "" +} + +.exos-exos-icon-hint-26:before { + content: "" +} + +.exos-exos-icon-socialmediamanager-32:before { + content: "" +} + +.exos-exos-icon-facebookpagebuilder-32:before { + content: "" +} + +.exos-exos-icon-help-18:before { + content: "" +} + +.exos-exos-icon-branchenbuchserviceoverviewext-32:before { + content: "" +} + +.exos-exos-icon-navarrowright-16:before { + content: "" +} + +.exos-exos-icon-navarrowleft-16:before { + content: "" +} + +.exos-exos-icon-tacts-32:before { + content: "" +} + +.exos-exos-icon-settings-32:before { + content: "" +} + +.exos-exos-icon-steps-32:before { + content: "" +} + +.exos-exos-icon-form-32:before { + content: "" +} + +.exos-exos-icon-mail-16:before { + content: "" +} + +.exos-exos-icon-password-16:before { + content: "" +} + +.exos-exos-icon-smiley-16:before { + content: "" +} + +.exos-exos-icon-fax-16:before { + content: "" +} + +.exos-exos-icon-person-16:before { + content: "" +} + +.exos-exos-icon-location-32:before { + content: "" +} + +.exos-exos-icon-dashboard-32:before { + content: "" +} + +.exos-exos-icon-home-32:before { + content: "" +} + +.exos-exos-icon-sorry-16:before { + content: "" +} + +.exos-exos-icon-marker-16:before { + content: "" +} + +.exos-exos-icon-helparticle-16:before { + content: "" +} + +.exos-exos-icon-edit-16:before { + content: "" +} + +.exos-exos-icon-tactdata-32:before { + content: "" +} + +.exos-exos-icon-tract-32:before { + content: "" +} + +.exos-exos-icon-checkbox-cb100abd-16:before { + content: "" +} + +.exos-exos-icon-checkbox-cb100ef-16:before { + content: "" +} + +.exos-exos-icon-checkbox-cb100c-16:before { + content: "" +} + +.exos-exos-icon-checkbox-background-16:before { + content: "" +} + +.exos-exos-icon-radiobutton-rb100abd-16:before { + content: "" +} + +.exos-exos-icon-radiobutton-rb100ef-16:before { + content: "" +} + +.exos-exos-icon-radiobutton-rb100c-16:before { + content: "" +} + +.exos-exos-icon-radiobutton-background-16:before { + content: "" +} + +.exos-exos-icon-bullet1-16:before { + content: "" +} + +.exos-exos-icon-bullet2-16:before { + content: "" +} + +.exos-exos-icon-bullet3-16:before { + content: "" +} + +.exos-exos-icon-addavatar-48:before { + content: "" +} + +.exos-exos-icon-location-20:before { + content: "" +} + +.exos-exos-icon-desktop-20:before { + content: "" +} + +.exos-exos-icon-tablet-20:before { + content: "" +} + +.exos-exos-icon-smartphone-20:before { + content: "" +} + +.exos-exos-icon-mail-32:before { + content: "" +} + +.exos-exos-icon-downtriarrow-16:before { + content: "" +} + +.exos-exos-icon-calender-16:before { + content: "" +} + +.exos-exos-icon-messageclose-24:before { + content: "" +} + +.exos-exos-icon-messageopen-24:before { + content: "" +} + +.exos-exos-icon-messagesecurity-24:before { + content: "" +} + +.exos-exos-icon-messageimportant-24:before { + content: "" +} + +.exos-exos-icon-arrowcollapse-20:before { + content: "" +} + +.exos-exos-icon-arrowextend-20:before { + content: "" +} + +.exos-exos-icon-star-24:before { + content: "" +} + +.exos-exos-icon-staroutline-24:before { + content: "" +} + +.exos-exos-icon-check-16:before { + content: "" +} + +.exos-exos-icon-cross-16:before { + content: "" +} + +.exos-exos-icon-backup-20:before { + content: "" +} + +.exos-exos-icon-backupfile-20:before { + content: "" +} + +.exos-exos-icon-backupdatabase-20:before { + content: "" +} + +.exos-exos-icon-premium-16:before { + content: "" +} + +.exos-exos-icon-ssl-32:before { + content: "" +} + +.exos-exos-icon-delete-14:before { + content: "" +} + +.exos-exos-icon-premium-14:before { + content: "" +} + +.exos-exos-icon-group-16:before { + content: "" +} + +.exos-exos-icon-list-16:before { + content: "" +} + +.exos-exos-icon-protection-16:before { + content: "" +} + +.exos-exos-icon-resource-16:before { + content: "" +} + +.exos-exos-icon-absent-16:before { + content: "" +} + +.exos-exos-icon-trash-16:before { + content: "" +} + +.exos-exos-icon-pagenavbackwards-16:before { + content: "" +} + +.exos-exos-icon-pagenavforward-16:before { + content: "" +} + +.exos-exos-icon-forward-16:before { + content: "" +} + +.exos-exos-icon-tabletview-32:before { + content: "" +} + +.exos-exos-icon-mobileview-32:before { + content: "" +} + +.exos-exos-icon-file-32:before { + content: "" +} + +.exos-exos-icon-fileimage-32:before { + content: "" +} + +.exos-exos-icon-filevideo-32:before { + content: "" +} + +.exos-exos-icon-fileaudio-32:before { + content: "" +} + +.exos-exos-icon-warning-16:before { + content: "" +} + +.exos-exos-icon-layout-16:before { + content: "" +} + +.exos-exos-icon-searchable-16:before { + content: "" +} + +.exos-exos-icon-security-16:before { + content: "" +} + +.exos-exos-icon-performance-16:before { + content: "" +} + +.exos-exos-icon-facebook-32:before { + content: "" +} + +.exos-exos-icon-twitter-32:before { + content: "" +} + +.exos-exos-icon-googleplus-32:before { + content: "" +} + +.exos-exos-icon-community-32:before { + content: "" +} + +.exos-exos-icon-checkbox-innercheck-16:before { + content: "" +} + +.exos-exos-icon-radiobutton-innercircle-16:before { + content: "" +} + +.exos-exos-icon-informationmessage-32:before { + content: "" +} + +.exos-exos-icon-firmationmessage-32:before { + content: "" +} + +.exos-exos-icon-warningmessage-32:before { + content: "" +} + +.exos-exos-icon-errormessage-32:before { + content: "" +} + +.exos-exos-icon-fatalerrormessage-32:before { + content: "" +} + +.exos-exos-icon-domain-24:before { + content: "" +} + +.exos-exos-icon-neutral-16:before { + content: "" +} + +.exos-exos-icon-print-20:before { + content: "" +} + +.exos-exos-icon-download-20:before { + content: "" +} + +.exos-exos-icon-menue-20:before { + content: "" +} + +.exos-exos-icon-info-20:before { + content: "" +} + +.exos-exos-icon-helpdark-20:before { + content: "" +} + +.exos-exos-icon-ascending-14:before { + content: "" +} + +.exos-exos-icon-descending-14:before { + content: "" +} + +.exos-exos-icon-downloadvcard-32:before { + content: "" +} + +.exos-exos-icon-closecard-24:before { + content: "" +} + +.exos-exos-icon-mail-24:before { + content: "" +} + +.exos-exos-icon-logout-16:before { + content: "" +} + +.exos-exos-icon-user-32:before { + content: "" +} + +.exos-exos-icon-search-32:before { + content: "" +} + +.exos-exos-icon-mobile-32:before { + content: "" +} + +.exos-exos-icon-uptriarrow-16:before { + content: "" +} + +.exos-exos-icon-dialogmessage-32:before { + content: "" +} + +.exos-exos-icon-neutralmessage-32:before { + content: "" +} + +.exos-exos-icon-securitymessage-32:before { + content: "" +} + +.exos-exos-icon-promo-call-72:before { + content: "" +} + +.exos-exos-icon-promo-money-72:before { + content: "" +} + +.exos-exos-icon-flyoutmenu-16:before { + content: "" +} + +.exos-exos-icon-flyoutinfo-16:before { + content: "" +} + +.exos-exos-icon-plus-16:before { + content: "" +} + +.exos-exos-icon-pause-16:before { + content: "" +} + +.exos-exos-icon-queued-16:before { + content: "" +} + +.exos-exos-icon-code-16:before { + content: "" +} + +.exos-exos-icon-nav-sidebar-20:before { + content: "" +} + +.exos-exos-icon-nav-close-20:before { + content: "" +} + +.exos-exos-icon-nav-open-20:before { + content: "" +} + +.exos-exos-icon-nav-notify-16:before { + content: "" +} + +.exos-exos-icon-nav-search-16:before { + content: "" +} + +.exos-exos-icon-nav-user-16:before { + content: "" +} + +.exos-exos-icon-beta-32:before { + content: "" +} + +.exos-exos-icon-webanalytics-32:before { + content: "" +} + +.exos-exos-icon-openwindow-20:before { + content: "" +} + +.exos-exos-icon-message-16:before { + content: "" +} + +.exos-exos-icon-read-16:before { + content: "" +} + +.exos-exos-icon-centerserver-32:before { + content: "" +} + +.exos-exos-icon-nav-back-20:before { + content: "" +} + +.exos-exos-icon-folder-16:before { + content: "" +} + +.exos-exos-icon-messageimportant-16:before { + content: "" +} + +.exos-exos-icon-folder-open-16:before { + content: "" +} + +.exos-exos-icon-folder-upload-16:before { + content: "" +} + +.exos-exos-icon-folder-download-16:before { + content: "" +} + +.exos-exos-icon-folder-plus-16:before { + content: "" +} + +.exos-exos-icon-folder-minus-16:before { + content: "" +} + +.exos-exos-icon-smiley-happy-32:before { + content: "" +} + +.exos-exos-icon-smiley-smile-32:before { + content: "" +} + +.exos-exos-icon-smiley-disappointed-32:before { + content: "" +} + +.exos-exos-icon-nav-lock-16:before { + content: "" +} + +.exos-exos-icon-nav-lookup-16:before { + content: "" +} + +.exos-exos-icon-nav-new-16:before { + content: "" +} + +.exos-exos-icon-nav-lock-close-16:before { + content: "" +} + +.exos-exos-icon-wakeup-24:before { + content: "" +} + +.exos-exos-icon-call-64:before { + content: "" +} + +.exos-exos-icon-community-64:before { + content: "" +} + +.exos-exos-icon-contact-callback-64:before { + content: "" +} + +.exos-exos-icon-contact-livechat-64:before { + content: "" +} + +.exos-exos-icon-contact-mail-64:before { + content: "" +} + +.exos-exos-icon-domain-64:before { + content: "" +} + +.exos-exos-icon-security-check-fill-16:before { + content: "" +} + +.exos-exos-icon-security-check-border-16:before { + content: "" +} + +.exos-exos-icon-pagenavend-16:before { + content: "" +} + +.exos-exos-icon-pagenavstart-16:before { + content: "" +} + +.exos-exos-icon-security-check-fill-64:before { + content: "" +} + +.exos-exos-icon-security-check-border-64:before { + content: "" +} + +.exos-exos-icon-favstar-16:before { + content: "" +} + +.exos-exos-icon-cpnews-58:before { + content: "" +} + +.exos-exos-icon-help-protection-64:before { + content: "" +} + +.exos-exos-icon-thumbup-32:before { + content: "" +} + +.exos-exos-icon-help-contract-64:before { + content: "" +} + +.exos-exos-icon-help-privacyprotection-64:before { + content: "" +} + +.exos-exos-icon-help-settings-64:before { + content: "" +} + +.exos-exos-icon-help-address-64:before { + content: "" +} + +.exos-exos-icon-bullet4-16:before { + content: "" +} + +.exos-exos-icon-bullet5-16:before { + content: "" +} + +.exos-exos-icon-bullet6-16:before { + content: "" +} + +.exos-exos-icon-bullet7-16:before { + content: "" +} + +.exos-exos-icon-bullet8-16:before { + content: "" +} + +.exos-exos-icon-bullet9-16:before { + content: "" +} + +.exos-exos-icon-promo-helpcenter-72:before { + content: "" +} + +.exos-exos-icon-promo-contactserivce-72:before { + content: "" +} + +.exos-exos-icon-meinekontaktwuensche-32:before { + content: "" +} + +.exos-exos-icon-back-arrow-24:before { + content: "" +} + +.exos-exos-icon-icon-beta:before { + content: "" +} + +.exos-exos-icon-server-and-cloud-64:before { + content: "" +} + +.exos-exos-icon-anhang-24:before { + content: "" +} + +.exos-exos-icon-mobilesitedashboard-32:before { + content: "" +} + +.exos-exos-icon-office-58:before { + content: "" +} + +.exos-exos-icon-mobile-64:before { + content: "" +} + +.exos-exos-icon-desktop-64:before { + content: "" +} + +.exos-exos-icon-android-64:before { + content: "" +} + +.exos-exos-icon-apple-64:before { + content: "" +} + +.exos-exos-icon-call-24:before { + content: "" +} + +.exos-exos-icon-myaccount-64:before { + content: "" +} + +.exos-exos-icon-sevdesk-64:before { + content: "" +} + +.exos-exos-icon-rankingcoach-64:before { + content: "" +} + +.exos-exos-icon-lightbulb-leer-14:before { + content: "" +} + +.exos-exos-icon-clipboard-copy-14:before { + content: "" +} + +.exos-exos-icon-administrate-14:before { + content: "" +} + +.exos-exos-icon-livechat-58:before { + content: "" +} + +.exos-exos-icon-emailform-58:before { + content: "" +} + +.exos-exos-icon-callback-58:before { + content: "" +} + +.exos-exos-icon-dls-and-mobil-64:before { + content: "" +} + +.exos-exos-icon-download-document-14:before { + content: "" +} + +.exos-exos-icon-feedback-14:before { + content: "" +} + +.exos-exos-icon-ccagent-14:before { + content: "" +} + +.exos-exos-icon-file-powerpoint-16:before { + content: "" +} + +.exos-exos-icon-file-word-16:before { + content: "" +} + +.exos-exos-icon-file-excel-16:before { + content: "" +} + +.exos-exos-icon-file-music-16:before { + content: "" +} + +.exos-exos-icon-file-pdf-16:before { + content: "" +} + +.exos-exos-icon-file-picture-16:before { + content: "" +} + +.exos-exos-icon-file-text-16:before { + content: "" +} + +.exos-exos-icon-file-video-16:before { + content: "" +} + +.exos-exos-icon-file-16:before { + content: "" +} + +.exos-exos-icon-folder-small-16:before { + content: "" +} + +.exos-exos-icon-wrench-16:before { + content: "" +} + +.exos-exos-icon-file-javascript-16:before { + content: "" +} + +.exos-exos-icon-file-perl-16:before { + content: "" +} + +.exos-exos-icon-file-shell-16:before { + content: "" +} + +.exos-exos-icon-file-python-16:before { + content: "" +} + +.exos-exos-icon-file-php-16:before { + content: "" +} + +.exos-exos-icon-file-css-16:before { + content: "" +} + +.exos-exos-icon-file-zip-16:before { + content: "" +} + +.exos-exos-icon-file-sql-16:before { + content: "" +} + +.exos-exos-icon-file-xml-16:before { + content: "" +} + +.exos-exos-icon-file-html-16:before { + content: "" +} + +.exos-exos-icon-json-16:before { + content: "" +} + +.exos-exos-icon-upload-16:before { + content: "" +} + +.exos-exos-icon-exchange-16:before { + content: "" +} + +.exos-exos-icon-mail-business-16:before { + content: "" +} + +.exos-exos-icon-usage-data-48:before { + content: "" +} + +.exos-exos-icon-call-16:before { + content: "" +} + +.exos-exos-icon-crown-20:before { + content: "" +} + +.exos-exos-icon-onelogoondark:before { + content: "" +} + +.exos-exos-icon-contract-48:before { + content: "" +} + +.exos-exos-icon-database-more-48:before { + content: "" +} + +.exos-exos-icon-invoice-48:before { + content: "" +} + +.exos-exos-icon-lock-48:before { + content: "" +} + +.exos-exos-icon-domain-48:before { + content: "" +} + +.exos-exos-icon-email-48:before { + content: "" +} + +.exos-exos-icon-hosting-48:before { + content: "" +} + +.exos-exos-icon-accounting-48:before { + content: "" +} + +.exos-exos-icon-online-marketing-48:before { + content: "" +} + +.exos-exos-icon-security-48:before { + content: "" +} + +.exos-exos-icon-servers-and-cloud-48:before { + content: "" +} + +.exos-exos-icon-website-48:before { + content: "" +} + +.exos-exos-icon-more-48:before { + content: "" +} + +.exos-exos-icon-digitalisation-48:before { + content: "" +} + +.exos-exos-icon-shoppingcart-16:before { + content: "" +} + +.exos-exos-icon-show-16:before { + content: "" +} + +.exos-exos-icon-hide-16:before { + content: "" +} + +.exos-exos-icon-webpro-16:before { + content: "" +} + +.exos-exos-icon-donut-16:before { + content: "" +} + +.exos-exos-icon-home-16:before { + content: "" +} + +.exos-exos-icon-ionosondark:before { + content: "" +} + +.exos-exos-icon-onelogoondark_two:before { + content: "" +} + +.exos-exos-icon-ionos_empty:before { + content: "" +} + +.exos-exos-icon-microphone-16:before { + content: "" +} + +.exos-exos-icon-home-24:before { + content: "" +} + +.exos-exos-icon-shield-24:before { + content: "" +} + +.exos-exos-icon-retry-16:before { + content: "" +} + +.exos-exos-icon-transfer-16:before { + content: "" +} + +.exos-exos-icon-smiley-filled-16:before { + content: "" +} + +.exos-exos-icon-rocket-16:before { + content: "" +} + +.exos-exos-icon-pricetag-star-16:before { + content: "" +} + +.exos-exos-icon-present-16:before { + content: "" +} + +.exos-exos-icon-recommendation-16:before { + content: "" +} + +.exos-exos-icon-sun-16:before { + content: "" +} + +.exos-exos-icon-folder-select-16:before { + content: "" +} + +.exos-exos-icon-folder-open-select-16:before { + content: "" +} + +.exos-exos-icon-arsys-logo:before { + content: "" +} + +.exos-exos-icon-mail-assistance-16:before { + content: "" +} + +.exos-exos-icon-in-memory-db-16:before { + content: "" +} + +.exos-exos-icon-maria-db-16:before { + content: "" +} + +.exos-exos-icon-mongo-db-16:before { + content: "" +} + +.exos-exos-icon-postgre-sql-16:before { + content: "" +} + +.exos-exos-icon-ai:before { + content: "" +} + +.exos-exos-icon-info-1:before { + content: "" +} + +.exos-exos-icon-trash:before { + content: "" +} + +.exos-exos-icon-info-filled-16:before { + content: "" +} + +.exos-exos-icon-info-outlined-16:before { + content: "" +} + +.exos-toggle-link--collapsed { + line-height: 1 +} + +.exos-toggle-link--collapsed:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + overflow: hidden; + vertical-align: top; + vertical-align: inherit +} + +.exos-toggle-link--expanded { + line-height: 1 +} + +.exos-toggle-link--expanded:before { + content: ""; + display: inline-block; + font-family: exos-icon-font; + font-style: normal; + font-weight: 400 !important; + overflow: hidden; + vertical-align: top; + vertical-align: inherit +} + +.exos-toggle-link__content--hidden { + display: none +} + +.exos-tooltip { + cursor: help +} + +.exos-tooltip.exos-link, .exos-tooltip.exos-toggle-link { + cursor: pointer +} + +.exos-tooltip--hidden { + display: none +} + +.exos-tooltip__element { + background-color: var(--tertiary-background-color-inverted, #718095); + border-radius: var(--small-border-radius, 8px); + box-shadow: var(--primary-shadow, 0 2px 8px 0 #71809580); + color: var(--white, #fff); + cursor: default; + display: none; + line-height: 1.538em; + margin-top: 18px; + max-width: 200px; + opacity: 0; + padding: 8px; + position: absolute; + text-align: center; + transition: margin-top .2s ease-out .25s, opacity .15s ease-out .25s; + visibility: hidden +} + +.exos-tooltip__element--active { + display: table; + margin-top: 8px; + opacity: 1; + visibility: visible; + z-index: 10 +} + +@media only screen and (max-width: 1184px) { + .exos-oao-pi-flyin.exos-__left-navigation-active .exos-oao-pi-overlay-container, .exos-oao-pi-flyin.exos-__left-navigation-active.exos-oao-pi-animation .exos-oao-pi-overlay-container { + right: -368px + } + + .exos-left-navigation { + left: -268px; + overflow-x: hidden; + overflow-y: hidden + } + + .exos-left-navigation__toggle, .exos-oao-navi-burger.exos-left-navigation__toggle { + display: inherit + } + + .exos-__left-navigation-active { + overflow-x: hidden; + overflow-y: hidden; + position: fixed; + width: 100% + } + + .exos-__left-navigation-active .exos-left-navigation { + left: 0 + } + + .exos-__left-navigation-active .exos-left-navigation__blocker { + bottom: 0; + opacity: .62; + right: 0 + } + + .exos-__has-left-navigation .exos-page-footer__block, .exos-__has-left-navigation .exos-page-header, .exos-__has-left-navigation .exos-page-section { + padding-left: 32px + } +} + +@media only screen and (min-width: 993px) { + .exos-grid--large-align-center { + align-items: center; + display: flex; + flex-flow: column + } + + .exos-grid--large-align-left { + align-items: flex-start; + display: flex; + flex-flow: column + } + + .exos-grid--large-align-right { + align-items: flex-end; + display: flex; + flex-flow: column + } + + .exos-grid--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-grid--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-grid--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-grid-col--large-1 { + width: 8.333333% + } + + .exos-grid-col--large-2 { + width: 16.666667% + } + + .exos-grid-col--large-3 { + width: 25% + } + + .exos-grid-col--large-4 { + width: 33.333333% + } + + .exos-grid-col--large-5 { + width: 41.666667% + } + + .exos-grid-col--large-6 { + width: 50% + } + + .exos-grid-col--large-7 { + width: 58.333333% + } + + .exos-grid-col--large-8 { + width: 66.666667% + } + + .exos-grid-col--large-9 { + width: 75% + } + + .exos-grid-col--large-10 { + width: 83.333333% + } + + .exos-grid-col--large-11 { + width: 91.666667% + } + + .exos-grid-col--large-12 { + width: 100% + } + + .exos-grid-col--large-spacing-bottom { + padding-bottom: 15px + } + + .exos-grid-col--large-spacing-left { + padding-left: 15px; + padding-right: 0 + } + + .exos-grid-col--large-spacing-right { + padding-left: 0; + padding-right: 15px + } + + .exos-grid-col--large-spacing-top { + padding-top: 15px + } + + .exos-grid-col--large-spacing-none { + padding-left: 0; + padding-right: 0 + } + + .exos-grid-col--large-separator-left { + border-left: 1px solid var(--tertiary-shape-color, #bcc8d4, #bcc8d4) + } + + .exos-grid-col--large-separator-right { + border-right: 1px solid var(--tertiary-shape-color, #bcc8d4, #bcc8d4) + } + + .exos-grid-col--large-hidden { + box-sizing: border-box; + display: none !important; + width: 0 + } + + .exos-grid-col--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-grid-col--large-align-center { + align-items: center; + display: flex; + flex-flow: column + } + + .exos-grid-col--large-align-left { + align-items: flex-start; + display: flex; + flex-flow: column + } + + .exos-grid-col--large-align-right { + align-items: flex-end; + display: flex; + flex-flow: column + } + + .exos-grid-col--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-grid-col--large-vertical-align-center { + align-self: center + } + + .exos-grid-col--large-vertical-align-middle { + vertical-align: middle + } + + .exos-grid-col--large-vertical-align-top { + align-self: flex-start + } + + .exos-grid--full-height .exos-grid-col--large-hidden { + box-sizing: border-box; + display: none !important; + width: 0 + } + + .exos-accordion--large-hidden { + display: none + } + + .exos-accordion__item-header--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-badge--large-hidden, .exos-breadcrumb--large-hidden { + display: none + } + + .exos-button--large-align-center { + justify-content: center; + text-align: center + } + + .exos-button--large-align-left { + justify-content: left; + text-align: left + } + + .exos-button--large-align-right { + justify-content: right; + text-align: right + } + + .exos-button--large-hidden { + display: none + } + + .exos-button--large-full-width { + width: 100% + } + + .exos-button--large-nowrap { + white-space: nowrap + } + + .exos-button--large-break-all { + word-break: break-all + } + + .exos-button--large-break-word { + word-break: break-word + } + + .exos-button--large-keep-all { + word-break: keep-all + } + + .exos-button--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-button--large-icon-only { + padding-left: 9px; + padding-right: 9px; + width: 36px + } + + .exos-button--large-icon-only .exos-button__text { + display: none + } + + .exos-button-container--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-button-container--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-button-container--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-ghost-button--large-full-width { + display: block; + margin-right: 0; + text-align: center + } + + .exos-ghost-button--large-align-center { + justify-content: center; + text-align: center + } + + .exos-ghost-button--large-align-left { + justify-content: left; + text-align: left + } + + .exos-ghost-button--large-align-right { + justify-content: right; + text-align: right + } + + .exos-ghost-button--large-hidden { + display: none + } + + .exos-ghost-button--large-break-all { + word-break: break-all + } + + .exos-ghost-button--large-break-word { + word-break: break-word + } + + .exos-ghost-button--large-keep-all { + word-break: keep-all + } + + .exos-ghost-button--large-nowrap { + white-space: nowrap + } + + .exos-ghost-button--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-ghost-button--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-ghost-button--large-vertical-align-center { + align-self: center + } + + .exos-ghost-button--large-vertical-align-middle { + vertical-align: middle + } + + .exos-ghost-button--large-vertical-align-top { + align-self: flex-start + } + + .exos-card--large-hidden { + display: none + } + + .exos-card--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-card__header--large-align-center { + justify-content: center; + text-align: center + } + + .exos-card__header--large-align-left { + justify-content: left; + text-align: left + } + + .exos-card__header--large-align-right { + justify-content: right; + text-align: right + } + + .exos-card__content--large-align-center { + justify-content: center; + text-align: center + } + + .exos-card__content--large-align-left { + justify-content: left; + text-align: left + } + + .exos-card__content--large-align-right { + justify-content: right; + text-align: right + } + + .exos-card__section--large-align-center { + justify-content: center; + text-align: center + } + + .exos-card__section--large-align-left { + justify-content: left; + text-align: left + } + + .exos-card__section--large-align-right { + justify-content: right; + text-align: right + } + + .exos-card__section--large-hidden { + display: none + } + + .exos-card__section--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-card__section--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-card__section--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-card__headline--large-align-center { + justify-content: center; + text-align: center + } + + .exos-card__headline--large-align-left { + justify-content: left; + text-align: left + } + + .exos-card__headline--large-align-right { + justify-content: right; + text-align: right + } + + .exos-card__headline--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-card__headline--large-nowrap { + white-space: nowrap + } + + .exos-card__headline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-card__headline--large-break-all { + word-break: break-all + } + + .exos-card__headline--large-break-word { + word-break: break-word + } + + .exos-card__headline--large-keep-all { + word-break: keep-all + } + + .exos-card__preheadline--large-break-all { + word-break: break-all + } + + .exos-card__preheadline--large-break-word { + word-break: break-word + } + + .exos-card__preheadline--large-keep-all { + word-break: keep-all + } + + .exos-card__preheadline--large-nowrap { + white-space: nowrap + } + + .exos-card__preheadline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-card__subheadline--large-break-all { + word-break: break-all + } + + .exos-card__subheadline--large-break-word { + word-break: break-word + } + + .exos-card__subheadline--large-keep-all { + word-break: keep-all + } + + .exos-card__subheadline--large-nowrap { + white-space: nowrap + } + + .exos-card__subheadline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-card__icon-container .exos-card__icon--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-card__icon-container .exos-card__icon--large-vertical-align-center { + align-self: center + } + + .exos-card__icon-container .exos-card__icon--large-vertical-align-middle { + vertical-align: middle + } + + .exos-card__icon-container .exos-card__icon--large-vertical-align-top { + align-self: flex-start + } + + .exos-card__icon-container .exos-card__headline-container--large-align-center { + justify-content: center; + text-align: center + } + + .exos-card__icon-container .exos-card__headline-container--large-align-left { + justify-content: left; + text-align: left + } + + .exos-card__icon-container .exos-card__headline-container--large-align-right { + justify-content: right; + text-align: right + } + + .exos-card__footer > a--large-hidden, .exos-card__footer > a.exos-ghost-button--large-hidden, .exos-card__footer > button--large-hidden, .exos-card__footer > button.exos-ghost-button--large-hidden, .exos-card__footer > p--large-hidden, .exos-card__footer > p.exos-ghost-button--large-hidden { + display: none + } + + .exos-card__footer--large-align-center { + justify-content: center; + text-align: center + } + + .exos-card__footer--large-align-left { + justify-content: left; + text-align: left + } + + .exos-card__footer--large-align-right { + justify-content: right; + text-align: right + } + + .exos-card__footer--large-hidden { + display: none + } + + .exos-card__footer--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-card__footer--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-card__footer--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-context-menu--large-hidden, .exos-form-stripe--large-hidden { + display: none + } + + .exos-form-stripe--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-form-stripe--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-form-stripe--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-label--large-hidden { + display: none + } + + .exos-label--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-form-text--large-hidden, .exos-input-byline--large-hidden { + display: none + } + + .exos-input-byline--large-full-width { + width: 100% + } + + .exos-input-button-combination--large-hidden, .exos-input-text--large-hidden, .exos-input-text-group--large-hidden, .exos-input-textarea--large-hidden { + display: none + } + + .exos-headline--large-align-center { + justify-content: center; + text-align: center + } + + .exos-headline--large-align-left { + justify-content: left; + text-align: left + } + + .exos-headline--large-align-right { + justify-content: right; + text-align: right + } + + .exos-headline--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-headline--large-hidden { + display: none + } + + .exos-headline--large-nowrap { + white-space: nowrap + } + + .exos-headline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline--large-break-all { + word-break: break-all + } + + .exos-headline--large-break-word { + word-break: break-word + } + + .exos-headline--large-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__icon--large-hidden { + display: none + } + + .exos-headline-icon-group__icon--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-headline-icon-group__icon--large-vertical-align-center { + align-self: center + } + + .exos-headline-icon-group__icon--large-vertical-align-middle { + vertical-align: middle + } + + .exos-headline-icon-group__icon--large-vertical-align-top { + align-self: flex-start + } + + .exos-headline-icon-group__headline--large-hidden { + display: none + } + + .exos-headline-icon-group__headline--large-break-all { + word-break: break-all + } + + .exos-headline-icon-group__headline--large-break-word { + word-break: break-word + } + + .exos-headline-icon-group__headline--large-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__headline--large-nowrap { + white-space: nowrap + } + + .exos-headline-icon-group__headline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline-icon-group__preheadline--large-hidden { + display: none + } + + .exos-headline-icon-group__preheadline--large-break-all { + word-break: break-all + } + + .exos-headline-icon-group__preheadline--large-break-word { + word-break: break-word + } + + .exos-headline-icon-group__preheadline--large-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__preheadline--large-nowrap { + white-space: nowrap + } + + .exos-headline-icon-group__preheadline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline-icon-group__paragraph--large-hidden { + display: none + } + + .exos-headline-icon-group__paragraph--large-break-all { + word-break: break-all + } + + .exos-headline-icon-group__paragraph--large-break-word { + word-break: break-word + } + + .exos-headline-icon-group__paragraph--large-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__paragraph--large-nowrap { + white-space: nowrap + } + + .exos-headline-icon-group__paragraph--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline-icon-group__headline-container--large-align-center { + justify-content: center; + text-align: center + } + + .exos-headline-icon-group__headline-container--large-align-left { + justify-content: left; + text-align: left + } + + .exos-headline-icon-group__headline-container--large-align-right { + justify-content: right; + text-align: right + } + + .exos-headline-icon-group__headline-container--large-full-width { + width: 100% + } + + .exos-horizontal-card--large-hidden { + display: none + } + + .exos-horizontal-card__header--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-horizontal-card__header--large-vertical-align-center { + align-self: center + } + + .exos-horizontal-card__header--large-vertical-align-middle { + vertical-align: middle + } + + .exos-horizontal-card__header--large-vertical-align-top { + align-self: flex-start + } + + .exos-horizontal-card__content--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-horizontal-card__content--large-vertical-align-center { + align-self: center + } + + .exos-horizontal-card__content--large-vertical-align-middle { + vertical-align: middle + } + + .exos-horizontal-card__content--large-vertical-align-top { + align-self: flex-start + } + + .exos-horizontal-card__footer--large-align-center { + justify-content: center; + text-align: center + } + + .exos-horizontal-card__footer--large-align-left { + justify-content: left; + text-align: left + } + + .exos-horizontal-card__footer--large-align-right { + justify-content: right; + text-align: right + } + + .exos-horizontal-card__footer--large-hidden { + display: none + } + + .exos-horizontal-card__section--large-align-center { + justify-content: center; + text-align: center + } + + .exos-horizontal-card__section--large-align-left { + justify-content: left; + text-align: left + } + + .exos-horizontal-card__section--large-align-right { + justify-content: right; + text-align: right + } + + .exos-horizontal-card__section--large-hidden { + display: none + } + + .exos-horizontal-card__section--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-horizontal-card__section--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-horizontal-card__section--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-horizontal-card__headline--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-horizontal-card__headline--large-nowrap { + white-space: nowrap + } + + .exos-horizontal-card__headline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-horizontal-card__headline--large-break-all { + word-break: break-all + } + + .exos-horizontal-card__headline--large-break-word { + word-break: break-word + } + + .exos-horizontal-card__headline--large-keep-all { + word-break: keep-all + } + + .exos-horizontal-card__preheadline--large-break-all { + word-break: break-all + } + + .exos-horizontal-card__preheadline--large-break-word { + word-break: break-word + } + + .exos-horizontal-card__preheadline--large-keep-all { + word-break: keep-all + } + + .exos-horizontal-card__preheadline--large-nowrap { + white-space: nowrap + } + + .exos-horizontal-card__preheadline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-horizontal-card__subheadline--large-break-all { + word-break: break-all + } + + .exos-horizontal-card__subheadline--large-break-word { + word-break: break-word + } + + .exos-horizontal-card__subheadline--large-keep-all { + word-break: keep-all + } + + .exos-horizontal-card__subheadline--large-nowrap { + white-space: nowrap + } + + .exos-horizontal-card__subheadline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-horizontal-separator--large-hidden { + display: none + } + + .exos-link--large-align-center { + justify-content: center; + text-align: center + } + + .exos-link--large-align-left { + justify-content: left; + text-align: left + } + + .exos-link--large-align-right { + justify-content: right; + text-align: right + } + + .exos-link--large-hidden { + display: none + } + + .exos-link--large-break-all { + word-break: break-all + } + + .exos-link--large-break-word { + word-break: break-word + } + + .exos-link--large-keep-all { + word-break: keep-all + } + + .exos-link--large-nowrap { + white-space: nowrap + } + + .exos-link--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-link--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-link--large-vertical-align-center { + align-self: center + } + + .exos-link--large-vertical-align-middle { + vertical-align: middle + } + + .exos-link--large-vertical-align-top { + align-self: flex-start + } + + .exos-link-container--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-link-container--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-link-container--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-list--large-align-center { + justify-content: center; + text-align: center + } + + .exos-list--large-align-left { + justify-content: left; + text-align: left + } + + .exos-list--large-align-right { + justify-content: right; + text-align: right + } + + .exos-list--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-list--large-hidden { + display: none + } + + .exos-bullet-list--large-align-center { + justify-content: center; + text-align: center + } + + .exos-bullet-list--large-align-left { + justify-content: left; + text-align: left + } + + .exos-bullet-list--large-align-right { + justify-content: right; + text-align: right + } + + .exos-bullet-list--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-bullet-list--large-hidden, .exos-bullet-list > li--large-hidden { + display: none + } + + .exos-check-list--large-align-center { + justify-content: center; + text-align: center + } + + .exos-check-list--large-align-left { + justify-content: left; + text-align: left + } + + .exos-check-list--large-align-right { + justify-content: right; + text-align: right + } + + .exos-check-list--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-check-list--large-hidden, .exos-check-list > li--large-hidden { + display: none + } + + .exos-icon-list--large-align-center { + justify-content: center; + text-align: center + } + + .exos-icon-list--large-align-left { + justify-content: left; + text-align: left + } + + .exos-icon-list--large-align-right { + justify-content: right; + text-align: right + } + + .exos-icon-list--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-icon-list--large-hidden, .exos-icon-list > li--large-hidden { + display: none + } + + .exos-ordered-list--large-align-center { + justify-content: center; + text-align: center + } + + .exos-ordered-list--large-align-left { + justify-content: left; + text-align: left + } + + .exos-ordered-list--large-align-right { + justify-content: right; + text-align: right + } + + .exos-ordered-list--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-ordered-list--large-hidden { + display: none + } + + .exos-link-list--large-align-center { + justify-content: center; + text-align: center + } + + .exos-link-list--large-align-left { + justify-content: left; + text-align: left + } + + .exos-link-list--large-align-right { + justify-content: right; + text-align: right + } + + .exos-link-list--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-link-list--large-hidden, .exos-page-footer--large-hidden { + display: none + } + + .exos-page-footer__section--large-align-center { + justify-content: center; + text-align: center + } + + .exos-page-footer__section--large-align-left { + justify-content: left; + text-align: left + } + + .exos-page-footer__section--large-align-right { + justify-content: right; + text-align: right + } + + .exos-page-footer__section--large-hidden { + display: none + } + + .exos-page-footer__section-item--large-align-center { + justify-content: center; + text-align: center + } + + .exos-page-footer__section-item--large-align-left { + justify-content: left; + text-align: left + } + + .exos-page-footer__section-item--large-align-right { + justify-content: right; + text-align: right + } + + .exos-page-footer__section-item--large-hidden { + display: none + } + + .exos-oao-pi-flyin .exos-page-footer__block { + padding-left: 32px; + padding-right: 392px + } + + .exos-page-header--large-hidden { + display: none + } + + .exos-page-header__headline--large-break-all { + word-break: break-all + } + + .exos-page-header__headline--large-break-word { + word-break: break-word + } + + .exos-page-header__headline--large-keep-all { + word-break: keep-all + } + + .exos-page-header__headline--large-nowrap { + white-space: nowrap + } + + .exos-page-header__headline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-oao-pi-flyin .exos-page-header { + padding-left: 32px; + padding-right: 392px + } + + .exos-message__footer--large-align-center { + justify-content: center; + text-align: center + } + + .exos-message__footer--large-align-left { + justify-content: left; + text-align: left + } + + .exos-message__footer--large-align-right { + justify-content: right; + text-align: right + } + + .exos-message__footer--large-hidden { + display: none + } + + .exos-message__footer--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-message__footer--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-message__footer--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-page-section--large-align-center { + justify-content: center; + text-align: center + } + + .exos-page-section--large-align-left { + justify-content: left; + text-align: left + } + + .exos-page-section--large-align-right { + justify-content: right; + text-align: right + } + + .exos-page-section--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-page-section--large-hidden { + display: none + } + + .exos-oao-pi-flyin .exos-page-section { + padding-left: 32px; + padding-right: 392px + } + + .exos-page-tabbar--large-hidden, .exos-page-tabbar__item--large-hidden, .exos-panel--large-hidden { + display: none + } + + .exos-panel__item--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-panel__headline--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-panel__headline--large-vertical-align-center { + align-self: center + } + + .exos-panel__headline--large-vertical-align-middle { + vertical-align: middle + } + + .exos-panel__headline--large-vertical-align-top { + align-self: flex-start + } + + .exos-panel__subheadline--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-panel__subheadline--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-panel__subheadline--large-vertical-align-center { + align-self: center + } + + .exos-panel__subheadline--large-vertical-align-middle { + vertical-align: middle + } + + .exos-panel__subheadline--large-vertical-align-top { + align-self: flex-start + } + + .exos-paragraph--large-align-center { + justify-content: center; + text-align: center + } + + .exos-paragraph--large-align-left { + justify-content: left; + text-align: left + } + + .exos-paragraph--large-align-right { + justify-content: right; + text-align: right + } + + .exos-paragraph--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-paragraph--large-full-width { + width: 100% + } + + .exos-paragraph--large-hidden { + display: none + } + + .exos-paragraph--large-nowrap { + white-space: nowrap + } + + .exos-paragraph--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-paragraph--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-paragraph--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-paragraph--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-paragraph--large-break-all { + word-break: break-all + } + + .exos-paragraph--large-break-word { + word-break: break-word + } + + .exos-paragraph--large-keep-all { + word-break: keep-all + } + + .exos-popover__section--large-align-center { + justify-content: center; + text-align: center + } + + .exos-popover__section--large-align-left { + justify-content: left; + text-align: left + } + + .exos-popover__section--large-align-right { + justify-content: right; + text-align: right + } + + .exos-popover__footer > a--large-hidden, .exos-popover__footer > button--large-hidden, .exos-popover__footer > p--large-hidden { + display: none + } + + .exos-popover__footer--large-align-center { + justify-content: center; + text-align: center + } + + .exos-popover__footer--large-align-left { + justify-content: left; + text-align: left + } + + .exos-popover__footer--large-align-right { + justify-content: right; + text-align: right + } + + .exos-popover__footer--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-popover__footer--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-popover__footer--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-price--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-price--large-align-right { + align-items: flex-end; + display: flex; + flex-flow: column; + gap: 0 4px + } + + .exos-price--large-align-right.exos-price--small { + align-items: baseline; + flex-flow: wrap; + justify-content: flex-end + } + + .exos-price--large-align-right .exos-toggle__content:not(.exos-toggle__content--hidden) { + align-items: flex-end; + display: flex; + flex-direction: column + } + + .exos-quotabar--large-hidden, .exos-quotadonut--large-hidden, .exos-sheet--large-hidden { + display: none + } + + .exos-sheet--large-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-sheet__section--large-align-center { + justify-content: center; + text-align: center + } + + .exos-sheet__section--large-align-left { + justify-content: left; + text-align: left + } + + .exos-sheet__section--large-align-right { + justify-content: right; + text-align: right + } + + .exos-sheet__section--large-hidden { + display: none + } + + .exos-sheet__section--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-sheet__section--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-sheet__section--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-sheet__footer--large-align-center { + justify-content: center; + text-align: center + } + + .exos-sheet__footer--large-align-left { + justify-content: left; + text-align: left + } + + .exos-sheet__footer--large-align-right { + justify-content: right; + text-align: right + } + + .exos-sheet__footer--large-hidden { + display: none + } + + .exos-sheet__footer--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-sheet__footer--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-sheet__footer--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-sheet__header--large-align-center { + justify-content: center; + text-align: center + } + + .exos-sheet__header--large-align-left { + justify-content: left; + text-align: left + } + + .exos-sheet__header--large-align-right { + justify-content: right; + text-align: right + } + + .exos-sheet__header--large-hidden { + display: none + } + + .exos-sheet__header--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-sheet__header--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-sheet__header--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-grid-col--large-12 .exos-sheet__visual { + margin-bottom: 32px + } + + .exos-static-overlay__blocker--large-hidden, .exos-static-overlay__container--large-hidden { + display: none + } + + .exos-stripe--large-align-center { + justify-content: center; + text-align: center + } + + .exos-stripe--large-align-left { + justify-content: left; + text-align: left + } + + .exos-stripe--large-align-right { + justify-content: right; + text-align: right + } + + .exos-stripe--large-hidden { + display: none + } + + .exos-stripe__item--large-align-center { + justify-content: center; + text-align: center + } + + .exos-stripe__item--large-align-left { + justify-content: left; + text-align: left + } + + .exos-stripe__item--large-align-right { + justify-content: right; + text-align: right + } + + .exos-stripe__item--large-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-stripe__item--large-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-stripe__item--large-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-stripe__item--large-vertical-align-bottom { + align-self: flex-end + } + + .exos-stripe__item--large-vertical-align-center { + align-self: center + } + + .exos-stripe__item--large-vertical-align-middle { + vertical-align: middle + } + + .exos-stripe__item--large-vertical-align-top { + align-self: flex-start + } + + .exos-action-stripe__label--large-nowrap { + white-space: nowrap + } + + .exos-action-stripe__label--large-break-all { + word-break: break-all + } + + .exos-action-stripe__label--large-break-word { + word-break: break-word + } + + .exos-action-stripe__label--large-keep-all { + word-break: keep-all + } + + .exos-action-stripe__label--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-action-stripe__action--large-nowrap { + white-space: nowrap + } + + .exos-action-stripe__action--large-break-all { + word-break: break-all + } + + .exos-action-stripe__action--large-break-word { + word-break: break-word + } + + .exos-action-stripe__action--large-keep-all { + word-break: keep-all + } + + .exos-action-stripe__action--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-action-stripe__icon--large-hidden { + display: none + } + + .exos-settings-stripe__label--large-nowrap { + white-space: nowrap + } + + .exos-settings-stripe__label--large-break-all { + word-break: break-all + } + + .exos-settings-stripe__label--large-break-word { + word-break: break-word + } + + .exos-settings-stripe__label--large-keep-all { + word-break: keep-all + } + + .exos-settings-stripe__label--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-settings-stripe__value--large-nowrap { + white-space: nowrap + } + + .exos-settings-stripe__value--large-break-all { + word-break: break-all + } + + .exos-settings-stripe__value--large-break-word { + word-break: break-word + } + + .exos-settings-stripe__value--large-keep-all { + word-break: keep-all + } + + .exos-settings-stripe__value--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-settings-stripe__action--large-nowrap { + white-space: nowrap + } + + .exos-settings-stripe__action--large-break-all { + word-break: break-all + } + + .exos-settings-stripe__action--large-break-word { + word-break: break-word + } + + .exos-settings-stripe__action--large-keep-all { + word-break: keep-all + } + + .exos-settings-stripe__action--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__label--large-hidden, .exos-settings-stripe__icon--large-hidden { + display: none + } + + .exos-menu-stripe__label--large-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__label--large-break-all { + word-break: break-all + } + + .exos-menu-stripe__label--large-break-word { + word-break: break-word + } + + .exos-menu-stripe__label--large-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__label--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__status--large-hidden { + display: none + } + + .exos-menu-stripe__status--large-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__status--large-break-all { + word-break: break-all + } + + .exos-menu-stripe__status--large-break-word { + word-break: break-word + } + + .exos-menu-stripe__status--large-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__status--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__description--large-hidden { + display: none + } + + .exos-menu-stripe__description--large-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__description--large-break-all { + word-break: break-all + } + + .exos-menu-stripe__description--large-break-word { + word-break: break-word + } + + .exos-menu-stripe__description--large-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__description--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__action--large-hidden { + display: none + } + + .exos-menu-stripe__action--large-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__action--large-break-all { + word-break: break-all + } + + .exos-menu-stripe__action--large-break-word { + word-break: break-word + } + + .exos-menu-stripe__action--large-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__action--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-svg-icon--large-hidden, .exos-table--large-hidden, .exos-table__row--large-hidden { + display: none + } + + .exos-table--borderless .exos-table__row { + box-shadow: none + } + + .exos-table__cell--large-align-center { + justify-content: center; + text-align: center + } + + .exos-table__cell--large-align-left { + justify-content: left; + text-align: left + } + + .exos-table__cell--large-align-right { + justify-content: right; + text-align: right + } + + .exos-table__cell--large-hidden { + display: none + } + + .exos-table__cell--large-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-table__cell--large-nowrap { + white-space: nowrap + } + + .exos-table__cell--large-break-all { + word-break: break-all + } + + .exos-table__cell--large-break-word { + word-break: break-word + } + + .exos-table__cell--large-keep-all { + word-break: keep-all + } + + .exos-tile--large-hidden, .exos-toggle-button__content--large-hidden, .exos-toggle-link__content--large-hidden, .exos-toggle__content--large-hidden, .exos-tooltip--large-hidden { + display: none + } +} + +@media only screen and (min-width: 667px) and (max-width: 992px) { + .exos-grid--medium-align-center { + align-items: center; + display: flex; + flex-flow: column + } + + .exos-grid--medium-align-left { + align-items: flex-start; + display: flex; + flex-flow: column + } + + .exos-grid--medium-align-right { + align-items: flex-end; + display: flex; + flex-flow: column + } + + .exos-grid--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-grid--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-grid--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-grid-col--medium-1 { + width: 8.333333% + } + + .exos-grid-col--medium-2 { + width: 16.666667% + } + + .exos-grid-col--medium-3 { + width: 25% + } + + .exos-grid-col--medium-4 { + width: 33.333333% + } + + .exos-grid-col--medium-5 { + width: 41.666667% + } + + .exos-grid-col--medium-6 { + width: 50% + } + + .exos-grid-col--medium-7 { + width: 58.333333% + } + + .exos-grid-col--medium-8 { + width: 66.666667% + } + + .exos-grid-col--medium-9 { + width: 75% + } + + .exos-grid-col--medium-10 { + width: 83.333333% + } + + .exos-grid-col--medium-11 { + width: 91.666667% + } + + .exos-grid-col--medium-12 { + width: 100% + } + + .exos-grid-col--medium-spacing-bottom { + padding-bottom: 15px + } + + .exos-grid-col--medium-spacing-left { + padding-left: 15px; + padding-right: 0 + } + + .exos-grid-col--medium-spacing-right { + padding-left: 0; + padding-right: 15px + } + + .exos-grid-col--medium-spacing-top { + padding-top: 15px + } + + .exos-grid-col--medium-spacing-none { + padding-left: 0; + padding-right: 0 + } + + .exos-grid-col--medium-spacing-both { + padding-left: 15px; + padding-right: 15px + } + + .exos-grid-col--medium-separator-left { + border-left: 1px solid var(--tertiary-shape-color, #bcc8d4, #bcc8d4) + } + + .exos-grid-col--medium-separator-right { + border-right: 1px solid var(--tertiary-shape-color, #bcc8d4, #bcc8d4) + } + + .exos-grid-col--medium-hidden { + box-sizing: border-box; + display: none !important; + width: 0 + } + + .exos-grid-col--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-grid-col--medium-align-center { + align-items: center; + display: flex; + flex-flow: column + } + + .exos-grid-col--medium-align-left { + align-items: flex-start; + display: flex; + flex-flow: column + } + + .exos-grid-col--medium-align-right { + align-items: flex-end; + display: flex; + flex-flow: column + } + + .exos-grid-col--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-grid-col--medium-vertical-align-center { + align-self: center + } + + .exos-grid-col--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-grid-col--medium-vertical-align-top { + align-self: flex-start + } + + .exos-grid--full-height .exos-grid-col--medium-hidden { + box-sizing: border-box; + display: none !important; + width: 0 + } + + .exos-accordion--medium-hidden { + display: none + } + + .exos-accordion__item-header--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-badge--medium-hidden, .exos-breadcrumb--medium-hidden { + display: none + } + + .exos-button--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-button--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-button--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-button--medium-hidden { + display: none + } + + .exos-button--medium-full-width { + width: 100% + } + + .exos-button--medium-nowrap { + white-space: nowrap + } + + .exos-button--medium-break-all { + word-break: break-all + } + + .exos-button--medium-break-word { + word-break: break-word + } + + .exos-button--medium-keep-all { + word-break: keep-all + } + + .exos-button--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-button--medium-icon-only { + padding-left: 9px; + padding-right: 9px; + width: 36px + } + + .exos-button--medium-icon-only .exos-button__text { + display: none + } + + .exos-button-container--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-button-container--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-button-container--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-ghost-button--medium-full-width { + display: block; + margin-right: 0; + text-align: center + } + + .exos-ghost-button--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-ghost-button--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-ghost-button--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-ghost-button--medium-hidden { + display: none + } + + .exos-ghost-button--medium-break-all { + word-break: break-all + } + + .exos-ghost-button--medium-break-word { + word-break: break-word + } + + .exos-ghost-button--medium-keep-all { + word-break: keep-all + } + + .exos-ghost-button--medium-nowrap { + white-space: nowrap + } + + .exos-ghost-button--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-ghost-button--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-ghost-button--medium-vertical-align-center { + align-self: center + } + + .exos-ghost-button--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-ghost-button--medium-vertical-align-top { + align-self: flex-start + } + + .exos-card--medium-hidden { + display: none + } + + .exos-card--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-card__header--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-card__header--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-card__header--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-card__visual--covered { + height: 168px + } + + .exos-card__content--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-card__content--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-card__content--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-card__section--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-card__section--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-card__section--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-card__section--medium-hidden { + display: none + } + + .exos-card__section--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-card__section--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-card__section--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-card__headline--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-card__headline--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-card__headline--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-card__headline--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-card__headline--medium-nowrap { + white-space: nowrap + } + + .exos-card__headline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-card__headline--medium-break-all { + word-break: break-all + } + + .exos-card__headline--medium-break-word { + word-break: break-word + } + + .exos-card__headline--medium-keep-all { + word-break: keep-all + } + + .exos-card__preheadline--medium-break-all { + word-break: break-all + } + + .exos-card__preheadline--medium-break-word { + word-break: break-word + } + + .exos-card__preheadline--medium-keep-all { + word-break: keep-all + } + + .exos-card__preheadline--medium-nowrap { + white-space: nowrap + } + + .exos-card__preheadline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-card__subheadline--medium-break-all { + word-break: break-all + } + + .exos-card__subheadline--medium-break-word { + word-break: break-word + } + + .exos-card__subheadline--medium-keep-all { + word-break: keep-all + } + + .exos-card__subheadline--medium-nowrap { + white-space: nowrap + } + + .exos-card__subheadline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-card__icon-container .exos-card__icon--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-card__icon-container .exos-card__icon--medium-vertical-align-center { + align-self: center + } + + .exos-card__icon-container .exos-card__icon--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-card__icon-container .exos-card__icon--medium-vertical-align-top { + align-self: flex-start + } + + .exos-card__icon-container .exos-card__headline-container--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-card__icon-container .exos-card__headline-container--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-card__icon-container .exos-card__headline-container--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-card__footer > a--medium-hidden, .exos-card__footer > a.exos-ghost-button--medium-hidden, .exos-card__footer > button--medium-hidden, .exos-card__footer > button.exos-ghost-button--medium-hidden, .exos-card__footer > p--medium-hidden, .exos-card__footer > p.exos-ghost-button--medium-hidden { + display: none + } + + .exos-card__footer--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-card__footer--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-card__footer--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-card__footer--medium-hidden { + display: none + } + + .exos-card__footer--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-card__footer--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-card__footer--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-context-menu--medium-hidden, .exos-form-stripe--medium-hidden { + display: none + } + + .exos-form-stripe--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-form-stripe--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-form-stripe--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-label--medium-hidden { + display: none + } + + .exos-label--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-grid-medium-12 .exos-label--left { + margin-bottom: 4px; + margin-top: 8px + } + + .exos-form-text--medium-hidden, .exos-input-byline--medium-hidden { + display: none + } + + .exos-input-byline--medium-full-width { + width: 100% + } + + .exos-input-button-combination--medium-hidden, .exos-input-text--medium-hidden, .exos-input-text-group--medium-hidden, .exos-input-textarea--medium-hidden { + display: none + } + + .exos-headline--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-headline--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-headline--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-headline--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-headline--medium-hidden { + display: none + } + + .exos-headline--medium-nowrap { + white-space: nowrap + } + + .exos-headline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline--medium-break-all { + word-break: break-all + } + + .exos-headline--medium-break-word { + word-break: break-word + } + + .exos-headline--medium-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__icon--medium-hidden { + display: none + } + + .exos-headline-icon-group__icon--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-headline-icon-group__icon--medium-vertical-align-center { + align-self: center + } + + .exos-headline-icon-group__icon--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-headline-icon-group__icon--medium-vertical-align-top { + align-self: flex-start + } + + .exos-headline-icon-group__headline--medium-hidden { + display: none + } + + .exos-headline-icon-group__headline--medium-break-all { + word-break: break-all + } + + .exos-headline-icon-group__headline--medium-break-word { + word-break: break-word + } + + .exos-headline-icon-group__headline--medium-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__headline--medium-nowrap { + white-space: nowrap + } + + .exos-headline-icon-group__headline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline-icon-group__preheadline--medium-hidden { + display: none + } + + .exos-headline-icon-group__preheadline--medium-break-all { + word-break: break-all + } + + .exos-headline-icon-group__preheadline--medium-break-word { + word-break: break-word + } + + .exos-headline-icon-group__preheadline--medium-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__preheadline--medium-nowrap { + white-space: nowrap + } + + .exos-headline-icon-group__preheadline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline-icon-group__paragraph--medium-hidden { + display: none + } + + .exos-headline-icon-group__paragraph--medium-break-all { + word-break: break-all + } + + .exos-headline-icon-group__paragraph--medium-break-word { + word-break: break-word + } + + .exos-headline-icon-group__paragraph--medium-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__paragraph--medium-nowrap { + white-space: nowrap + } + + .exos-headline-icon-group__paragraph--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline-icon-group__headline-container--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-headline-icon-group__headline-container--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-headline-icon-group__headline-container--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-headline-icon-group__headline-container--medium-full-width { + width: 100% + } + + .exos-horizontal-card--medium-hidden { + display: none + } + + .exos-horizontal-card__header--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-horizontal-card__header--medium-vertical-align-center { + align-self: center + } + + .exos-horizontal-card__header--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-horizontal-card__header--medium-vertical-align-top { + align-self: flex-start + } + + .exos-horizontal-card__content--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-horizontal-card__content--medium-vertical-align-center { + align-self: center + } + + .exos-horizontal-card__content--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-horizontal-card__content--medium-vertical-align-top { + align-self: flex-start + } + + .exos-horizontal-card__footer--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-horizontal-card__footer--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-horizontal-card__footer--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-horizontal-card__footer--medium-hidden { + display: none + } + + .exos-horizontal-card__section--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-horizontal-card__section--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-horizontal-card__section--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-horizontal-card__section--medium-hidden { + display: none + } + + .exos-horizontal-card__section--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-horizontal-card__section--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-horizontal-card__section--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-horizontal-card__headline--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-horizontal-card__headline--medium-nowrap { + white-space: nowrap + } + + .exos-horizontal-card__headline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-horizontal-card__headline--medium-break-all { + word-break: break-all + } + + .exos-horizontal-card__headline--medium-break-word { + word-break: break-word + } + + .exos-horizontal-card__headline--medium-keep-all { + word-break: keep-all + } + + .exos-horizontal-card__preheadline--medium-break-all { + word-break: break-all + } + + .exos-horizontal-card__preheadline--medium-break-word { + word-break: break-word + } + + .exos-horizontal-card__preheadline--medium-keep-all { + word-break: keep-all + } + + .exos-horizontal-card__preheadline--medium-nowrap { + white-space: nowrap + } + + .exos-horizontal-card__preheadline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-horizontal-card__subheadline--medium-break-all { + word-break: break-all + } + + .exos-horizontal-card__subheadline--medium-break-word { + word-break: break-word + } + + .exos-horizontal-card__subheadline--medium-keep-all { + word-break: keep-all + } + + .exos-horizontal-card__subheadline--medium-nowrap { + white-space: nowrap + } + + .exos-horizontal-card__subheadline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-horizontal-separator--medium-hidden { + display: none + } + + .exos-link--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-link--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-link--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-link--medium-hidden { + display: none + } + + .exos-link--medium-break-all { + word-break: break-all + } + + .exos-link--medium-break-word { + word-break: break-word + } + + .exos-link--medium-keep-all { + word-break: keep-all + } + + .exos-link--medium-nowrap { + white-space: nowrap + } + + .exos-link--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-link--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-link--medium-vertical-align-center { + align-self: center + } + + .exos-link--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-link--medium-vertical-align-top { + align-self: flex-start + } + + .exos-link-container--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-link-container--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-link-container--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-list--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-list--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-list--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-list--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-list--medium-hidden { + display: none + } + + .exos-bullet-list--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-bullet-list--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-bullet-list--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-bullet-list--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-bullet-list--medium-hidden, .exos-bullet-list > li--medium-hidden { + display: none + } + + .exos-check-list--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-check-list--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-check-list--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-check-list--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-check-list--medium-hidden, .exos-check-list > li--medium-hidden { + display: none + } + + .exos-icon-list--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-icon-list--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-icon-list--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-icon-list--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-icon-list--medium-hidden, .exos-icon-list > li--medium-hidden { + display: none + } + + .exos-ordered-list--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-ordered-list--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-ordered-list--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-ordered-list--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-ordered-list--medium-hidden { + display: none + } + + .exos-link-list--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-link-list--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-link-list--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-link-list--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-link-list--medium-hidden, .exos-page-footer--medium-hidden { + display: none + } + + .exos-page-footer__section--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-page-footer__section--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-page-footer__section--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-page-footer__section--medium-hidden { + display: none + } + + .exos-page-footer__section-item--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-page-footer__section-item--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-page-footer__section-item--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-page-footer__section-item--medium-hidden { + display: none + } + + .exos-page-footer__social { + margin-right: 4px + } + + .exos-page-footer__section-item .exos-toggle-link__content--hidden { + display: inherit + } + + .exos-page-footer__adzone { + max-width: 216px; + min-width: 128px; + width: 100% + } + + .exos-page-header--medium-hidden { + display: none + } + + .exos-page-header__headline--medium-break-all { + word-break: break-all + } + + .exos-page-header__headline--medium-break-word { + word-break: break-word + } + + .exos-page-header__headline--medium-keep-all { + word-break: keep-all + } + + .exos-page-header__headline--medium-nowrap { + white-space: nowrap + } + + .exos-page-header__headline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-page-header--short .exos-page-header__block { + padding-right: 0 + } + + .exos-message__footer--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-message__footer--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-message__footer--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-message__footer--medium-hidden { + display: none + } + + .exos-message__footer--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-message__footer--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-message__footer--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-page-section--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-page-section--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-page-section--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-page-section--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-page-section--medium-hidden { + display: none + } + + .exos-page-section--short .exos-page-section__block { + padding-right: 0 + } + + .exos-page-tabbar--medium-hidden { + display: none + } + + .exos-page-tabbar--short .exos-page-tabbar__block { + padding-right: 0 + } + + .exos-page-tabbar__item--medium-hidden, .exos-panel--medium-hidden { + display: none + } + + .exos-panel__item--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-panel__headline--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-panel__headline--medium-vertical-align-center { + align-self: center + } + + .exos-panel__headline--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-panel__headline--medium-vertical-align-top { + align-self: flex-start + } + + .exos-panel__subheadline--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-panel__subheadline--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-panel__subheadline--medium-vertical-align-center { + align-self: center + } + + .exos-panel__subheadline--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-panel__subheadline--medium-vertical-align-top { + align-self: flex-start + } + + .exos-paragraph--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-paragraph--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-paragraph--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-paragraph--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-paragraph--medium-full-width { + width: 100% + } + + .exos-paragraph--medium-hidden { + display: none + } + + .exos-paragraph--medium-nowrap { + white-space: nowrap + } + + .exos-paragraph--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-paragraph--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-paragraph--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-paragraph--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-paragraph--medium-break-all { + word-break: break-all + } + + .exos-paragraph--medium-break-word { + word-break: break-word + } + + .exos-paragraph--medium-keep-all { + word-break: keep-all + } + + .exos-popover__section--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-popover__section--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-popover__section--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-popover__footer > a--medium-hidden, .exos-popover__footer > button--medium-hidden, .exos-popover__footer > p--medium-hidden { + display: none + } + + .exos-popover__footer--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-popover__footer--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-popover__footer--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-popover__footer--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-popover__footer--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-popover__footer--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-price--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-price--medium-align-right { + align-items: flex-end; + display: flex; + flex-flow: column; + gap: 0 4px + } + + .exos-price--medium-align-right.exos-price--small { + align-items: baseline; + flex-flow: wrap; + justify-content: flex-end + } + + .exos-price--medium-align-right .exos-toggle__content:not(.exos-toggle__content--hidden) { + align-items: flex-end; + display: flex; + flex-direction: column + } + + .exos-quotabar--medium-hidden, .exos-quotadonut--medium-hidden, .exos-sheet--medium-hidden { + display: none + } + + .exos-sheet--medium-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-sheet__section--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-sheet__section--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-sheet__section--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-sheet__section--medium-hidden { + display: none + } + + .exos-sheet__section--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-sheet__section--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-sheet__section--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-grid-col--medium-12 .exos-sheet__section--separator-left { + border-left: none + } + + .exos-grid-col--medium-12 .exos-sheet__section--separator-right { + border-right: none + } + + .exos-sheet__footer--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-sheet__footer--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-sheet__footer--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-sheet__footer--medium-hidden { + display: none + } + + .exos-sheet__footer--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-sheet__footer--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-sheet__footer--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-sheet__header--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-sheet__header--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-sheet__header--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-sheet__header--medium-hidden { + display: none + } + + .exos-sheet__header--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-sheet__header--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-sheet__header--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-grid-col--medium-12 .exos-sheet__visual { + margin-bottom: 32px + } + + .exos-static-overlay__blocker--medium-hidden, .exos-static-overlay__container--medium-hidden { + display: none + } + + .exos-static-overlay__content { + max-width: 74% + } + + .exos-stripe--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-stripe--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-stripe--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-stripe--medium-hidden { + display: none + } + + .exos-stripe__item--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-stripe__item--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-stripe__item--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-stripe__item--medium-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-stripe__item--medium-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-stripe__item--medium-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-stripe__item--medium-vertical-align-bottom { + align-self: flex-end + } + + .exos-stripe__item--medium-vertical-align-center { + align-self: center + } + + .exos-stripe__item--medium-vertical-align-middle { + vertical-align: middle + } + + .exos-stripe__item--medium-vertical-align-top { + align-self: flex-start + } + + .exos-action-stripe__label--medium-nowrap { + white-space: nowrap + } + + .exos-action-stripe__label--medium-break-all { + word-break: break-all + } + + .exos-action-stripe__label--medium-break-word { + word-break: break-word + } + + .exos-action-stripe__label--medium-keep-all { + word-break: keep-all + } + + .exos-action-stripe__label--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-action-stripe__action--medium-nowrap { + white-space: nowrap + } + + .exos-action-stripe__action--medium-break-all { + word-break: break-all + } + + .exos-action-stripe__action--medium-break-word { + word-break: break-word + } + + .exos-action-stripe__action--medium-keep-all { + word-break: keep-all + } + + .exos-action-stripe__action--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-action-stripe__icon--medium-hidden { + display: none + } + + .exos-settings-stripe__label--medium-nowrap { + white-space: nowrap + } + + .exos-settings-stripe__label--medium-break-all { + word-break: break-all + } + + .exos-settings-stripe__label--medium-break-word { + word-break: break-word + } + + .exos-settings-stripe__label--medium-keep-all { + word-break: keep-all + } + + .exos-settings-stripe__label--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-settings-stripe__value--medium-nowrap { + white-space: nowrap + } + + .exos-settings-stripe__value--medium-break-all { + word-break: break-all + } + + .exos-settings-stripe__value--medium-break-word { + word-break: break-word + } + + .exos-settings-stripe__value--medium-keep-all { + word-break: keep-all + } + + .exos-settings-stripe__value--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-settings-stripe__action--medium-nowrap { + white-space: nowrap + } + + .exos-settings-stripe__action--medium-break-all { + word-break: break-all + } + + .exos-settings-stripe__action--medium-break-word { + word-break: break-word + } + + .exos-settings-stripe__action--medium-keep-all { + word-break: keep-all + } + + .exos-settings-stripe__action--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__label--medium-hidden, .exos-settings-stripe__icon--medium-hidden { + display: none + } + + .exos-menu-stripe__label--medium-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__label--medium-break-all { + word-break: break-all + } + + .exos-menu-stripe__label--medium-break-word { + word-break: break-word + } + + .exos-menu-stripe__label--medium-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__label--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__status--medium-hidden { + display: none + } + + .exos-menu-stripe__status--medium-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__status--medium-break-all { + word-break: break-all + } + + .exos-menu-stripe__status--medium-break-word { + word-break: break-word + } + + .exos-menu-stripe__status--medium-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__status--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__description--medium-hidden { + display: none + } + + .exos-menu-stripe__description--medium-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__description--medium-break-all { + word-break: break-all + } + + .exos-menu-stripe__description--medium-break-word { + word-break: break-word + } + + .exos-menu-stripe__description--medium-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__description--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__action--medium-hidden { + display: none + } + + .exos-menu-stripe__action--medium-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__action--medium-break-all { + word-break: break-all + } + + .exos-menu-stripe__action--medium-break-word { + word-break: break-word + } + + .exos-menu-stripe__action--medium-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__action--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-svg-icon--medium-hidden, .exos-table--medium-hidden, .exos-table__row--medium-hidden { + display: none + } + + .exos-table--borderless .exos-table__row { + box-shadow: none + } + + .exos-table__cell--medium-align-center { + justify-content: center; + text-align: center + } + + .exos-table__cell--medium-align-left { + justify-content: left; + text-align: left + } + + .exos-table__cell--medium-align-right { + justify-content: right; + text-align: right + } + + .exos-table__cell--medium-hidden { + display: none + } + + .exos-table__cell--medium-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-table__cell--medium-nowrap { + white-space: nowrap + } + + .exos-table__cell--medium-break-all { + word-break: break-all + } + + .exos-table__cell--medium-break-word { + word-break: break-word + } + + .exos-table__cell--medium-keep-all { + word-break: keep-all + } + + .exos-tile--medium-hidden, .exos-toggle-button__content--medium-hidden, .exos-toggle-link__content--medium-hidden, .exos-toggle__content--medium-hidden, .exos-tooltip--medium-hidden { + display: none + } +} + +@media only screen and (max-width: 666px) { + .exos-grid--small-align-center { + align-items: center; + display: flex; + flex-flow: column + } + + .exos-grid--small-align-left { + align-items: flex-start; + display: flex; + flex-flow: column + } + + .exos-grid--small-align-right { + align-items: flex-end; + display: flex; + flex-flow: column + } + + .exos-grid--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-grid--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-grid--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-grid--small-condensed { + margin-left: -8px; + margin-right: -8px + } + + .exos-grid-col--small-1 { + width: 8.333333% + } + + .exos-grid-col--small-2 { + width: 16.666667% + } + + .exos-grid-col--small-3 { + width: 25% + } + + .exos-grid-col--small-4 { + width: 33.333333% + } + + .exos-grid-col--small-5 { + width: 41.666667% + } + + .exos-grid-col--small-6 { + width: 50% + } + + .exos-grid-col--small-7 { + width: 58.333333% + } + + .exos-grid-col--small-8 { + width: 66.666667% + } + + .exos-grid-col--small-9 { + width: 75% + } + + .exos-grid-col--small-10 { + width: 83.333333% + } + + .exos-grid-col--small-11 { + width: 91.666667% + } + + .exos-grid-col--small-12 { + width: 100% + } + + .exos-grid-col--small-spacing-bottom { + padding-bottom: 15px + } + + .exos-grid-col--small-spacing-left { + padding-left: 15px; + padding-right: 0 + } + + .exos-grid-col--small-spacing-right { + padding-left: 0; + padding-right: 15px + } + + .exos-grid-col--small-spacing-top { + padding-top: 15px + } + + .exos-grid-col--small-spacing-none { + padding-left: 0; + padding-right: 0 + } + + .exos-grid-col--small-spacing-both { + padding-left: 15px; + padding-right: 15px + } + + .exos-grid-col--small-separator-left { + border-left: 1px solid var(--tertiary-shape-color, #bcc8d4, #bcc8d4) + } + + .exos-grid-col--small-separator-right { + border-right: 1px solid var(--tertiary-shape-color, #bcc8d4, #bcc8d4) + } + + .exos-grid-col--small-hidden { + box-sizing: border-box; + display: none !important; + width: 0 + } + + .exos-grid-col--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-grid-col--small-align-center { + align-items: center; + display: flex; + flex-flow: column + } + + .exos-grid-col--small-align-left { + align-items: flex-start; + display: flex; + flex-flow: column + } + + .exos-grid-col--small-align-right { + align-items: flex-end; + display: flex; + flex-flow: column + } + + .exos-grid-col--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-grid-col--small-vertical-align-center { + align-self: center + } + + .exos-grid-col--small-vertical-align-middle { + vertical-align: middle + } + + .exos-grid-col--small-vertical-align-top { + align-self: flex-start + } + + .exos-grid--full-height .exos-grid-col--small-hidden { + box-sizing: border-box; + display: none !important; + width: 0 + } + + .exos-grid--small-condensed .exos-grid-col { + padding-left: 8px; + padding-right: 8px + } + + .exos-grid--small-condensed .exos-grid-col--small-spacing-bottom { + padding-bottom: 8px + } + + .exos-grid--small-condensed .exos-grid-col--small-spacing-left { + padding-left: 8px; + padding-right: 0 + } + + .exos-grid--small-condensed .exos-grid-col--small-spacing-right { + padding-left: 0; + padding-right: 8px + } + + .exos-grid--small-condensed .exos-grid-col--small-spacing-top { + padding-top: 8px + } + + .exos-grid--small-condensed .exos-grid-col--small-spacing-none { + padding-left: 0; + padding-right: 0 + } + + .exos-headless-mode .exos-grid--headless-hidden, .exos-headless-mode .exos-grid-col--headless-hidden { + display: none + } + + .exos-accordion { + border-radius: calc(var(--small-border-radius, 8px) - 1px); + margin-bottom: 16px + } + + .exos-accordion--small-hidden { + display: none + } + + .exos-accordion__item:first-child { + border-top-left-radius: calc(var(--small-border-radius, 8px) - 1px); + border-top-right-radius: calc(var(--small-border-radius, 8px) - 1px) + } + + .exos-accordion__item:last-child { + border-bottom-left-radius: calc(var(--small-border-radius, 8px) - 1px); + border-bottom-right-radius: calc(var(--small-border-radius, 8px) - 1px) + } + + .exos-accordion__item-header--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-accordion__item-section { + padding-left: 16px; + padding-right: 16px + } + + .exos-accordion__item-section .exos-sheet:last-child { + margin-bottom: -16px; + margin-top: 0 + } + + .exos-badge--small-hidden, .exos-breadcrumb--small-hidden, .exos-breadcrumb__item { + display: none + } + + .exos-breadcrumb__item:last-child { + display: inline-block + } + + .exos-breadcrumb__item:last-child:before { + content: ""; + padding-left: 0 + } + + .exos-headless-mode .exos-breadcrumb { + display: none + } + + .exos-button--small-align-center { + justify-content: center; + text-align: center + } + + .exos-button--small-align-left { + justify-content: left; + text-align: left + } + + .exos-button--small-align-right { + justify-content: right; + text-align: right + } + + .exos-button--small-hidden { + display: none + } + + .exos-button--small-full-width { + width: 100% + } + + .exos-button--small-nowrap { + white-space: nowrap + } + + .exos-button--small-break-all { + word-break: break-all + } + + .exos-button--small-break-word { + word-break: break-word + } + + .exos-button--small-keep-all { + word-break: keep-all + } + + .exos-button--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-button--small-icon-only { + padding-left: 9px; + padding-right: 9px; + width: 36px + } + + .exos-button--small-icon-only .exos-button__text, .exos-headless-mode .exos-button--headless-hidden { + display: none + } + + .exos-button-container--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-button-container--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-button-container--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-ghost-button--small-full-width { + display: block; + margin-right: 0; + text-align: center + } + + .exos-ghost-button--small-align-center { + justify-content: center; + text-align: center + } + + .exos-ghost-button--small-align-left { + justify-content: left; + text-align: left + } + + .exos-ghost-button--small-align-right { + justify-content: right; + text-align: right + } + + .exos-ghost-button--small-hidden { + display: none + } + + .exos-ghost-button--small-break-all { + word-break: break-all + } + + .exos-ghost-button--small-break-word { + word-break: break-word + } + + .exos-ghost-button--small-keep-all { + word-break: keep-all + } + + .exos-ghost-button--small-nowrap { + white-space: nowrap + } + + .exos-ghost-button--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-ghost-button--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-ghost-button--small-vertical-align-center { + align-self: center + } + + .exos-ghost-button--small-vertical-align-middle { + vertical-align: middle + } + + .exos-ghost-button--small-vertical-align-top { + align-self: flex-start + } + + .exos-action-stripe .exos-ghost-button--icon-only, .exos-settings-stripe .exos-ghost-button--icon-only { + margin: 0 4px 0 -8px + } + + .exos-card { + border-radius: var(--small-border-radius, 8px); + margin-bottom: 16px + } + + .exos-card--small-hidden { + display: none + } + + .exos-card--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-card--semantic-bar-activating:first-child, .exos-card--semantic-bar-activating:last-child, .exos-card--semantic-bar-activating:only-child, .exos-card--semantic-bar-corporate:first-child, .exos-card--semantic-bar-corporate:last-child, .exos-card--semantic-bar-corporate:only-child, .exos-card--semantic-bar-critical:first-child, .exos-card--semantic-bar-critical:last-child, .exos-card--semantic-bar-critical:only-child, .exos-card--semantic-bar-neutral:first-child, .exos-card--semantic-bar-neutral:last-child, .exos-card--semantic-bar-neutral:only-child, .exos-card--semantic-bar-promoting:first-child, .exos-card--semantic-bar-promoting:last-child, .exos-card--semantic-bar-promoting:only-child, .exos-card--semantic-bar-success:first-child, .exos-card--semantic-bar-success:last-child, .exos-card--semantic-bar-success:only-child, .exos-card--semantic-bar-warning:first-child, .exos-card--semantic-bar-warning:last-child, .exos-card--semantic-bar-warning:only-child { + border-radius: 0 + } + + .exos-card__header:first-child { + border-radius: calc(var(--small-border-radius, 8px) - 1px) calc(var(--small-border-radius, 8px) - 1px) 0 0 + } + + .exos-card__header--small-align-center { + justify-content: center; + text-align: center + } + + .exos-card__header--small-align-left { + justify-content: left; + text-align: left + } + + .exos-card__header--small-align-right { + justify-content: right; + text-align: right + } + + .exos-card__visual--covered { + height: 156px + } + + .exos-card__header--visualized .exos-card__visual { + height: 240px + } + + .exos-card__content { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-card__content--small-align-center { + justify-content: center; + text-align: center + } + + .exos-card__content--small-align-left { + justify-content: left; + text-align: left + } + + .exos-card__content--small-align-right { + justify-content: right; + text-align: right + } + + .exos-card__section--visualized { + max-height: 320px + } + + .exos-card__section:first-child { + border-top-left-radius: calc(var(--small-border-radius, 8px) - 1px); + border-top-right-radius: calc(var(--small-border-radius, 8px) - 1px) + } + + .exos-card__section:last-child { + border-bottom-left-radius: calc(var(--small-border-radius, 8px) - 1px); + border-bottom-right-radius: calc(var(--small-border-radius, 8px) - 1px) + } + + .exos-card__section--activating, .exos-card__section--advertising, .exos-card__section--corporate, .exos-card__section--critical, .exos-card__section--neutral, .exos-card__section--promoting, .exos-card__section--success, .exos-card__section--warning { + border-bottom-width: 1px; + border-top-width: 1px + } + + .exos-card__section + .exos-card__section { + margin-top: -1px + } + + .exos-card__section--small-align-center { + justify-content: center; + text-align: center + } + + .exos-card__section--small-align-left { + justify-content: left; + text-align: left + } + + .exos-card__section--small-align-right { + justify-content: right; + text-align: right + } + + .exos-card__section--small-hidden { + display: none + } + + .exos-card__section--semantic-bar-activating:first-child, .exos-card__section--semantic-bar-activating:last-child, .exos-card__section--semantic-bar-activating:only-child, .exos-card__section--semantic-bar-corporate:first-child, .exos-card__section--semantic-bar-corporate:last-child, .exos-card__section--semantic-bar-corporate:only-child, .exos-card__section--semantic-bar-critical:first-child, .exos-card__section--semantic-bar-critical:last-child, .exos-card__section--semantic-bar-critical:only-child, .exos-card__section--semantic-bar-neutral:first-child, .exos-card__section--semantic-bar-neutral:last-child, .exos-card__section--semantic-bar-neutral:only-child, .exos-card__section--semantic-bar-promoting:first-child, .exos-card__section--semantic-bar-promoting:last-child, .exos-card__section--semantic-bar-promoting:only-child, .exos-card__section--semantic-bar-success:first-child, .exos-card__section--semantic-bar-success:last-child, .exos-card__section--semantic-bar-success:only-child, .exos-card__section--semantic-bar-warning:first-child, .exos-card__section--semantic-bar-warning:last-child, .exos-card__section--semantic-bar-warning:only-child { + border-radius: 0 + } + + .exos-card__section--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-card__section--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-card__section--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-card__headline { + font-family: var(--first-level-mobile-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--first-level-mobile-headline-size, 22px); + line-height: var(--first-level-mobile-headline-line-height, 30px) + } + + .exos-card__headline--small-align-center { + justify-content: center; + text-align: center + } + + .exos-card__headline--small-align-left { + justify-content: left; + text-align: left + } + + .exos-card__headline--small-align-right { + justify-content: right; + text-align: right + } + + .exos-card__headline--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-card__headline--small-nowrap { + white-space: nowrap + } + + .exos-card__headline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-card__headline--small-break-all { + word-break: break-all + } + + .exos-card__headline--small-break-word { + word-break: break-word + } + + .exos-card__headline--small-keep-all { + word-break: keep-all + } + + .exos-card__preheadline--small-break-all { + word-break: break-all + } + + .exos-card__preheadline--small-break-word { + word-break: break-word + } + + .exos-card__preheadline--small-keep-all { + word-break: keep-all + } + + .exos-card__preheadline--small-nowrap { + white-space: nowrap + } + + .exos-card__preheadline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-card__subheadline { + font-family: var(--third-level-mobile-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-mobile-headline-size, 16px); + line-height: var(--third-level-mobile-headline-line-height, 24px) + } + + .exos-card__subheadline--small-break-all { + word-break: break-all + } + + .exos-card__subheadline--small-break-word { + word-break: break-word + } + + .exos-card__subheadline--small-keep-all { + word-break: keep-all + } + + .exos-card__subheadline--small-nowrap { + white-space: nowrap + } + + .exos-card__subheadline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-card__icon-container .exos-card__icon--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-card__icon-container .exos-card__icon--small-vertical-align-center { + align-self: center + } + + .exos-card__icon-container .exos-card__icon--small-vertical-align-middle { + vertical-align: middle + } + + .exos-card__icon-container .exos-card__icon--small-vertical-align-top { + align-self: flex-start + } + + .exos-card__icon-container .exos-card__headline-container--small-align-center { + justify-content: center; + text-align: center + } + + .exos-card__icon-container .exos-card__headline-container--small-align-left { + justify-content: left; + text-align: left + } + + .exos-card__icon-container .exos-card__headline-container--small-align-right { + justify-content: right; + text-align: right + } + + .exos-card__flyout { + position: absolute; + right: 16px + } + + .exos-card__footer:last-child { + border-radius: 0 0 var(--small-border-radius, 8px) var(--small-border-radius, 8px) + } + + .exos-card__footer > a--small-hidden, .exos-card__footer > a.exos-ghost-button--small-hidden, .exos-card__footer > button--small-hidden, .exos-card__footer > button.exos-ghost-button--small-hidden, .exos-card__footer > p--small-hidden, .exos-card__footer > p.exos-ghost-button--small-hidden { + display: none + } + + .exos-card__footer--small-align-center { + justify-content: center; + text-align: center + } + + .exos-card__footer--small-align-left { + justify-content: left; + text-align: left + } + + .exos-card__footer--small-align-right { + justify-content: right; + text-align: right + } + + .exos-card__footer--small-hidden { + display: none + } + + .exos-card__footer--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-card__footer--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-card__footer--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-card__close { + right: 11px; + top: 14px + } + + .exos-card__close:before { + font-size: 21px + } + + .exos-card__close + .exos-card__headline, .exos-card__close + .exos-card__preheadline { + margin-right: 30px + } + + .exos-headless-mode .exos-card--headless-hidden, .exos-headless-mode .exos-card__footer--headless-hidden, .exos-headless-mode .exos-card__section--headless-hidden { + display: none + } + + .exos-card__header > .exos-card__ribbon:first-child { + border-top-left-radius: calc(var(--small-border-radius, 8px) - 1px); + border-top-right-radius: calc(var(--small-border-radius, 8px) - 1px) + } + + .exos-card__action-container .exos-context-menu__list { + right: -4px + } + + .exos-context-menu--small-hidden { + display: none + } + + .exos-context-menu__label { + display: block; + margin-right: 0 + } + + .exos-context-menu__list--visible { + position: relative + } + + .exos-context-menu__list { + border-radius: var(--xsmall-border-radius, 4px) + } + + .exos-form-stripe--small-hidden, .exos-headless-mode .exos-context-menu--headless-hidden { + display: none + } + + .exos-form-stripe--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-form-stripe--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-form-stripe--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-form-stripe__label-area { + margin-bottom: 0; + margin-top: 0; + padding-right: 0; + text-align: left; + width: 100% + } + + .exos-form-stripe__label-area .exos-label--left { + margin-bottom: 4px; + margin-top: 8px + } + + .exos-form-stripe__input-area { + margin-bottom: 0; + margin-top: 0; + padding-left: 0; + width: 100% + } + + .exos-form-stripe__primary-action-area { + float: left; + margin-bottom: 0; + margin-top: 0; + padding-left: 0; + padding-right: 8px; + width: auto + } + + .exos-form-stripe__primary-action-area .exos-button, .exos-form-stripe__primary-action-area .exos-toggle-button { + margin-bottom: 8px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-form-stripe__secondary-action-area { + display: inline-block; + float: none; + margin-bottom: 0; + margin-top: 0; + padding-left: 8px; + padding-right: 0; + width: auto + } + + .exos-form-stripe__secondary-action-area .exos-button, .exos-form-stripe__secondary-action-area .exos-toggle-button { + margin-bottom: 8px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-label--has-byline { + margin-top: 7px + } + + .exos-label--small-hidden { + display: none + } + + .exos-label--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-label-byline { + margin-bottom: 7px + } + + .exos-grid-small-12 .exos-label--left { + margin-bottom: 4px; + margin-top: 8px + } + + .exos-headless-mode .exos-label--headless-hidden, .exos-headless-mode .exos-label-byline--headless-hidden { + display: none + } + + .exos-form-text { + margin-top: 0 + } + + .exos-form-text--small-hidden, .exos-input-byline--small-hidden { + display: none + } + + .exos-input-byline--small-full-width { + width: 100% + } + + .exos-input-checkbox + label { + margin-bottom: 8px; + margin-top: 8px + } + + .exos-input-select, .exos-input-text { + border-radius: var(--xsmall-border-radius, 4px) + } + + .exos-input-text--small-hidden { + display: none + } + + .exos-input-text--inline { + width: 100% + } + + .exos-input-text-group .exos-input-text { + border-radius: calc(var(--xsmall-border-radius, 4px) - 1px) + } + + .exos-input-text-group { + border-radius: var(--xsmall-border-radius, 4px) + } + + .exos-input-text-group--small-hidden { + display: none + } + + .exos-input-text-group__text { + flex: 1 1 0; + overflow: hidden; + text-align: right; + text-overflow: ellipsis + } + + .exos-input-textarea--inline, .exos-input-textarea--narrow { + width: 100% + } + + .exos-input-textarea { + border-radius: var(--xsmall-border-radius, 4px) + } + + .exos-input-button-combination--small-hidden, .exos-input-textarea--small-hidden { + display: none + } + + .exos-headline > .exos-svg-icon { + margin-bottom: 0; + min-width: 24px + } + + .exos-headline--small-align-center { + justify-content: center; + text-align: center + } + + .exos-headline--small-align-left { + justify-content: left; + text-align: left + } + + .exos-headline--small-align-right { + justify-content: right; + text-align: right + } + + .exos-headline--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-headline--small-hidden { + display: none + } + + .exos-headline--small-nowrap { + white-space: nowrap + } + + .exos-headline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline--small-break-all { + word-break: break-all + } + + .exos-headline--small-break-word { + word-break: break-word + } + + .exos-headline--small-keep-all { + word-break: keep-all + } + + .exos-headline { + font-family: var(--first-level-mobile-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--first-level-mobile-headline-size, 22px); + line-height: var(--first-level-mobile-headline-line-height, 30px); + margin-top: 0; + word-break: inherit + } + + .exos-headline--sub { + font-family: var(--third-level-mobile-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-mobile-headline-size, 16px); + line-height: var(--third-level-mobile-headline-line-height, 24px); + margin-bottom: 8px + } + + .exos-headline--paragraph { + font-family: var(--fourth-level-mobile-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--fourth-level-mobile-headline-size, 14px); + line-height: var(--fourth-level-mobile-headline-line-height, 24px) + } + + .exos-headline--cropped { + margin-bottom: 0 + } + + .exos-headless-mode .exos-headline--headless-hidden { + display: none + } + + .exos-headline-icon-group__icon { + max-height: 48px; + min-height: 20px; + min-width: 20px + } + + .exos-headline-icon-group__icon--small-hidden { + display: none + } + + .exos-headline-icon-group__icon--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-headline-icon-group__icon--small-vertical-align-center { + align-self: center + } + + .exos-headline-icon-group__icon--small-vertical-align-middle { + vertical-align: middle + } + + .exos-headline-icon-group__icon--small-vertical-align-top { + align-self: flex-start + } + + .exos-headline-icon-group__headline { + font-family: var(--first-level-mobile-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--first-level-mobile-headline-size, 22px); + line-height: var(--first-level-mobile-headline-line-height, 30px) + } + + .exos-headline-icon-group__headline--sub { + font-family: var(--third-level-mobile-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-mobile-headline-size, 16px); + line-height: var(--third-level-mobile-headline-line-height, 24px) + } + + .exos-headline-icon-group__headline--paragraph { + font-family: var(--fourth-level-mobile-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--fourth-level-mobile-headline-size, 14px); + line-height: var(--fourth-level-mobile-headline-line-height, 20px) + } + + .exos-headline-icon-group__headline--small-hidden { + display: none + } + + .exos-headline-icon-group__headline--small-break-all { + word-break: break-all + } + + .exos-headline-icon-group__headline--small-break-word { + word-break: break-word + } + + .exos-headline-icon-group__headline--small-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__headline--small-nowrap { + white-space: nowrap + } + + .exos-headline-icon-group__headline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline-icon-group__preheadline--small-hidden { + display: none + } + + .exos-headline-icon-group__preheadline--small-break-all { + word-break: break-all + } + + .exos-headline-icon-group__preheadline--small-break-word { + word-break: break-word + } + + .exos-headline-icon-group__preheadline--small-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__preheadline--small-nowrap { + white-space: nowrap + } + + .exos-headline-icon-group__preheadline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline-icon-group__paragraph--small-hidden { + display: none + } + + .exos-headline-icon-group__paragraph--small-break-all { + word-break: break-all + } + + .exos-headline-icon-group__paragraph--small-break-word { + word-break: break-word + } + + .exos-headline-icon-group__paragraph--small-keep-all { + word-break: keep-all + } + + .exos-headline-icon-group__paragraph--small-nowrap { + white-space: nowrap + } + + .exos-headline-icon-group__paragraph--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headline-icon-group__headline-container--small-align-center { + justify-content: center; + text-align: center + } + + .exos-headline-icon-group__headline-container--small-align-left { + justify-content: left; + text-align: left + } + + .exos-headline-icon-group__headline-container--small-align-right { + justify-content: right; + text-align: right + } + + .exos-headline-icon-group__headline-container--small-full-width { + width: 100% + } + + .exos-horizontal-card { + border-radius: var(--small-border-radius, 8px) + } + + .exos-horizontal-card--small-hidden { + display: none + } + + .exos-horizontal-card--semantic-bar-activating:first-child, .exos-horizontal-card--semantic-bar-activating:last-child, .exos-horizontal-card--semantic-bar-activating:only-child, .exos-horizontal-card--semantic-bar-corporate:first-child, .exos-horizontal-card--semantic-bar-corporate:last-child, .exos-horizontal-card--semantic-bar-corporate:only-child, .exos-horizontal-card--semantic-bar-critical:first-child, .exos-horizontal-card--semantic-bar-critical:last-child, .exos-horizontal-card--semantic-bar-critical:only-child, .exos-horizontal-card--semantic-bar-neutral:first-child, .exos-horizontal-card--semantic-bar-neutral:last-child, .exos-horizontal-card--semantic-bar-neutral:only-child, .exos-horizontal-card--semantic-bar-promoting:first-child, .exos-horizontal-card--semantic-bar-promoting:last-child, .exos-horizontal-card--semantic-bar-promoting:only-child, .exos-horizontal-card--semantic-bar-success:first-child, .exos-horizontal-card--semantic-bar-success:last-child, .exos-horizontal-card--semantic-bar-success:only-child, .exos-horizontal-card--semantic-bar-warning:first-child, .exos-horizontal-card--semantic-bar-warning:last-child, .exos-horizontal-card--semantic-bar-warning:only-child { + border-radius: 0 + } + + .exos-horizontal-card__header--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-horizontal-card__header--small-vertical-align-center { + align-self: center + } + + .exos-horizontal-card__header--small-vertical-align-middle { + vertical-align: middle + } + + .exos-horizontal-card__header--small-vertical-align-top { + align-self: flex-start + } + + .exos-horizontal-card__visual { + border-radius: calc(var(--small-border-radius, 8px) - 1px) 0 0 calc(var(--small-border-radius, 8px) - 1px) + } + + .exos-horizontal-card--reversed .exos-horizontal-card__visual { + border-radius: calc(var(--small-border-radius, 8px) - 1px) calc(var(--small-border-radius, 8px) - 1px) 0 0 + } + + .exos-horizontal-card__content--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-horizontal-card__content--small-vertical-align-center { + align-self: center + } + + .exos-horizontal-card__content--small-vertical-align-middle { + vertical-align: middle + } + + .exos-horizontal-card__content--small-vertical-align-top { + align-self: flex-start + } + + .exos-horizontal-card__footer--small-align-center { + justify-content: center; + text-align: center + } + + .exos-horizontal-card__footer--small-align-left { + justify-content: left; + text-align: left + } + + .exos-horizontal-card__footer--small-align-right { + justify-content: right; + text-align: right + } + + .exos-horizontal-card__footer--small-hidden { + display: none + } + + .exos-horizontal-card__section--small-align-center { + justify-content: center; + text-align: center + } + + .exos-horizontal-card__section--small-align-left { + justify-content: left; + text-align: left + } + + .exos-horizontal-card__section--small-align-right { + justify-content: right; + text-align: right + } + + .exos-horizontal-card__section--small-hidden { + display: none + } + + .exos-horizontal-card__section--semantic-bar-activating:first-child, .exos-horizontal-card__section--semantic-bar-activating:last-child, .exos-horizontal-card__section--semantic-bar-activating:only-child, .exos-horizontal-card__section--semantic-bar-corporate:first-child, .exos-horizontal-card__section--semantic-bar-corporate:last-child, .exos-horizontal-card__section--semantic-bar-corporate:only-child, .exos-horizontal-card__section--semantic-bar-critical:first-child, .exos-horizontal-card__section--semantic-bar-critical:last-child, .exos-horizontal-card__section--semantic-bar-critical:only-child, .exos-horizontal-card__section--semantic-bar-neutral:first-child, .exos-horizontal-card__section--semantic-bar-neutral:last-child, .exos-horizontal-card__section--semantic-bar-neutral:only-child, .exos-horizontal-card__section--semantic-bar-promoting:first-child, .exos-horizontal-card__section--semantic-bar-promoting:last-child, .exos-horizontal-card__section--semantic-bar-promoting:only-child, .exos-horizontal-card__section--semantic-bar-success:first-child, .exos-horizontal-card__section--semantic-bar-success:last-child, .exos-horizontal-card__section--semantic-bar-success:only-child, .exos-horizontal-card__section--semantic-bar-warning:first-child, .exos-horizontal-card__section--semantic-bar-warning:last-child, .exos-horizontal-card__section--semantic-bar-warning:only-child { + border-radius: 0 + } + + .exos-horizontal-card__section--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-horizontal-card__section--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-horizontal-card__section--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-horizontal-card__headline--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-horizontal-card__headline--small-nowrap { + white-space: nowrap + } + + .exos-horizontal-card__headline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-horizontal-card__headline--small-break-all { + word-break: break-all + } + + .exos-horizontal-card__headline--small-break-word { + word-break: break-word + } + + .exos-horizontal-card__headline--small-keep-all { + word-break: keep-all + } + + .exos-horizontal-card__preheadline--small-break-all { + word-break: break-all + } + + .exos-horizontal-card__preheadline--small-break-word { + word-break: break-word + } + + .exos-horizontal-card__preheadline--small-keep-all { + word-break: keep-all + } + + .exos-horizontal-card__preheadline--small-nowrap { + white-space: nowrap + } + + .exos-horizontal-card__preheadline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-horizontal-card__subheadline { + font-family: var(--third-level-mobile-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-mobile-headline-size, 16px); + line-height: var(--third-level-mobile-headline-line-height, 24px) + } + + .exos-horizontal-card__subheadline--small-break-all { + word-break: break-all + } + + .exos-horizontal-card__subheadline--small-break-word { + word-break: break-word + } + + .exos-horizontal-card__subheadline--small-keep-all { + word-break: keep-all + } + + .exos-horizontal-card__subheadline--small-nowrap { + white-space: nowrap + } + + .exos-horizontal-card__subheadline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-horizontal-card__flyout { + position: absolute; + right: 16px + } + + .exos-horizontal-card { + flex-flow: column; + margin-bottom: 16px + } + + .exos-horizontal-card__content, .exos-horizontal-card__header { + width: 100% + } + + .exos-horizontal-card__visual { + position: inherit; + width: 100% + } + + .exos-headless-mode .exos-horizontal-card--headless-hidden, .exos-headless-mode .exos-horizontal-card__footer--headless-hidden, .exos-headless-mode .exos-horizontal-card__section--headless-hidden, .exos-horizontal-separator--small-hidden { + display: none + } + + .exos-left-navigation { + border-radius: 0 var(--small-border-radius, 8px) var(--small-border-radius, 8px) 0 + } + + .exos-link--small-align-center { + justify-content: center; + text-align: center + } + + .exos-link--small-align-left { + justify-content: left; + text-align: left + } + + .exos-link--small-align-right { + justify-content: right; + text-align: right + } + + .exos-link--small-hidden { + display: none + } + + .exos-link--small-break-all { + word-break: break-all + } + + .exos-link--small-break-word { + word-break: break-word + } + + .exos-link--small-keep-all { + word-break: keep-all + } + + .exos-link--small-nowrap { + white-space: nowrap + } + + .exos-link--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-link--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-link--small-vertical-align-center { + align-self: center + } + + .exos-link--small-vertical-align-middle { + vertical-align: middle + } + + .exos-link--small-vertical-align-top { + align-self: flex-start + } + + .exos-link-container--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-link-container--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-link-container--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-headless-mode .exos-link--headless-hidden { + display: none + } + + .exos-list--small-align-center { + justify-content: center; + text-align: center + } + + .exos-list--small-align-left { + justify-content: left; + text-align: left + } + + .exos-list--small-align-right { + justify-content: right; + text-align: right + } + + .exos-list--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-list--small-hidden { + display: none + } + + .exos-bullet-list--small-align-center { + justify-content: center; + text-align: center + } + + .exos-bullet-list--small-align-left { + justify-content: left; + text-align: left + } + + .exos-bullet-list--small-align-right { + justify-content: right; + text-align: right + } + + .exos-bullet-list--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-bullet-list--small-hidden, .exos-bullet-list > li--small-hidden { + display: none + } + + .exos-check-list--small-align-center { + justify-content: center; + text-align: center + } + + .exos-check-list--small-align-left { + justify-content: left; + text-align: left + } + + .exos-check-list--small-align-right { + justify-content: right; + text-align: right + } + + .exos-check-list--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-check-list--small-hidden, .exos-check-list > li--small-hidden { + display: none + } + + .exos-icon-list--small-align-center { + justify-content: center; + text-align: center + } + + .exos-icon-list--small-align-left { + justify-content: left; + text-align: left + } + + .exos-icon-list--small-align-right { + justify-content: right; + text-align: right + } + + .exos-icon-list--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-icon-list--small-hidden, .exos-icon-list > li--small-hidden { + display: none + } + + .exos-ordered-list--small-align-center { + justify-content: center; + text-align: center + } + + .exos-ordered-list--small-align-left { + justify-content: left; + text-align: left + } + + .exos-ordered-list--small-align-right { + justify-content: right; + text-align: right + } + + .exos-ordered-list--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-ordered-list--small-hidden { + display: none + } + + .exos-link-list--small-align-center { + justify-content: center; + text-align: center + } + + .exos-link-list--small-align-left { + justify-content: left; + text-align: left + } + + .exos-link-list--small-align-right { + justify-content: right; + text-align: right + } + + .exos-link-list--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-link-list--small-hidden, .exos-page-footer--small-hidden { + display: none + } + + .exos-page-footer__section--small-align-center { + justify-content: center; + text-align: center + } + + .exos-page-footer__section--small-align-left { + justify-content: left; + text-align: left + } + + .exos-page-footer__section--small-align-right { + justify-content: right; + text-align: right + } + + .exos-page-footer__section--small-hidden { + display: none + } + + .exos-page-footer__section-item--small-align-center { + justify-content: center; + text-align: center + } + + .exos-page-footer__section-item--small-align-left { + justify-content: left; + text-align: left + } + + .exos-page-footer__section-item--small-align-right { + justify-content: right; + text-align: right + } + + .exos-page-footer__section-item { + margin-bottom: 24px + } + + .exos-page-footer__section--last .exos-page-footer__section-item { + margin-top: 16px + } + + .exos-page-footer__section--last:only-child .exos-page-footer__section-item { + margin-top: 0 + } + + .exos-page-footer__headline { + margin-bottom: 8px + } + + .exos-page-footer__link { + padding: 6px 0; + width: 100% + } + + .exos-page-footer__social { + margin-bottom: 8px + } + + .exos-page-footer__section-item .exos-toggle-link__content--hidden { + display: inherit + } + + .exos-page-footer__adzone { + max-width: 296px; + width: 48% + } + + .exos-page-footer__block { + padding: 16px + } + + .exos-page-footer__section { + flex-direction: column + } + + .exos-page-footer__section-item--small-hidden { + display: none + } + + .exos-page-footer__separator { + margin: 16px + } + + .exos-headless-mode .exos-page-footer, .exos-page-header--small-hidden { + display: none + } + + .exos-page-header__headline:last-child { + margin-bottom: 8px + } + + .exos-page-header__headline--small-break-all { + word-break: break-all + } + + .exos-page-header__headline--small-break-word { + word-break: break-word + } + + .exos-page-header__headline--small-keep-all { + word-break: keep-all + } + + .exos-page-header__headline--small-nowrap { + white-space: nowrap + } + + .exos-page-header__headline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-page-header { + padding: 24px 0 12px + } + + .exos-page-header__block { + max-width: inherit; + padding: 0 16px; + width: inherit + } + + .exos-page-header--short .exos-page-header__block { + padding-right: 16px + } + + .exos-page-header__headline { + font-family: var(--first-level-mobile-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--first-level-mobile-headline-size, 22px); + line-height: var(--first-level-mobile-headline-line-height, 30px); + margin-bottom: 12px + } + + .exos-page-header__headline--sub { + font-family: var(--third-level-mobile-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-mobile-headline-size, 16px); + line-height: var(--third-level-mobile-headline-line-height, 24px) + } + + .exos-page-header__paragraph { + font-family: var(--fourth-level-mobile-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--fourth-level-mobile-headline-size, 14px); + line-height: var(--fourth-level-mobile-headline-line-height, 20px) + } + + .exos-page-header__back-button:before { + font-size: 18px; + line-height: 26px + } + + .exos-page-header__helpandlearn:before { + font-size: 16px; + line-height: 1.5em; + padding: 0 3.6px; + vertical-align: inherit + } + + .exos-page-header .exos-grid .exos-grid-col--small-12 .exos-button, .exos-page-header .exos-grid .exos-grid-col--small-12 .exos-link, .exos-page-header .exos-grid .exos-grid-col--small-12 .exos-toggle-button, .exos-page-header .exos-grid .exos-grid-col--small-12 .exos-toggle-link { + display: inline-block; + margin-bottom: 12px + } + + .exos-headless-mode .exos-page-header { + box-sizing: border-box; + padding-left: 0; + width: 100%; + z-index: 100 + } + + .exos-headless-mode .exos-page-header--static-overlay-effect { + padding: 28px 0 + } + + .exos-headless-mode .exos-page-header--headless-hidden { + display: none + } + + .exos-headless-mode .exos-page-header__block { + box-sizing: border-box; + margin-bottom: 0; + overflow: hidden + } + + .exos-headless-mode .exos-page-header--static-overlay-effect .exos-page-header__block { + padding: 0 30px + } + + .exos-headless-mode .exos-page-header__headline { + margin-bottom: 0; + margin-right: 28px; + overflow: hidden + } + + .exos-headless-mode .exos-page-header__back-button, .exos-headless-mode .exos-page-header__paragraph { + display: none + } + + .exos-headless-mode .exos-page-header__headline + .exos-page-header__headline--sub { + margin-bottom: 12px; + margin-top: 4px + } + + .exos-oao-pi-headless-flyin .exos-page-header { + display: none + } + + .exos-oao-pi-headless-overlay.exos-oao-pi-size-large .exos-page-header { + padding-top: 32px + } + + .exos-oao-pi-headless-overlay.exos-oao-pi-size-large .exos-page-header__close { + right: 9px; + top: 9px + } + + .exos-__has-left-navigation .exos-page-header { + padding-left: 0 + } + + .exos-message__section { + padding: 16px 24px + } + + .exos-message__footer { + margin-top: 16px + } + + .exos-message__footer--small-align-center { + justify-content: center; + text-align: center + } + + .exos-message__footer--small-align-left { + justify-content: left; + text-align: left + } + + .exos-message__footer--small-align-right { + justify-content: right; + text-align: right + } + + .exos-message__footer--small-hidden { + display: none + } + + .exos-message__footer--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-message__footer--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-message__footer--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-page-section--small-align-center { + justify-content: center; + text-align: center + } + + .exos-page-section--small-align-left { + justify-content: left; + text-align: left + } + + .exos-page-section--small-align-right { + justify-content: right; + text-align: right + } + + .exos-page-section--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-page-section--small-hidden { + display: none + } + + .exos-page-section--semantic-bar-activating:first-child, .exos-page-section--semantic-bar-activating:last-child, .exos-page-section--semantic-bar-activating:only-child, .exos-page-section--semantic-bar-corporate:first-child, .exos-page-section--semantic-bar-corporate:last-child, .exos-page-section--semantic-bar-corporate:only-child, .exos-page-section--semantic-bar-critical:first-child, .exos-page-section--semantic-bar-critical:last-child, .exos-page-section--semantic-bar-critical:only-child, .exos-page-section--semantic-bar-neutral:first-child, .exos-page-section--semantic-bar-neutral:last-child, .exos-page-section--semantic-bar-neutral:only-child, .exos-page-section--semantic-bar-promoting:first-child, .exos-page-section--semantic-bar-promoting:last-child, .exos-page-section--semantic-bar-promoting:only-child, .exos-page-section--semantic-bar-success:first-child, .exos-page-section--semantic-bar-success:last-child, .exos-page-section--semantic-bar-success:only-child, .exos-page-section--semantic-bar-warning:first-child, .exos-page-section--semantic-bar-warning:last-child, .exos-page-section--semantic-bar-warning:only-child { + border-radius: 0 + } + + .exos-page-section { + padding: 16px 0 + } + + .exos-page-section:last-child { + padding-bottom: 32px + } + + .exos-page-section--advertising:last-child, .exos-page-section--beta:last-child { + padding-bottom: 16px + } + + .exos-page-section__block { + max-width: 100%; + padding: 0 16px + } + + .exos-page-section--short .exos-page-section__block { + padding-right: 16px + } + + .exos-page-section__paragraph--narrow { + padding-left: 0; + padding-right: 0; + width: 100% + } + + .exos-headless-mode .exos-page-section { + margin-bottom: 0; + margin-top: 0; + padding-bottom: 16px; + padding-top: 16px + } + + .exos-headless-mode .exos-page-section:last-child { + padding-bottom: 16px + } + + .exos-headless-mode .exos-page-section--beta { + display: none + } + + .exos-headless-mode .exos-page-section--static-overlay-effect { + padding: 28px 0 + } + + .exos-headless-mode .exos-page-section--static-overlay-effect .exos-page-section__block { + padding: 0 30px + } + + .exos-headless-mode .exos-page-section--static-overlay-effect .exos-sheet { + margin: -28px -30px 28px -28px; + padding: 12px + } + + .exos-headless-mode .exos-page-section--static-overlay-effect .exos-sheet:last-child { + margin-bottom: -28px + } + + .exos-headless-mode .exos-page-section--headless-hidden { + display: none + } + + .exos-oao-pi-headless-flyin .exos-page-section { + padding-left: 0; + top: inherit + } + + .exos-oao-pi-headless-flyin .exos-page-header + .exos-page-section { + padding-top: 16px + } + + .exos-page-section--align-center .exos-paragraph--narrow { + padding-left: 0; + padding-right: 0 + } + + .exos-page-section + .exos-page-section, .exos-page-section + .exos-page-section--advertising, .exos-page-section + .exos-page-section--beta, .exos-page-section + .exos-page-section--corporate-solid, .exos-page-section + .exos-page-section--neutral-solid, .exos-page-section + .exos-page-section--premium, .exos-page-section + .exos-page-section--primary, .exos-page-section + .exos-page-section--secondary, .exos-page-section + .exos-page-section--sticky, .exos-page-section--advertising + .exos-page-section, .exos-page-section--beta + .exos-page-section, .exos-page-section--corporate-solid + .exos-page-section, .exos-page-section--neutral-solid + .exos-page-section, .exos-page-section--premium + .exos-page-section, .exos-page-section--primary + .exos-page-section, .exos-page-section--secondary + .exos-page-section, .exos-page-section--sticky + .exos-page-section { + padding-top: 16px + } + + .exos-page-header + .exos-page-section { + padding-top: 0 + } + + .exos-page-header + .exos-page-section--advertising, .exos-page-header + .exos-page-section--beta, .exos-page-header + .exos-page-section--corporate-solid, .exos-page-header + .exos-page-section--neutral-solid, .exos-page-header + .exos-page-section--premium, .exos-page-header + .exos-page-section--primary, .exos-page-header + .exos-page-section--secondary { + padding-top: 16px + } + + .exos-page-section > :last-child, .exos-page-section__block > :last-child { + margin-bottom: 0 + } + + .exos-page-section__block > div.exos-grid-12:last-child, .exos-page-section__block > section.exos-grid-12:last-child { + display: flow-root; + margin-bottom: -12px + } + + .exos-__has-left-navigation .exos-page-section { + padding-left: 0 + } + + .exos-page-tabbar { + padding: 0 16px 8px + } + + .exos-page-tabbar--small-hidden { + display: none + } + + .exos-page-tabbar--short .exos-page-tabbar__block { + padding-right: 0 + } + + .exos-page-tabbar__items--scrollable { + padding: 0 38px + } + + .exos-page-tabbar__item--small-hidden { + display: none + } + + .exos-page-tabbar__link { + padding: 14px 12px 10px + } + + .exos-page-tabbar__description, .exos-page-tabbar__icon { + display: none + } + + .exos-page-tabbar__navigation { + width: 38px + } + + .exos-pagination__list-item > a, .exos-pagination__size-selector-select { + border-radius: var(--small-border-radius, 8px) + } + + .exos-pagination__list-item { + margin-right: 0 + } + + .exos-panel { + margin-bottom: 16px + } + + .exos-panel--small-hidden { + display: none + } + + .exos-panel__item { + border-radius: var(--small-border-radius, 8px) + } + + .exos-panel__item--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-panel__item-header { + padding-left: 16px; + padding-right: 16px + } + + .exos-panel__headline { + font-family: var(--first-level-mobile-headline-family, "OverpassSemibold", arial, sans-serif); + font-size: var(--first-level-mobile-headline-size, 22px); + line-height: var(--first-level-mobile-headline-line-height, 30px) + } + + .exos-panel__headline--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-panel__headline--small-vertical-align-center { + align-self: center + } + + .exos-panel__headline--small-vertical-align-middle { + vertical-align: middle + } + + .exos-panel__headline--small-vertical-align-top { + align-self: flex-start + } + + .exos-panel__subheadline--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-panel__subheadline--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-panel__subheadline--small-vertical-align-center { + align-self: center + } + + .exos-panel__subheadline--small-vertical-align-middle { + vertical-align: middle + } + + .exos-panel__subheadline--small-vertical-align-top { + align-self: flex-start + } + + .exos-panel__item-section { + padding-left: 16px; + padding-right: 16px + } + + .exos-paragraph--small-align-center { + justify-content: center; + text-align: center + } + + .exos-paragraph--small-align-left { + justify-content: left; + text-align: left + } + + .exos-paragraph--small-align-right { + justify-content: right; + text-align: right + } + + .exos-paragraph--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-paragraph--small-full-width { + width: 100% + } + + .exos-paragraph--small-hidden { + display: none + } + + .exos-paragraph--small-nowrap { + white-space: nowrap + } + + .exos-paragraph--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-paragraph--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-paragraph--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-paragraph--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-paragraph--small-break-all { + word-break: break-all + } + + .exos-paragraph--small-break-word { + word-break: break-word + } + + .exos-paragraph--small-keep-all { + word-break: keep-all + } + + .exos-paragraph--last { + margin-bottom: 14px + } + + .exos-paragraph--narrow { + padding-left: 0; + padding-right: 0; + width: 100% + } + + .exos-headless-mode .exos-paragraph--headless-hidden { + display: none + } + + .exos-popover { + border-radius: var(--small-border-radius, 8px) + } + + .exos-popover__section--small-align-center { + justify-content: center; + text-align: center + } + + .exos-popover__section--small-align-left { + justify-content: left; + text-align: left + } + + .exos-popover__section--small-align-right { + justify-content: right; + text-align: right + } + + .exos-popover__footer > a--small-hidden, .exos-popover__footer > button--small-hidden, .exos-popover__footer > p--small-hidden { + display: none + } + + .exos-popover__footer--small-align-center { + justify-content: center; + text-align: center + } + + .exos-popover__footer--small-align-left { + justify-content: left; + text-align: left + } + + .exos-popover__footer--small-align-right { + justify-content: right; + text-align: right + } + + .exos-popover__footer--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-popover__footer--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-popover__footer--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-price--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-price--small-align-right { + align-items: flex-end; + display: flex; + flex-flow: column; + gap: 0 4px + } + + .exos-price--small-align-right.exos-price--small { + align-items: baseline; + flex-flow: wrap; + justify-content: flex-end + } + + .exos-price--small-align-right .exos-toggle__content:not(.exos-toggle__content--hidden) { + align-items: flex-end; + display: flex; + flex-direction: column + } + + .exos-quotabar--small-hidden, .exos-quotadonut--small-hidden, .exos-sheet--small-hidden { + display: none + } + + .exos-sheet--small-cropped { + margin-bottom: 0; + margin-top: 0 + } + + .exos-sheet--semantic-bar-activating:first-child, .exos-sheet--semantic-bar-activating:last-child, .exos-sheet--semantic-bar-activating:only-child, .exos-sheet--semantic-bar-corporate:first-child, .exos-sheet--semantic-bar-corporate:last-child, .exos-sheet--semantic-bar-corporate:only-child, .exos-sheet--semantic-bar-critical:first-child, .exos-sheet--semantic-bar-critical:last-child, .exos-sheet--semantic-bar-critical:only-child, .exos-sheet--semantic-bar-neutral:first-child, .exos-sheet--semantic-bar-neutral:last-child, .exos-sheet--semantic-bar-neutral:only-child, .exos-sheet--semantic-bar-promoting:first-child, .exos-sheet--semantic-bar-promoting:last-child, .exos-sheet--semantic-bar-promoting:only-child, .exos-sheet--semantic-bar-success:first-child, .exos-sheet--semantic-bar-success:last-child, .exos-sheet--semantic-bar-success:only-child, .exos-sheet--semantic-bar-warning:first-child, .exos-sheet--semantic-bar-warning:last-child, .exos-sheet--semantic-bar-warning:only-child { + border-radius: 0 + } + + .exos-sheet { + border-radius: var(--small-border-radius, 8px); + margin: 0 0 14px + } + + .exos-sheet + .exos-sheet { + margin-top: 16px + } + + .exos-sheet__badge { + margin-bottom: 8px + } + + .exos-sheet__badge--positioned { + margin-bottom: 8px; + margin-left: -16px; + margin-top: -3px + } + + .exos-sheet__section { + padding: 16px + } + + .exos-sheet__section--cropped { + padding: 0 16px + } + + .exos-sheet__section--active { + margin-left: 0 + } + + .exos-sheet__section--small-align-center { + justify-content: center; + text-align: center + } + + .exos-sheet__section--small-align-left { + justify-content: left; + text-align: left + } + + .exos-sheet__section--small-align-right { + justify-content: right; + text-align: right + } + + .exos-sheet__section--small-hidden { + display: none + } + + .exos-sheet__section--semantic-bar-activating:first-child, .exos-sheet__section--semantic-bar-activating:last-child, .exos-sheet__section--semantic-bar-activating:only-child, .exos-sheet__section--semantic-bar-corporate:first-child, .exos-sheet__section--semantic-bar-corporate:last-child, .exos-sheet__section--semantic-bar-corporate:only-child, .exos-sheet__section--semantic-bar-critical:first-child, .exos-sheet__section--semantic-bar-critical:last-child, .exos-sheet__section--semantic-bar-critical:only-child, .exos-sheet__section--semantic-bar-neutral:first-child, .exos-sheet__section--semantic-bar-neutral:last-child, .exos-sheet__section--semantic-bar-neutral:only-child, .exos-sheet__section--semantic-bar-promoting:first-child, .exos-sheet__section--semantic-bar-promoting:last-child, .exos-sheet__section--semantic-bar-promoting:only-child, .exos-sheet__section--semantic-bar-success:first-child, .exos-sheet__section--semantic-bar-success:last-child, .exos-sheet__section--semantic-bar-success:only-child, .exos-sheet__section--semantic-bar-warning:first-child, .exos-sheet__section--semantic-bar-warning:last-child, .exos-sheet__section--semantic-bar-warning:only-child { + border-radius: 0 + } + + .exos-sheet__section--success { + border-width: 1px + } + + .exos-sheet__section--success:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--success:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--success:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--warning { + border-width: 1px + } + + .exos-sheet__section--warning:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--warning:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--warning:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--critical { + border-width: 1px + } + + .exos-sheet__section--critical:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--critical:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--critical:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--neutral { + border-width: 1px + } + + .exos-sheet__section--neutral:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--neutral:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--neutral:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--activating { + border-width: 1px + } + + .exos-sheet__section--activating:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--activating:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--activating:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--corporate { + border-width: 1px + } + + .exos-sheet__section--corporate:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--corporate:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--corporate:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--promoting { + border-width: 1px + } + + .exos-sheet__section--promoting:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--promoting:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--promoting:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-sheet__section--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-sheet__section--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-sheet__section--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-grid-col--small-12 .exos-sheet__section--separator-left { + border-left: none + } + + .exos-grid-col--small-12 .exos-sheet__section--separator-right { + border-right: none + } + + .exos-sheet__section--visualized { + max-height: 320px + } + + .exos-sheet__section--visualized .exos-sheet__visual { + margin: -16px; + position: inherit; + width: 100% + } + + .exos-sheet__close { + right: 15px; + top: 15px + } + + .exos-sheet__close:before { + font-size: 21px + } + + .exos-sheet__close + .exos-headline { + margin-right: 30px + } + + .exos-sheet__stripes { + padding-left: 0; + padding-right: 0 + } + + .exos-sheet__footer { + margin-top: 16px + } + + .exos-sheet__footer--small-align-center { + justify-content: center; + text-align: center + } + + .exos-sheet__footer--small-align-left { + justify-content: left; + text-align: left + } + + .exos-sheet__footer--small-align-right { + justify-content: right; + text-align: right + } + + .exos-sheet__footer--small-hidden { + display: none + } + + .exos-sheet__footer--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-sheet__footer--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-sheet__footer--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-sheet__header { + padding: 12px 16px + } + + .exos-sheet__header .exos-sheet__headline { + font-family: var(--third-level-mobile-headline-family, "OpenSansSemibold", arial, sans-serif); + font-size: var(--third-level-mobile-headline-size, 16px); + line-height: var(--third-level-mobile-headline-line-height, 24px) + } + + .exos-sheet__header .exos-sheet__link { + margin-left: 0; + margin-top: 6px + } + + .exos-sheet__header .exos-sheet__close { + right: 8px + } + + .exos-sheet__header--small-align-center { + justify-content: center; + text-align: center + } + + .exos-sheet__header--small-align-left { + justify-content: left; + text-align: left + } + + .exos-sheet__header--small-align-right { + justify-content: right; + text-align: right + } + + .exos-sheet__header--small-hidden { + display: none + } + + .exos-sheet__header--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-sheet__header--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-sheet__header--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-grid-col--small-12 .exos-sheet__visual { + margin-bottom: 16px + } + + .exos-headless-mode .exos-sheet--headless-hidden, .exos-headless-mode .exos-sheet__footer--headless-hidden, .exos-headless-mode .exos-sheet__section--headless-hidden { + display: none + } + + .exos-oao-pi-headless-flyin .exos-sheet { + background-color: initial; + box-shadow: none + } + + .exos-sheet__section:has(+.exos-sheet__section--hidden:last-child), .exos-sheet__section:has(+.exos-sheet__section.exos-hidden:last-child) { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--activating > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--corporate > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--critical > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--neutral > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--promoting > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--success > .exos-sheet__stripes > .exos-settings-stripe:last-child, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-action-stripe:first-child, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-action-stripe:last-child, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-settings-stripe:first-child, .exos-sheet.exos-sheet--warning > .exos-sheet__stripes > .exos-settings-stripe:last-child { + border-bottom-left-radius: calc(var(--small-border-radius, 8px) - 2px); + border-bottom-right-radius: calc(var(--small-border-radius, 8px) - 2px) + } + + .exos-snackbar { + border-radius: var(--xsmall-border-radius, 4px) + } + + .exos-static-overlay__blocker--small-hidden, .exos-static-overlay__container--small-hidden { + display: none + } + + .exos-static-overlay__container { + align-items: flex-start; + top: 76px + } + + .exos-static-overlay__content { + border-radius: var(--small-border-radius, 8px); + max-width: 95%; + min-width: auto; + width: 100% + } + + .exos-stripe--small-align-center { + justify-content: center; + text-align: center + } + + .exos-stripe--small-align-left { + justify-content: left; + text-align: left + } + + .exos-stripe--small-align-right { + justify-content: right; + text-align: right + } + + .exos-stripe--small-hidden { + display: none + } + + .exos-stripe__item--small-align-center { + justify-content: center; + text-align: center + } + + .exos-stripe__item--small-align-left { + justify-content: left; + text-align: left + } + + .exos-stripe__item--small-align-right { + justify-content: right; + text-align: right + } + + .exos-stripe__item--small-vertical-align-bottom { + align-items: flex-end; + display: flex; + flex-flow: wrap + } + + .exos-stripe__item--small-vertical-align-center { + align-items: center; + display: flex; + flex-flow: wrap + } + + .exos-stripe__item--small-vertical-align-top { + align-items: flex-start; + display: flex; + flex-flow: wrap + } + + .exos-stripe__item--small-vertical-align-bottom { + align-self: flex-end + } + + .exos-stripe__item--small-vertical-align-center { + align-self: center + } + + .exos-stripe__item--small-vertical-align-middle { + vertical-align: middle + } + + .exos-stripe__item--small-vertical-align-top { + align-self: flex-start + } + + .exos-sheet__stripes .exos-stripe__item { + margin-left: 8px; + margin-right: 8px + } + + .exos-sheet__stripes .exos-stripe__item:last-child { + margin-right: 8px + } + + .exos-action-stripe--semantic-bar-activating:first-child, .exos-action-stripe--semantic-bar-activating:last-child, .exos-action-stripe--semantic-bar-activating:only-child, .exos-action-stripe--semantic-bar-corporate:first-child, .exos-action-stripe--semantic-bar-corporate:last-child, .exos-action-stripe--semantic-bar-corporate:only-child, .exos-action-stripe--semantic-bar-critical:first-child, .exos-action-stripe--semantic-bar-critical:last-child, .exos-action-stripe--semantic-bar-critical:only-child, .exos-action-stripe--semantic-bar-neutral:first-child, .exos-action-stripe--semantic-bar-neutral:last-child, .exos-action-stripe--semantic-bar-neutral:only-child, .exos-action-stripe--semantic-bar-promoting:first-child, .exos-action-stripe--semantic-bar-promoting:last-child, .exos-action-stripe--semantic-bar-promoting:only-child, .exos-action-stripe--semantic-bar-success:first-child, .exos-action-stripe--semantic-bar-success:last-child, .exos-action-stripe--semantic-bar-success:only-child, .exos-action-stripe--semantic-bar-warning:first-child, .exos-action-stripe--semantic-bar-warning:last-child, .exos-action-stripe--semantic-bar-warning:only-child, .exos-settings-stripe--semantic-bar-activating:first-child, .exos-settings-stripe--semantic-bar-activating:last-child, .exos-settings-stripe--semantic-bar-activating:only-child, .exos-settings-stripe--semantic-bar-corporate:first-child, .exos-settings-stripe--semantic-bar-corporate:last-child, .exos-settings-stripe--semantic-bar-corporate:only-child, .exos-settings-stripe--semantic-bar-critical:first-child, .exos-settings-stripe--semantic-bar-critical:last-child, .exos-settings-stripe--semantic-bar-critical:only-child, .exos-settings-stripe--semantic-bar-neutral:first-child, .exos-settings-stripe--semantic-bar-neutral:last-child, .exos-settings-stripe--semantic-bar-neutral:only-child, .exos-settings-stripe--semantic-bar-promoting:first-child, .exos-settings-stripe--semantic-bar-promoting:last-child, .exos-settings-stripe--semantic-bar-promoting:only-child, .exos-settings-stripe--semantic-bar-success:first-child, .exos-settings-stripe--semantic-bar-success:last-child, .exos-settings-stripe--semantic-bar-success:only-child, .exos-settings-stripe--semantic-bar-warning:first-child, .exos-settings-stripe--semantic-bar-warning:last-child, .exos-settings-stripe--semantic-bar-warning:only-child { + border-radius: 0 + } + + .exos-action-stripe__label--small-nowrap { + white-space: nowrap + } + + .exos-action-stripe__label--small-break-all { + word-break: break-all + } + + .exos-action-stripe__label--small-break-word { + word-break: break-word + } + + .exos-action-stripe__label--small-keep-all { + word-break: keep-all + } + + .exos-action-stripe__label--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-action-stripe__action--small-nowrap { + white-space: nowrap + } + + .exos-action-stripe__action--small-break-all { + word-break: break-all + } + + .exos-action-stripe__action--small-break-word { + word-break: break-word + } + + .exos-action-stripe__action--small-keep-all { + word-break: keep-all + } + + .exos-action-stripe__action--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-action-stripe__icon--small-hidden { + display: none + } + + .exos-action-stripe, .exos-action-stripe__action, .exos-action-stripe__label { + padding-left: 8px; + padding-right: 8px + } + + .exos-action-stripe__icon { + margin-left: 8px; + margin-right: 0 + } + + .exos-action-stripe--link { + flex-flow: column + } + + .exos-action-stripe--link .exos-action-stripe__icon { + align-self: flex-start + } + + .exos-action-stripe--link .exos-action-stripe__action, .exos-action-stripe--link .exos-action-stripe__label { + text-align: left; + width: 100% + } + + .exos-headless-mode .exos-action-stripe--headless-hidden, .exos-headless-mode .exos-action-stripe__icon--headless-hidden { + display: none + } + + .exos-settings-stripe__label--small-nowrap { + white-space: nowrap + } + + .exos-settings-stripe__label--small-break-all { + word-break: break-all + } + + .exos-settings-stripe__label--small-break-word { + word-break: break-word + } + + .exos-settings-stripe__label--small-keep-all { + word-break: keep-all + } + + .exos-settings-stripe__label--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-settings-stripe__value--small-nowrap { + white-space: nowrap + } + + .exos-settings-stripe__value--small-break-all { + word-break: break-all + } + + .exos-settings-stripe__value--small-break-word { + word-break: break-word + } + + .exos-settings-stripe__value--small-keep-all { + word-break: keep-all + } + + .exos-settings-stripe__value--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-settings-stripe__action--small-nowrap { + white-space: nowrap + } + + .exos-settings-stripe__action--small-break-all { + word-break: break-all + } + + .exos-settings-stripe__action--small-break-word { + word-break: break-word + } + + .exos-settings-stripe__action--small-keep-all { + word-break: keep-all + } + + .exos-settings-stripe__action--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-settings-stripe__icon--small-hidden { + display: none + } + + .exos-settings-stripe { + display: inherit + } + + .exos-settings-stripe, .exos-settings-stripe__action, .exos-settings-stripe__label, .exos-settings-stripe__value { + padding-left: 8px; + padding-right: 8px + } + + .exos-settings-stripe__icon { + margin-left: 8px; + margin-right: 0 + } + + .exos-settings-stripe__label { + float: left; + margin-bottom: 1px; + width: 83.33333% + } + + .exos-settings-stripe--switch .exos-settings-stripe__label { + float: left; + width: 75% + } + + .exos-settings-stripe--link .exos-settings-stripe__label, .exos-settings-stripe--link .exos-settings-stripe__value, .exos-settings-stripe--menu .exos-settings-stripe__value, .exos-settings-stripe--readonly .exos-settings-stripe__label, .exos-settings-stripe--readonly .exos-settings-stripe__value, .exos-settings-stripe--short.exos-settings-stripe--link .exos-settings-stripe__label, .exos-settings-stripe--switch .exos-settings-stripe__value, .exos-settings-stripe__value { + width: 100% + } + + .exos-settings-stripe--short .exos-settings-stripe__action, .exos-settings-stripe__action { + align-items: center; + display: flex; + float: left; + height: 100%; + justify-content: flex-end; + position: absolute; + right: 16px; + top: 0; + width: 16.66667% + } + + .exos-settings-stripe--switch .exos-settings-stripe__action { + float: left; + width: 25% + } + + .exos-settings-stripe--menu .exos-settings-stripe__action { + min-width: 53% + } + + .exos-settings-stripe--link .exos-settings-stripe__action { + align-items: inherit; + display: inherit; + height: inherit; + justify-content: inherit; + position: inherit; + right: inherit; + text-align: left; + top: inherit; + width: 100% + } + + .exos-settings-stripe--link .exos-settings-stripe__icon { + align-self: flex-start + } + + .exos-settings-stripe--short .exos-settings-stripe--switch .exos-settings-stripe__action { + float: left; + width: 25% + } + + .exos-settings-stripe--short .exos-settings-stripe--menu .exos-settings-stripe__action { + min-width: 53% + } + + .exos-settings-stripe--short.exos-settings-stripe--link .exos-settings-stripe__action { + top: inherit; + width: 100% + } + + .exos-headless-mode .exos-settings-stripe--headless-hidden, .exos-headless-mode .exos-settings-stripe__icon--headless-hidden { + display: none + } + + .exos-settings-stripe__flyout .exos-context-menu__list { + position: absolute; + right: 0 + } + + .exos-settings-stripe--short .exos-settings-stripe__flyout .exos-context-menu__list { + right: -1px + } + + .exos-settings-stripe__value .exos-quotabar { + margin-top: 4px + } + + .exos-menu-stripe { + border-radius: 8px + } + + .exos-menu-stripe--cropped + .exos-menu-stripe:first-child { + border-radius: 8px 8px 0 0 + } + + .exos-menu-stripe--cropped + .exos-menu-stripe:last-child { + border-radius: 0 0 8px 8px + } + + .exos-menu-stripe__section { + flex-flow: column + } + + .exos-menu-stripe__section--semantic-bar-activating:first-child, .exos-menu-stripe__section--semantic-bar-activating:last-child, .exos-menu-stripe__section--semantic-bar-activating:only-child, .exos-menu-stripe__section--semantic-bar-corporate:first-child, .exos-menu-stripe__section--semantic-bar-corporate:last-child, .exos-menu-stripe__section--semantic-bar-corporate:only-child, .exos-menu-stripe__section--semantic-bar-critical:first-child, .exos-menu-stripe__section--semantic-bar-critical:last-child, .exos-menu-stripe__section--semantic-bar-critical:only-child, .exos-menu-stripe__section--semantic-bar-neutral:first-child, .exos-menu-stripe__section--semantic-bar-neutral:last-child, .exos-menu-stripe__section--semantic-bar-neutral:only-child, .exos-menu-stripe__section--semantic-bar-promoting:first-child, .exos-menu-stripe__section--semantic-bar-promoting:last-child, .exos-menu-stripe__section--semantic-bar-promoting:only-child, .exos-menu-stripe__section--semantic-bar-success:first-child, .exos-menu-stripe__section--semantic-bar-success:last-child, .exos-menu-stripe__section--semantic-bar-success:only-child, .exos-menu-stripe__section--semantic-bar-warning:first-child, .exos-menu-stripe__section--semantic-bar-warning:last-child, .exos-menu-stripe__section--semantic-bar-warning:only-child { + border-radius: 0 + } + + .exos-menu-stripe__section--success { + border-width: 1px + } + + .exos-menu-stripe__section--success:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--success:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--success:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--warning { + border-width: 1px + } + + .exos-menu-stripe__section--warning:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--warning:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--warning:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--critical { + border-width: 1px + } + + .exos-menu-stripe__section--critical:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--critical:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--critical:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--neutral { + border-width: 1px + } + + .exos-menu-stripe__section--neutral:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--neutral:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--neutral:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--activating { + border-width: 1px + } + + .exos-menu-stripe__section--activating:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--activating:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--activating:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--corporate { + border-width: 1px + } + + .exos-menu-stripe__section--corporate:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--corporate:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--corporate:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--promoting { + border-width: 1px + } + + .exos-menu-stripe__section--promoting:first-child { + border-top-left-radius: var(--small-border-radius, 8px); + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--promoting:last-child { + border-bottom-left-radius: var(--small-border-radius, 8px); + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__section--promoting:only-child { + border-radius: var(--small-border-radius, 8px) + } + + .exos-menu-stripe__item { + padding-bottom: 6px; + padding-top: 6px + } + + .exos-menu-stripe__item:first-child:nth-last-child(2), .exos-menu-stripe__item:first-child:nth-last-child(3), .exos-menu-stripe__item:nth-child(2):last-child, .exos-menu-stripe__item:nth-child(2):nth-last-child(2), .exos-menu-stripe__item:nth-child(3):last-child { + width: 100% + } + + .exos-menu-stripe__label--small-hidden { + display: none + } + + .exos-menu-stripe__label--small-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__label--small-break-all { + word-break: break-all + } + + .exos-menu-stripe__label--small-break-word { + word-break: break-word + } + + .exos-menu-stripe__label--small-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__label--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__status--small-hidden { + display: none + } + + .exos-menu-stripe__status--small-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__status--small-break-all { + word-break: break-all + } + + .exos-menu-stripe__status--small-break-word { + word-break: break-word + } + + .exos-menu-stripe__status--small-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__status--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__description--small-hidden { + display: none + } + + .exos-menu-stripe__description--small-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__description--small-break-all { + word-break: break-all + } + + .exos-menu-stripe__description--small-break-word { + word-break: break-word + } + + .exos-menu-stripe__description--small-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__description--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-menu-stripe__action { + text-align: left + } + + .exos-menu-stripe__action--small-hidden { + display: none + } + + .exos-menu-stripe__action--small-nowrap { + white-space: nowrap + } + + .exos-menu-stripe__action--small-break-all { + word-break: break-all + } + + .exos-menu-stripe__action--small-break-word { + word-break: break-word + } + + .exos-menu-stripe__action--small-keep-all { + word-break: keep-all + } + + .exos-menu-stripe__action--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-headless-mode .exos-menu-stripe--headless-hidden, .exos-svg-icon--small-hidden { + display: none + } + + .exos-table--page-context { + border-radius: 0 + } + + .exos-table .exos-table__header th:first-child, .exos-table .exos-table__header th:last-child { + border-top-left-radius: var(--small-border-radius, 8px) + } + + .exos-table.exos-table--has-toolbar tr th:first-child, .exos-table.exos-table--has-toolbar tr th:last-child { + border-top-left-radius: 0 + } + + .exos-table--small-hidden { + display: none + } + + .exos-table__caption { + border-left: none; + border-right: none; + box-shadow: var(--table-row-shadow, inset 0 -1px 0 0 #bcc8d4) + } + + .exos-table__row--small-hidden { + display: none + } + + .exos-table__row--activating:last-child, .exos-table__row--corporate:last-child, .exos-table__row--critical:last-child, .exos-table__row--neutral:last-child, .exos-table__row--promoting:last-child, .exos-table__row--success:last-child, .exos-table__row--warning:last-child { + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px + } + + .exos-table--borderless:not(.exos-table--responsive) .exos-table__row { + box-shadow: none + } + + .exos-table__cell--small-align-center { + justify-content: center; + text-align: center + } + + .exos-table__cell--small-align-left { + justify-content: left; + text-align: left + } + + .exos-table__cell--small-align-right { + justify-content: right; + text-align: right + } + + .exos-table__cell--small-hidden { + display: none + } + + .exos-table__cell--small-ellipsized { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + + .exos-table__cell--small-nowrap { + white-space: nowrap + } + + .exos-table__cell--small-break-all { + word-break: break-all + } + + .exos-table__cell--small-break-word { + word-break: break-word + } + + .exos-table__cell--small-keep-all { + word-break: keep-all + } + + .exos-table__header .exos-table__cell:first-child { + border-top-left-radius: var(--small-border-radius, 8px) + } + + .exos-table__header .exos-table__cell:last-child { + border-top-right-radius: var(--small-border-radius, 8px) + } + + .exos-table__row:last-child .exos-table__cell:first-child { + border-bottom-left-radius: var(--small-border-radius, 8px) + } + + .exos-table__row:last-child .exos-table__cell:last-child { + border-bottom-right-radius: var(--small-border-radius, 8px) + } + + .exos-table--page-context .exos-table__header .exos-table__cell:first-child { + border-top-left-radius: 0 + } + + .exos-table--page-context .exos-table__header .exos-table__cell:last-child { + border-top-right-radius: 0 + } + + .exos-table--page-context .exos-table__row:last-child .exos-table__cell:first-child { + border-bottom-left-radius: 0 + } + + .exos-table--page-context .exos-table__row:last-child .exos-table__cell:last-child { + border-bottom-right-radius: 0 + } + + .exos-table__checkbox + label { + right: 6px + } + + .exos-table__toolbar { + border-radius: var(--small-border-radius, 8px) var(--small-border-radius, 8px) 0 0; + padding: 16px 16px 32px + } + + .exos-table-search { + border-radius: var(--small-border-radius, 8px); + margin-bottom: 16px + } + + .exos-table-search__section:last-of-type { + border-radius: 0 0 var(--small-border-radius, 8px) var(--small-border-radius, 8px) + } + + .exos-table--responsive { + margin-bottom: 16px; + position: relative + } + + .exos-table--responsive, .exos-table--responsive .exos-table__caption, .exos-table--responsive .exos-table__cell, .exos-table--responsive .exos-table__row, .exos-table--responsive tbody, .exos-table--responsive tfoot { + display: block + } + + .exos-table--responsive .exos-table__row--hidden, .exos-table--responsive thead { + display: none + } + + .exos-table--responsive .exos-table__row { + position: relative + } + + .exos-table--responsive .exos-table__cell, .exos-table--responsive .exos-table__cell:first-child, .exos-table--responsive .exos-table__cell:last-child { + padding: 8px 16px 8px 40%; + width: auto + } + + .exos-table--responsive .exos-table__cell:before { + display: ruby; + left: 16px; + overflow: hidden; + position: absolute; + text-overflow: ellipsis; + text-transform: uppercase; + width: 33% + } + + .exos-table--responsive .exos-table__cell:not(.exos-table__cell--checkbox) { + overflow: hidden; + text-overflow: ellipsis + } + + .exos-table--responsive .exos-table__cell--checkbox { + left: -27px; + position: absolute; + z-index: 1 + } + + .exos-table--responsive .exos-table__cell--flyout { + padding-top: 8px; + position: absolute; + right: 0; + top: 6px + } + + .exos-table--responsive .exos-table__cell--flyout .exos-context-menu__list { + right: 0 + } + + .exos-table--responsive .exos-table__row--feedback .exos-table__cell, .exos-table--responsive .exos-table__row--selection .exos-table__cell { + padding-left: 16px + } + + .exos-table--responsive .exos-table__row--selectable .exos-table__cell { + padding-left: 43% + } + + .exos-table--responsive .exos-table__row--selectable .exos-table__cell:before { + left: 40px; + width: 30% + } + + .exos-table--responsive .exos-table__row--selectable .exos-table__cell--checkbox { + left: 0; + padding-left: 16px; + position: absolute; + z-index: 1 + } + + .exos-table--responsive .exos-table__cell--checkbox:first-child + .exos-table__cell, .exos-table--responsive .exos-table__cell:first-child { + padding-top: 16px + } + + .exos-table--responsive .exos-table__cell:not(.exos-table__cell--flyout):last-child, .exos-table--responsive .exos-table__row--has-flyout .exos-table__cell:nth-last-child(2) { + padding-bottom: 16px + } + + .exos-table--responsive .exos-table__row--has-flyout .exos-table__cell--checkbox:first-child + .exos-table__cell, .exos-table--responsive .exos-table__row--has-flyout .exos-table__cell:not(.exos-table__cell--checkbox):first-child { + margin-right: 32px + } + + .exos-headless-mode .exos-table--headless-hidden, .exos-table--responsive .exos-table__caption--small-hidden, .exos-table--responsive .exos-table__cell--small-hidden, .exos-table--responsive .exos-table__row--small-hidden { + display: none + } + + .exos-toggle-link + .exos-table { + margin-top: 12px + } + + .exos-tile { + border-radius: var(--small-border-radius, 8px) + } + + .exos-tile--small-hidden { + display: none + } + + .exos-tile { + margin-bottom: 15px + } + + .exos-tile__label { + margin-bottom: 0 + } + + .exos-tile:not(.exos-tile--horizontal) .exos-tile__description, .exos-toggle-button__content--small-hidden, .exos-toggle-link__content--small-hidden, .exos-toggle__content--small-hidden, .exos-tooltip--small-hidden { + display: none + } + + .exos-tooltip__element { + border-radius: var(--xsmall-border-radius, 4px) + } +} + +@media only screen and (max-width: 1014px) { + .exos-breadcrumb { + max-width: none; + width: auto + } +} + +@media (max-width: 755px) { + .exos-page-header--short .exos-page-header__back-button:before { + margin-left: 0; + transition: margin-left .5s ease-out + } +} + +@media (min-width: 1160px) and (max-width: 1330px) { + .exos-__has-left-navigation .exos-page-header--short .exos-page-header__back-button:before { + margin-left: 0; + transition: margin-left .5s ease-out + } +} + +@media (max-width: 1053px) { + .exos-page-header--narrow .exos-page-header__back-button:before { + margin-left: 0; + transition: margin-left .5s ease-out + } +} + +@media (min-width: 1160px) and (max-width: 1324px) { + .exos-__has-left-navigation .exos-page-header--narrow .exos-page-header__back-button:before { + margin-left: 0; + transition: margin-left .5s ease-out + } +} + +@media (max-width: 1543px) { + .exos-page-header:not(.exos-page-header--short):not(.exos-page-header--narrow) .exos-page-header__back-button:before { + margin-left: 0; + transition: margin-left .5s ease-out + } +} + +@media only screen { + .exos-headless-mode .exos-page-header__close { + cursor: pointer; + opacity: .5; + position: fixed; + right: 16px; + text-decoration: none; + top: 16px + } + + .exos-headless-mode .exos-page-header__close:hover { + opacity: 1 + } + + .exos-headless-mode .exos-page-header__close:before { + color: var(--black, #000); + content: "\E67B"; + font-family: exos-icon-font, serif; + font-size: 24px; + line-height: 1em + } + + .exos-oao-pi-headless-overlay.exos-oao-pi-size-large .exos-page-header { + padding-bottom: 12px; + padding-top: 24px + } + + .exos-oao-pi-headless-overlay.exos-oao-pi-size-large .exos-page-header__headline { + display: none + } + + .exos-headless-mode .exos-page-section:last-child, .exos-oao-pi-headless-overlay.exos-oao-pi-size-large .exos-page-section:last-child { + padding-bottom: 32px + } } From c855703dd00fc52ecaa7ea32300fee638094102b Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Thu, 21 Nov 2024 10:21:27 +0100 Subject: [PATCH 024/135] feat(feedback): add feedback dialog to header Signed-off-by: Kai Henseler --- src/lib/IONOS/components/IonosFeedback.svelte | 148 ++++++++++++++++++ src/lib/IONOS/components/IonosHeader.svelte | 14 +- src/lib/i18n/locales/de-DE/ionos.json | 15 +- 3 files changed, 167 insertions(+), 10 deletions(-) create mode 100644 src/lib/IONOS/components/IonosFeedback.svelte diff --git a/src/lib/IONOS/components/IonosFeedback.svelte b/src/lib/IONOS/components/IonosFeedback.svelte new file mode 100644 index 00000000000..81feb743d57 --- /dev/null +++ b/src/lib/IONOS/components/IonosFeedback.svelte @@ -0,0 +1,148 @@ + + + + + + + {#if !feedbackSent} + +

{$i18n.t('Feedback', { ns: 'ionos' })}

+ + +

{$i18n.t('Pass on your impressions, suggestions etc. to us...', { ns: 'ionos' })}

+ +
+ + +
+

{$i18n.t('General evaluation', { ns: 'ionos' })}

+ {#each Array(5) as _, index} + + {/each} +
+
+ +
+ +
+ {/if} + + {#if feedbackSent} + {#await postFeedback(feedbackText, rating)} +

{$i18n.t('Feedback is being sent', { ns: 'ionos' })}

+ {:then} + +

{$i18n.t('Thanks!', { ns: 'ionos' })}

+ + +
+
+

+ {$i18n.t('We have received your feedback', { ns: 'ionos' })} +

+
+
+
+ + + +
+ {:catch} + +

+ {$i18n.t('Das hat nicht funktioniert', { ns: 'ionos' })} +

+ +
+
+

+ {$i18n.t('Feedback could not be sent', { ns: 'ionos' })} +

+
+
+
+ + + +
+ {/await} + {/if} + + + + diff --git a/src/lib/IONOS/components/IonosHeader.svelte b/src/lib/IONOS/components/IonosHeader.svelte index 370073f8edf..1725dee6f9a 100644 --- a/src/lib/IONOS/components/IonosHeader.svelte +++ b/src/lib/IONOS/components/IonosHeader.svelte @@ -1,8 +1,11 @@
@@ -36,16 +39,15 @@
- {$i18n.t('Sign up')} - - {$i18n.t('Feedback', { ns: 'ionos' })} + + + {$i18n.t('Feedback', { ns: 'ionos' })} +
diff --git a/src/lib/i18n/locales/de-DE/ionos.json b/src/lib/i18n/locales/de-DE/ionos.json index 0422012e13e..ee063865b61 100644 --- a/src/lib/i18n/locales/de-DE/ionos.json +++ b/src/lib/i18n/locales/de-DE/ionos.json @@ -1,6 +1,13 @@ { - "Feedback": "Feedback", - "Imprint": "Impressum", - "Privacy Policy": "Datenschutz", - "Terms and Conditions": "AGB" + "Feedback": "Feedback", + "Feedback could not be sent": "Feedback konnte nicht gesendet werden", + "Feedback is being sent": "Feedback wird gesendet...", + "General evaluation": "Allgemeine Bewertung", + "Imprint": "Impressum", + "Privacy Policy": "Datenschutz", + "Terms and Conditions": "AGB", + "Pass on your impressions, suggestions etc. to us...": "Geben Sie Ihre Eindrücke, Anregungen etc. an uns weiter...", + "Thanks!": "Vielen Dank!", + "We have received your feedback": "Wir haben Ihr Feedback erhalten", + "Your feedback to us": "Ihr Feedback an uns" } From a895c142942688c2c684a44bb13b7f5bcf0ef946 Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Fri, 22 Nov 2024 14:54:49 +0100 Subject: [PATCH 025/135] feat(feedback): send feedback to to backend Signed-off-by: Kai Henseler --- docker-compose.dev.yaml | 1 + src/lib/IONOS/components/IonosFeedback.svelte | 1 + src/lib/IONOS/components/feedback.ts | 25 +++++++++++++++++++ 3 files changed, 27 insertions(+) create mode 100644 src/lib/IONOS/components/feedback.ts diff --git a/docker-compose.dev.yaml b/docker-compose.dev.yaml index 21b4506c0b7..42e0e6f6f79 100644 --- a/docker-compose.dev.yaml +++ b/docker-compose.dev.yaml @@ -6,6 +6,7 @@ services: context: . target: build command: ["sh", "/app/src/frontend-dev.sh"] + env_file: ".env" depends_on: - backend ports: diff --git a/src/lib/IONOS/components/IonosFeedback.svelte b/src/lib/IONOS/components/IonosFeedback.svelte index 81feb743d57..6f49b2b7913 100644 --- a/src/lib/IONOS/components/IonosFeedback.svelte +++ b/src/lib/IONOS/components/IonosFeedback.svelte @@ -2,6 +2,7 @@ import Star from '$lib/components/icons/Star.svelte'; import { Dialog } from 'bits-ui'; import { getContext } from 'svelte'; + import { postFeedback } from '$lib/IONOS/components/feedback'; const i18n = getContext('i18n'); diff --git a/src/lib/IONOS/components/feedback.ts b/src/lib/IONOS/components/feedback.ts new file mode 100644 index 00000000000..0e588edb368 --- /dev/null +++ b/src/lib/IONOS/components/feedback.ts @@ -0,0 +1,25 @@ +import { PUBLIC_FEEDBACK_BASE_URL } from '$env/static/public'; + +let feedbackEndpoint: string = '/'; +if (PUBLIC_FEEDBACK_BASE_URL) { + feedbackEndpoint = `${PUBLIC_FEEDBACK_BASE_URL}/feedback`; +} + +export const postFeedback = async (comment: string, rating: number) => { + const response = await fetch(feedbackEndpoint, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + comment, + rating + }) + }); + + if (!response.ok) { + throw new Error('Failed to post feedback'); + } + + return await response.json(); +}; From cbc2a62da1002628445a38373ed126bc4e668ee0 Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Fri, 22 Nov 2024 16:34:40 +0100 Subject: [PATCH 026/135] feat: add registration dialog Signed-off-by: Kai Henseler --- src/lib/IONOS/components/IonosHeader.svelte | 11 +- src/lib/IONOS/components/IonosRegister.svelte | 131 ++++++++++++++++++ src/lib/i18n/locales/de-DE/ionos.json | 7 + 3 files changed, 145 insertions(+), 4 deletions(-) create mode 100644 src/lib/IONOS/components/IonosRegister.svelte diff --git a/src/lib/IONOS/components/IonosHeader.svelte b/src/lib/IONOS/components/IonosHeader.svelte index 1725dee6f9a..344b3b65787 100644 --- a/src/lib/IONOS/components/IonosHeader.svelte +++ b/src/lib/IONOS/components/IonosHeader.svelte @@ -2,10 +2,12 @@ import { Dialog } from 'bits-ui'; import { getContext } from 'svelte'; import IonosFeedback from './IonosFeedback.svelte'; + import IonosRegister from './IonosRegister.svelte'; const i18n = getContext('i18n'); - let dialogOpen: boolean; + let feedbackDialogOpen: boolean; + let registerDialogOpen: boolean;
@@ -38,16 +40,17 @@
- + {$i18n.t('Sign up')} + - + {$i18n.t('Feedback', { ns: 'ionos' })} - +
diff --git a/src/lib/IONOS/components/IonosRegister.svelte b/src/lib/IONOS/components/IonosRegister.svelte new file mode 100644 index 00000000000..d41fd547561 --- /dev/null +++ b/src/lib/IONOS/components/IonosRegister.svelte @@ -0,0 +1,131 @@ + + + + + + + {#if !registrationSent} + +

{$i18n.t('Bleiben Sie informiert...', { ns: 'ionos' })}

+ + +

+ {$i18n.t( + 'We are still working on it and will keep you up to date when there is news. Just give us your email address', + { ns: 'ionos' } + )} +

+ +
+ + + + + +
+
+ +
+ {:else} + {#await sendRegistration()} +
+
    +
  • +
    +
    • +
  • +

    + {$i18n.t('Saving email address', { ns: 'ionos' })} +

    +
    • +
+
+ {:then} + +

{$i18n.t('Vielen Dank!', { ns: 'ionos' })}

+ +
+
+

+ {$i18n.t('The e-mail address has been saved', { ns: 'ionos' })} +

+
+
+
+ + + +
+ {:catch} + +

+ {$i18n.t('Something went wrong', { ns: 'ionos' })} +

+ +
+
+

+ {$i18n.t('Your e-mail address could not be saved', { ns: 'ionos' })} +

+
+
+
+ + + +
+ {/await} + {/if} + + diff --git a/src/lib/i18n/locales/de-DE/ionos.json b/src/lib/i18n/locales/de-DE/ionos.json index ee063865b61..2f5803a971b 100644 --- a/src/lib/i18n/locales/de-DE/ionos.json +++ b/src/lib/i18n/locales/de-DE/ionos.json @@ -1,4 +1,5 @@ { + "Email address": "Email Adresse", "Feedback": "Feedback", "Feedback could not be sent": "Feedback konnte nicht gesendet werden", "Feedback is being sent": "Feedback wird gesendet...", @@ -7,7 +8,13 @@ "Privacy Policy": "Datenschutz", "Terms and Conditions": "AGB", "Pass on your impressions, suggestions etc. to us...": "Geben Sie Ihre Eindrücke, Anregungen etc. an uns weiter...", + "Saving email address": "E-Mail-Adresse wird gespeichert...", + "Something went wrong": "Etwas ist schief gelaufen", + "Stay informed": "Bleiben Sie informiert...", "Thanks!": "Vielen Dank!", + "The e-mail address has been saved": "Die E-Mail-Adresse wurde gespeichert", + "We are still working on it and will keep you up to date when there is news. Just give us your email address": "Wir arbeiten weiterhin daran und halten Sie auf dem Laufenden, wenn es Neuigkeiten gibt. Geben Sie uns einfach Ihre Email Adresse", "We have received your feedback": "Wir haben Ihr Feedback erhalten", + "Your e-mail address could not be saved": "Ihre E-Mail-Adresse konnte nicht gespeichert werden", "Your feedback to us": "Ihr Feedback an uns" } From e433f6584debeba3046772002de47fe41115830f Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Mon, 25 Nov 2024 12:00:08 +0100 Subject: [PATCH 027/135] feat(IONOS/registration): post mail to backend Signed-off-by: Kai Henseler --- src/lib/IONOS/api/feedbackBackend.ts | 43 +++++++++++++++++++ src/lib/IONOS/components/IonosRegister.svelte | 9 +--- 2 files changed, 45 insertions(+), 7 deletions(-) create mode 100644 src/lib/IONOS/api/feedbackBackend.ts diff --git a/src/lib/IONOS/api/feedbackBackend.ts b/src/lib/IONOS/api/feedbackBackend.ts new file mode 100644 index 00000000000..b4bc4417dfa --- /dev/null +++ b/src/lib/IONOS/api/feedbackBackend.ts @@ -0,0 +1,43 @@ +import { PUBLIC_FEEDBACK_BASE_URL } from '$env/static/public'; + +let feedbackServiceUrl = ''; +if (PUBLIC_FEEDBACK_BASE_URL) { + feedbackServiceUrl = PUBLIC_FEEDBACK_BASE_URL; +} + +export const postFeedback = async (comment: string, rating: number) => { + const response = await fetch(`${feedbackServiceUrl}/feedback`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + comment, + rating + }) + }); + + if (!response.ok) { + throw new Error('Failed to post feedback'); + } + + return await response.json(); +}; + +export const postRegistration = async (email: string) => { + const response = await fetch(`${feedbackServiceUrl}/register`, { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + email + }) + }); + + if (!response.ok) { + throw new Error('Failed to post registration'); + } + + return await response.json(); +}; diff --git a/src/lib/IONOS/components/IonosRegister.svelte b/src/lib/IONOS/components/IonosRegister.svelte index d41fd547561..219c628138f 100644 --- a/src/lib/IONOS/components/IonosRegister.svelte +++ b/src/lib/IONOS/components/IonosRegister.svelte @@ -1,7 +1,7 @@ -
- +
{$i18n.t('powered by IONOS Model Hub', { ns: 'ionos' })}
@@ -18,13 +13,25 @@

© {currentYear} IONOS SE

- + {$i18n.t('Imprint', { ns: 'ionos' })} - + {$i18n.t('Privacy Policy', { ns: 'ionos' })} - + {$i18n.t('Terms and Conditions', { ns: 'ionos' })}
diff --git a/src/lib/IONOS/components/ionos-variables.css b/src/lib/IONOS/components/ionos-variables.css index 5c7d8e14a2f..dbf45bbc2e6 100644 --- a/src/lib/IONOS/components/ionos-variables.css +++ b/src/lib/IONOS/components/ionos-variables.css @@ -1,4 +1,5 @@ -:root,[data-exos-theme=ionos] { +:root, +[data-exos-theme='ionos'] { --default-text-size: 14px; --default-text-line-height: 20px; --large-text-size: 16px; @@ -325,7 +326,7 @@ --page-footer-border: 1px solid var(--tertiary-shape-color); --global-navigation-background-color: var(--palette-corporate-6); --global-navigation-border1: #095bb1; - --global-navigation-border2: #0b2a63 + --global-navigation-border2: #0b2a63; } @media (prefers-color-scheme: dark) { diff --git a/src/lib/i18n/index.ts b/src/lib/i18n/index.ts index bd3dfa5c99d..5d3396476a3 100644 --- a/src/lib/i18n/index.ts +++ b/src/lib/i18n/index.ts @@ -60,10 +60,7 @@ export const initI18n = (defaultLocale: string | undefined) => { fallbackLng: { default: fallbackDefaultLocale }, - ns: [ - 'translation', - 'ionos' - ], + ns: ['translation', 'ionos'], returnEmptyString: false, interpolation: { escapeValue: false // not needed for svelte as it escapes by default diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 3d790b3991e..710f766b261 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -33,7 +33,7 @@ import { WEBUI_BASE_URL, WEBUI_HOSTNAME } from '$lib/constants'; import i18n, { initI18n, getLanguages } from '$lib/i18n'; import { bestMatchingLanguage } from '$lib/utils'; - import IonosFooter from "$lib/IONOS/components/IonosFooter.svelte"; + import IonosFooter from '$lib/IONOS/components/IonosFooter.svelte'; import IonosHeader from '$lib/IONOS/components/IonosHeader.svelte'; setContext('i18n', i18n); @@ -212,7 +212,7 @@ {#if loaded} {/if} - + Date: Mon, 25 Nov 2024 12:32:07 +0100 Subject: [PATCH 030/135] fix: exos icons not working Signed-off-by: Kai Henseler --- src/exos.css | 28 ++++++++++------------------ 1 file changed, 10 insertions(+), 18 deletions(-) diff --git a/src/exos.css b/src/exos.css index e301bbd9789..04711f38a6f 100644 --- a/src/exos.css +++ b/src/exos.css @@ -294,40 +294,32 @@ body.exos-oao-pi-headless-overlay.exos-oao-pi-size-large .exos-grid-col--article font-display: swap; font-family: OpenSansRegular; src: - url(https://ce1.exos-uicdn.exos-net/exos/fonts/open-sans/opensans-regular.exos-woff2) - format('woff2'), - url(https://ce1.exos-uicdn.exos-net/exos/fonts/open-sans/opensans-regular.exos-woff) - format('woff'); + url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-regular.woff2) format('woff2'), + url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-regular.woff) format('woff'); } @font-face { font-display: swap; font-family: OpenSansSemibold; src: - url(https://ce1.exos-uicdn.exos-net/exos/fonts/open-sans/opensans-semibold.exos-woff2) - format('woff2'), - url(https://ce1.exos-uicdn.exos-net/exos/fonts/open-sans/opensans-semibold.exos-woff) - format('woff'); + url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-semibold.woff2) format('woff2'), + url(https://ce1.uicdn.net/exos/fonts/open-sans/opensans-semibold.woff) format('woff'); } @font-face { font-display: swap; font-family: OverpassRegular; src: - url(https://ce1.exos-uicdn.exos-net/exos/fonts/overpass/overpass-regular.exos-woff2) - format('woff2'), - url(https://ce1.exos-uicdn.exos-net/exos/fonts/overpass/overpass-regular.exos-woff) - format('woff'); + url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-regular.woff2) format('woff2'), + url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-regular.woff) format('woff'); } @font-face { font-display: swap; font-family: OverpassSemibold; src: - url(https://ce1.exos-uicdn.exos-net/exos/fonts/overpass/overpass-semibold.exos-woff2) - format('woff2'), - url(https://ce1.exos-uicdn.exos-net/exos/fonts/overpass/overpass-semibold.exos-woff) - format('woff'); + url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-semibold.woff2) format('woff2'), + url(https://ce1.uicdn.net/exos/fonts/overpass/overpass-semibold.woff) format('woff'); } body, @@ -16635,8 +16627,8 @@ span.exos-parargraph { font-weight: 400; line-height: 1; src: - url(https://ce1.exos-uicdn.exos-net/exos/icons/exos-icon-font.exos-woff2?v=23) format('woff2'), - url(https://ce1.exos-uicdn.exos-net/exos/icons/exos-icon-font.exos-woff?v=23) format('woff'); + url(https://ce1.uicdn.net/exos/icons/exos-icon-font.woff2?v=23) format('woff2'), + url(https://ce1.uicdn.net/exos/icons/exos-icon-font.woff?v=23) format('woff'); text-transform: none; } From f7372d44313012049e9674c19f458ff53f65e06d Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Mon, 25 Nov 2024 13:08:56 +0100 Subject: [PATCH 031/135] fix(feedback): stars outline dark mode Signed-off-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/IonosFeedback.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/IONOS/components/IonosFeedback.svelte b/src/lib/IONOS/components/IonosFeedback.svelte index cffe7201aa5..8a9d147265b 100644 --- a/src/lib/IONOS/components/IonosFeedback.svelte +++ b/src/lib/IONOS/components/IonosFeedback.svelte @@ -152,7 +152,7 @@ } .star-rating button { - color: var(--ion-text-color); + color: var(--solid-corporate-background-color); cursor: pointer; } From 85a3ee4d265c49f6a5532114959400e9bb91ab3a Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Mon, 25 Nov 2024 13:18:47 +0100 Subject: [PATCH 032/135] fix(feedback): i18n translation default should be english Signed-off-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/IonosRegister.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/IONOS/components/IonosRegister.svelte b/src/lib/IONOS/components/IonosRegister.svelte index 219c628138f..0526bcc5d50 100644 --- a/src/lib/IONOS/components/IonosRegister.svelte +++ b/src/lib/IONOS/components/IonosRegister.svelte @@ -28,7 +28,7 @@ {#if !registrationSent} -

{$i18n.t('Bleiben Sie informiert...', { ns: 'ionos' })}

+

{$i18n.t('Stay informed', { ns: 'ionos' })}

From 0d525eb332ee3719821e1ee17d18b5760c3bfdd1 Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Mon, 25 Nov 2024 13:26:33 +0100 Subject: [PATCH 033/135] chore!: remove native help button Signed-off-by: Kai Henseler --- src/routes/(app)/+page.svelte | 1 - src/routes/(app)/c/[id]/+page.svelte | 1 - 2 files changed, 2 deletions(-) diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte index 08026e7aa09..2b096761fff 100644 --- a/src/routes/(app)/+page.svelte +++ b/src/routes/(app)/+page.svelte @@ -3,5 +3,4 @@ import Help from '$lib/components/layout/Help.svelte'; - diff --git a/src/routes/(app)/c/[id]/+page.svelte b/src/routes/(app)/c/[id]/+page.svelte index 2cc68782eb6..2426fad5414 100644 --- a/src/routes/(app)/c/[id]/+page.svelte +++ b/src/routes/(app)/c/[id]/+page.svelte @@ -5,5 +5,4 @@ import Help from '$lib/components/layout/Help.svelte'; - From 2797b6846862dec1fb8d2012e92fd0673d9f9827 Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Mon, 25 Nov 2024 13:27:50 +0100 Subject: [PATCH 034/135] chore: remove replaced feedback module Signed-off-by: Kai Henseler --- src/lib/IONOS/components/IonosFeedback.svelte | 2 +- src/lib/IONOS/components/feedback.ts | 25 ------------------- 2 files changed, 1 insertion(+), 26 deletions(-) delete mode 100644 src/lib/IONOS/components/feedback.ts diff --git a/src/lib/IONOS/components/IonosFeedback.svelte b/src/lib/IONOS/components/IonosFeedback.svelte index 8a9d147265b..5411503e410 100644 --- a/src/lib/IONOS/components/IonosFeedback.svelte +++ b/src/lib/IONOS/components/IonosFeedback.svelte @@ -2,7 +2,7 @@ import Star from '$lib/components/icons/Star.svelte'; import { Dialog } from 'bits-ui'; import { getContext } from 'svelte'; - import { postFeedback } from '$lib/IONOS/components/feedback'; + import { postFeedback } from '$lib/IONOS/api/feedbackBackend'; const i18n = getContext('i18n'); diff --git a/src/lib/IONOS/components/feedback.ts b/src/lib/IONOS/components/feedback.ts deleted file mode 100644 index 0e588edb368..00000000000 --- a/src/lib/IONOS/components/feedback.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { PUBLIC_FEEDBACK_BASE_URL } from '$env/static/public'; - -let feedbackEndpoint: string = '/'; -if (PUBLIC_FEEDBACK_BASE_URL) { - feedbackEndpoint = `${PUBLIC_FEEDBACK_BASE_URL}/feedback`; -} - -export const postFeedback = async (comment: string, rating: number) => { - const response = await fetch(feedbackEndpoint, { - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: JSON.stringify({ - comment, - rating - }) - }); - - if (!response.ok) { - throw new Error('Failed to post feedback'); - } - - return await response.json(); -}; From 6aa4776527335e284c5873e9c14c838f85f97ead Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Mon, 25 Nov 2024 15:38:53 +0100 Subject: [PATCH 035/135] feat(IONOS/Help): add custom help dialog Signed-off-by: Kai Henseler Signed-off-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/IonosFooter.svelte | 9 ++++++++- src/lib/IONOS/components/IonosHelp.svelte | 19 +++++++++++++++++++ src/lib/i18n/locales/de-DE/ionos.json | 1 + 3 files changed, 28 insertions(+), 1 deletion(-) create mode 100644 src/lib/IONOS/components/IonosHelp.svelte diff --git a/src/lib/IONOS/components/IonosFooter.svelte b/src/lib/IONOS/components/IonosFooter.svelte index 87c028e29f4..32bbf04ee22 100644 --- a/src/lib/IONOS/components/IonosFooter.svelte +++ b/src/lib/IONOS/components/IonosFooter.svelte @@ -1,6 +1,9 @@ @@ -34,6 +37,11 @@ > {$i18n.t('Terms and Conditions', { ns: 'ionos' })} + + + +

@@ -61,7 +69,6 @@ display: flex; align-items: center; gap: 16px; - margin-right: 16px; } #copyright { diff --git a/src/lib/IONOS/components/IonosHelp.svelte b/src/lib/IONOS/components/IonosHelp.svelte new file mode 100644 index 00000000000..e52b40cf3dd --- /dev/null +++ b/src/lib/IONOS/components/IonosHelp.svelte @@ -0,0 +1,19 @@ + + + + + + + + +

{$i18n.t('Further information', { ns: 'ionos' })}

+ + + diff --git a/src/lib/i18n/locales/de-DE/ionos.json b/src/lib/i18n/locales/de-DE/ionos.json index 2f5803a971b..ee7a63a0590 100644 --- a/src/lib/i18n/locales/de-DE/ionos.json +++ b/src/lib/i18n/locales/de-DE/ionos.json @@ -3,6 +3,7 @@ "Feedback": "Feedback", "Feedback could not be sent": "Feedback konnte nicht gesendet werden", "Feedback is being sent": "Feedback wird gesendet...", + "Further information": "Weitere Informationen", "General evaluation": "Allgemeine Bewertung", "Imprint": "Impressum", "Privacy Policy": "Datenschutz", From f517b22be7289cedf9071c494661ebbc4eb467ab Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Mon, 25 Nov 2024 09:50:19 +0100 Subject: [PATCH 036/135] customize:(Placeholder): re-enable model name (greeting) The headline got disabled in a previous commit when it showed a model name or greeting. --- src/lib/components/chat/Placeholder.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte index c7e20fd8175..b876aa90471 100644 --- a/src/lib/components/chat/Placeholder.svelte +++ b/src/lib/components/chat/Placeholder.svelte @@ -38,7 +38,7 @@ let models = []; - const showModelIconAndName = false; + const showModelIconAndName = true; const selectSuggestionPrompt = async (p) => { let text = p; From e2015d901f82b367249a0815bb8a7c84ca0dffae Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Thu, 21 Nov 2024 13:56:45 +0100 Subject: [PATCH 037/135] refactor: extract greeting as own component * Slimline the Placeholder component * Allow customization in "own space" --- src/lib/components/chat/Greeting.svelte | 18 ++++++++++++++++++ src/lib/components/chat/Placeholder.svelte | 9 ++------- 2 files changed, 20 insertions(+), 7 deletions(-) create mode 100644 src/lib/components/chat/Greeting.svelte diff --git a/src/lib/components/chat/Greeting.svelte b/src/lib/components/chat/Greeting.svelte new file mode 100644 index 00000000000..c86a7fdfb61 --- /dev/null +++ b/src/lib/components/chat/Greeting.svelte @@ -0,0 +1,18 @@ + + +
+ {#if greeting} + {greeting} + {:else} + {$i18n.t('Hello, {{name}}', { name: $user.name })} + {/if} +
diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte index b876aa90471..4a52425cffa 100644 --- a/src/lib/components/chat/Placeholder.svelte +++ b/src/lib/components/chat/Placeholder.svelte @@ -15,6 +15,7 @@ import Tooltip from '$lib/components/common/Tooltip.svelte'; import EyeSlash from '$lib/components/icons/EyeSlash.svelte'; import MessageInput from './MessageInput.svelte'; + import Greeting from './Greeting.svelte'; const i18n = getContext('i18n'); @@ -137,13 +138,7 @@
-
- {#if models[selectedModelIdx]?.name} - {models[selectedModelIdx]?.name} - {:else} - {$i18n.t('Hello, {{name}}', { name: $user.name })} - {/if} -
+
{/if} From f8241a243103f49cb1b925b0fd6318a1783e3a3e Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Thu, 21 Nov 2024 14:02:26 +0100 Subject: [PATCH 038/135] customize(Greeting): change greeting text --- src/lib/components/chat/Greeting.svelte | 11 +++-------- src/lib/i18n/locales/de-DE/ionos.json | 4 +++- tailwind.config.js | 1 + 3 files changed, 7 insertions(+), 9 deletions(-) diff --git a/src/lib/components/chat/Greeting.svelte b/src/lib/components/chat/Greeting.svelte index c86a7fdfb61..56fb6b197da 100644 --- a/src/lib/components/chat/Greeting.svelte +++ b/src/lib/components/chat/Greeting.svelte @@ -2,17 +2,12 @@ import { getContext } from 'svelte'; import { fade } from 'svelte/transition'; -import { user } from '$lib/stores'; - const i18n = getContext('i18n'); export let greeting: string | null = null; -
- {#if greeting} - {greeting} - {:else} - {$i18n.t('Hello, {{name}}', { name: $user.name })} - {/if} +
+

{$i18n.t('Welcome at IONOS GPT', { ns: 'ionos' })}

+

{$i18n.t('Your first step into the world of AI! Privacy by Design!', { ns: 'ionos' })}

diff --git a/src/lib/i18n/locales/de-DE/ionos.json b/src/lib/i18n/locales/de-DE/ionos.json index ee7a63a0590..a0cd11b4b95 100644 --- a/src/lib/i18n/locales/de-DE/ionos.json +++ b/src/lib/i18n/locales/de-DE/ionos.json @@ -17,5 +17,7 @@ "We are still working on it and will keep you up to date when there is news. Just give us your email address": "Wir arbeiten weiterhin daran und halten Sie auf dem Laufenden, wenn es Neuigkeiten gibt. Geben Sie uns einfach Ihre Email Adresse", "We have received your feedback": "Wir haben Ihr Feedback erhalten", "Your e-mail address could not be saved": "Ihre E-Mail-Adresse konnte nicht gespeichert werden", - "Your feedback to us": "Ihr Feedback an uns" + "Your feedback to us": "Ihr Feedback an uns", + "Welcome at IONOS GPT": "Willkommen bei IONOS GPT", + "Your first step into the world of AI! Privacy by Design!": "Dein Einstieg in die KI Welt! Privacy by Design!" } diff --git a/tailwind.config.js b/tailwind.config.js index 69b84725e25..352fc6688a5 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -5,6 +5,7 @@ export default { theme: { extend: { colors: { + ionos: '#003d8f', gray: { 50: '#f9f9f9', 100: '#ececec', From a6d5e625366a7fe9da27f4e66bee20b04379d859 Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Thu, 21 Nov 2024 15:07:37 +0100 Subject: [PATCH 039/135] feat: add config "enable_model_infos" The config will be used to toggle the model infos above the chat input. --- backend/open_webui/config.py | 2 ++ backend/open_webui/main.py | 2 ++ src/lib/stores/index.ts | 1 + 3 files changed, 5 insertions(+) diff --git a/backend/open_webui/config.py b/backend/open_webui/config.py index a5adbb0f170..41aae2ffbe4 100644 --- a/backend/open_webui/config.py +++ b/backend/open_webui/config.py @@ -827,6 +827,8 @@ def load_oauth_providers(): "WEBHOOK_URL", "webhook_url", os.environ.get("WEBHOOK_URL", "") ) +ENABLE_MODEL_INFOS = os.environ.get("ENABLE_MODEL_INFOS", "True").lower() == "true" + ENABLE_ADMIN_EXPORT = os.environ.get("ENABLE_ADMIN_EXPORT", "True").lower() == "true" ENABLE_ADMIN_CHAT_ACCESS = ( diff --git a/backend/open_webui/main.py b/backend/open_webui/main.py index c145ca1b82a..8925ec10fc7 100644 --- a/backend/open_webui/main.py +++ b/backend/open_webui/main.py @@ -72,6 +72,7 @@ DEFAULT_LOCALE, ENABLE_ADMIN_CHAT_ACCESS, ENABLE_ADMIN_EXPORT, + ENABLE_MODEL_INFOS, ENABLE_OLLAMA_API, ENABLE_OPENAI_API, ENABLE_TAGS_GENERATION, @@ -2439,6 +2440,7 @@ async def get_app_config(request: Request): "enable_message_rating": webui_app.state.config.ENABLE_MESSAGE_RATING, "enable_admin_export": ENABLE_ADMIN_EXPORT, "enable_admin_chat_access": ENABLE_ADMIN_CHAT_ACCESS, + "enable_model_infos": ENABLE_MODEL_INFOS, } if user is not None else {} diff --git a/src/lib/stores/index.ts b/src/lib/stores/index.ts index 2e3976bf906..2f5823f1f3a 100644 --- a/src/lib/stores/index.ts +++ b/src/lib/stores/index.ts @@ -180,6 +180,7 @@ type Config = { enable_admin_export: boolean; enable_admin_chat_access: boolean; enable_community_sharing: boolean; + enable_model_infos: boolean; }; oauth: { providers: { From 1399e48b32568fe9317f3786fb18a1bf0c4270da Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Thu, 21 Nov 2024 15:11:08 +0100 Subject: [PATCH 040/135] feat: make showing model infos configurable --- src/lib/components/chat/Placeholder.svelte | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte index 4a52425cffa..f112ed131e5 100644 --- a/src/lib/components/chat/Placeholder.svelte +++ b/src/lib/components/chat/Placeholder.svelte @@ -108,6 +108,7 @@
{#if showModelIconAndName}
+ {#if config?.features?.enable_model_infos}
{#each models as model, modelIdx} @@ -137,11 +138,13 @@ {/each}
+ {/if}
{/if} + {#if config?.features?.enable_model_infos}
{#if models[selectedModelIdx]?.info?.meta?.description ?? null} @@ -180,6 +183,7 @@ {/if}
+ {/if}
- - {$i18n.t('Suggested')} -
-{/if} -
{#each prompts as prompt, promptIdx}
diff --git a/src/lib/i18n/locales/de-DE/ionos.json b/src/lib/i18n/locales/de-DE/ionos.json index a0cd11b4b95..39314c6d7e8 100644 --- a/src/lib/i18n/locales/de-DE/ionos.json +++ b/src/lib/i18n/locales/de-DE/ionos.json @@ -19,5 +19,6 @@ "Your e-mail address could not be saved": "Ihre E-Mail-Adresse konnte nicht gespeichert werden", "Your feedback to us": "Ihr Feedback an uns", "Welcome at IONOS GPT": "Willkommen bei IONOS GPT", - "Your first step into the world of AI! Privacy by Design!": "Dein Einstieg in die KI Welt! Privacy by Design!" + "Your first step into the world of AI! Privacy by Design!": "Dein Einstieg in die KI Welt! Privacy by Design!", + "By sending messages to IONOS GPT, you agree to our terms and conditions and confirm that you have read our privacy policy.": "Durch das Austauschen von Nachrichten mit IONOS GPT stimmst Du unseren Nutzungsbedingungen zu und bestätigst, dass Du unsere Datenschutzrichtlinie gelesen hast." } From c9ef84facde34feb014c7540bdcd630d951a6417 Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Fri, 22 Nov 2024 17:54:10 +0100 Subject: [PATCH 043/135] customize: add Font Awesome free paper-plane icon --- src/lib/components/icons/PaperPlane.svelte | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 src/lib/components/icons/PaperPlane.svelte diff --git a/src/lib/components/icons/PaperPlane.svelte b/src/lib/components/icons/PaperPlane.svelte new file mode 100644 index 00000000000..2b4b6cf3f39 --- /dev/null +++ b/src/lib/components/icons/PaperPlane.svelte @@ -0,0 +1,14 @@ + + + + + + + From 94cad9ccb30a84bb1e51275d2e15cb1f4b15fa9a Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Mon, 25 Nov 2024 20:09:05 +0100 Subject: [PATCH 044/135] customize(Chat): change chat prompt init from ?q= to sessionStorage The sessionStorage entry "ionosGptDemoPrompt" is introduced. Another part of the application can set a prompt to this entry and that chat will load the prompt form this entry. This avoid passing possibly sensitive prompts via query parameter, when loading the chat with a hard page load, which would fetch the resource from the server. --- src/lib/components/chat/Chat.svelte | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/lib/components/chat/Chat.svelte b/src/lib/components/chat/Chat.svelte index 1290a71c18c..0417a44a142 100644 --- a/src/lib/components/chat/Chat.svelte +++ b/src/lib/components/chat/Chat.svelte @@ -552,8 +552,9 @@ showControls.set(true); } - if ($page.url.searchParams.get('q')) { - prompt = $page.url.searchParams.get('q') ?? ''; + if (sessionStorage.ionosGptDemoPrompt) { + prompt = sessionStorage.ionosGptDemoPrompt ?? ''; + sessionStorage.removeItem('ionosGptDemoPrompt'); if (prompt) { await tick(); From 540a4eb4b83aa8ccca3c1d952aed460e68636615 Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Thu, 21 Nov 2024 11:48:18 +0100 Subject: [PATCH 045/135] customize: start page as custom page/route == Setting / scope This page is meant as entrypoint for the public IONOS GPT demo page before the user has a session. == Navigation goto() was deliberrately avoided and window.location to bypass the router and just start with a fresh page. == Expectation The page does not expect not try to start an Open WebUI session. == Limitation Default model still hardcoded. According to ##151 this needs to be provided by a config. --- src/routes/start/+layout.svelte | 19 +++++++++ src/routes/start/+page.svelte | 72 +++++++++++++++++++++++++++++++++ 2 files changed, 91 insertions(+) create mode 100644 src/routes/start/+layout.svelte create mode 100644 src/routes/start/+page.svelte diff --git a/src/routes/start/+layout.svelte b/src/routes/start/+layout.svelte new file mode 100644 index 00000000000..0f50ef9fa3c --- /dev/null +++ b/src/routes/start/+layout.svelte @@ -0,0 +1,19 @@ + + + IONOS GPT + + + + + + + + diff --git a/src/routes/start/+page.svelte b/src/routes/start/+page.svelte new file mode 100644 index 00000000000..df2631d8c68 --- /dev/null +++ b/src/routes/start/+page.svelte @@ -0,0 +1,72 @@ + + +
+ + +
submit(prompt, model)} + class="flex items-center min-w-96 h-fit my-4 border rounded-xl" + > + + + {#if noRating}

{$i18n.t('General evaluation', { ns: 'ionos' })}

{#each Array(5) as _, index} @@ -63,6 +66,7 @@ {/each}
+ {/if}
From 6c7789ec4da0a588b842c29388821b322ecdca59 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Wed, 27 Nov 2024 14:59:21 +0100 Subject: [PATCH 059/135] feat(message-feedback): trigger feedback dialog via store value in order to be able to trigger feedback globally Signed-off-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/IonosHeader.svelte | 6 +++--- src/lib/stores/index.ts | 7 +++++++ 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/src/lib/IONOS/components/IonosHeader.svelte b/src/lib/IONOS/components/IonosHeader.svelte index 344b3b65787..5f0c548eb31 100644 --- a/src/lib/IONOS/components/IonosHeader.svelte +++ b/src/lib/IONOS/components/IonosHeader.svelte @@ -3,10 +3,10 @@ import { getContext } from 'svelte'; import IonosFeedback from './IonosFeedback.svelte'; import IonosRegister from './IonosRegister.svelte'; + import { feedbackDialog } from '$lib/stores'; const i18n = getContext('i18n'); - let feedbackDialogOpen: boolean; let registerDialogOpen: boolean; @@ -46,11 +46,11 @@ - + {$i18n.t('Feedback', { ns: 'ionos' })} - +
diff --git a/src/lib/stores/index.ts b/src/lib/stores/index.ts index 2f5823f1f3a..e76b73e6f85 100644 --- a/src/lib/stores/index.ts +++ b/src/lib/stores/index.ts @@ -52,6 +52,13 @@ export const temporaryChatEnabled = writable(false); export const scrollPaginationEnabled = writable(false); export const currentChatPage = writable(1); +export const feedbackDialog:Writable = writable({ open: false }); + +type FeedbackDialog = { + open: boolean; + rating?: number | null; +} + export type Model = OpenAIModel | OllamaModel; type BaseModel = { From 0dad34995817f6493a8b420c34405244e3075eef Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Wed, 27 Nov 2024 15:11:33 +0100 Subject: [PATCH 060/135] feat(message-feedback): switch to alternative feedback dialog on messages Signed-off-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/IonosHeader.svelte | 2 +- .../components/chat/Messages/ResponseMessage.svelte | 13 ++++++++++++- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/src/lib/IONOS/components/IonosHeader.svelte b/src/lib/IONOS/components/IonosHeader.svelte index 5f0c548eb31..863c2e620f3 100644 --- a/src/lib/IONOS/components/IonosHeader.svelte +++ b/src/lib/IONOS/components/IonosHeader.svelte @@ -50,7 +50,7 @@ {$i18n.t('Feedback', { ns: 'ionos' })} - +
diff --git a/src/lib/components/chat/Messages/ResponseMessage.svelte b/src/lib/components/chat/Messages/ResponseMessage.svelte index 9ba15362c13..48d4d593e75 100644 --- a/src/lib/components/chat/Messages/ResponseMessage.svelte +++ b/src/lib/components/chat/Messages/ResponseMessage.svelte @@ -9,7 +9,7 @@ const dispatch = createEventDispatcher(); - import { config, models, settings, user } from '$lib/stores'; + import { config, models, settings, user, feedbackDialog } from '$lib/stores'; import { synthesizeOpenAISpeech } from '$lib/apis/audio'; import { imageGenerations } from '$lib/apis/images'; import { @@ -137,6 +137,8 @@ let showRateComment = false; + const useAlternativeFeedbackDialog = true; + const copyToClipboard = async (text) => { const res = await _copyToClipboard(text); if (res) { @@ -344,6 +346,15 @@ feedbackLoading = true; console.log('Feedback', rating, details); + if (useAlternativeFeedbackDialog) { + feedbackLoading = false; + feedbackDialog.set({ + open: true, + rating + }); + return; + } + const updatedMessage = { ...message, annotation: { From 32ea5286bc0fa5637e7b9cef0fec4e7e3eef6748 Mon Sep 17 00:00:00 2001 From: Kai Henseler Date: Thu, 28 Nov 2024 09:37:58 +0100 Subject: [PATCH 061/135] fix: FEEDBACK_BASE_URL not set at build time Using a dynamic environment variable import to prevent errors during build time as the variable is optional and implemented for local development environments Signed-off-by: Kai Henseler --- src/lib/IONOS/api/feedbackBackend.ts | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/lib/IONOS/api/feedbackBackend.ts b/src/lib/IONOS/api/feedbackBackend.ts index b4bc4417dfa..87a32c8c6a3 100644 --- a/src/lib/IONOS/api/feedbackBackend.ts +++ b/src/lib/IONOS/api/feedbackBackend.ts @@ -1,9 +1,6 @@ -import { PUBLIC_FEEDBACK_BASE_URL } from '$env/static/public'; +import { env } from '$env/dynamic/public'; -let feedbackServiceUrl = ''; -if (PUBLIC_FEEDBACK_BASE_URL) { - feedbackServiceUrl = PUBLIC_FEEDBACK_BASE_URL; -} +const feedbackServiceUrl = env.PUBLIC_FEEDBACK_BASE_URL || ''; export const postFeedback = async (comment: string, rating: number) => { const response = await fetch(`${feedbackServiceUrl}/feedback`, { From 3efe84cf317957daf8fcd33234783101e0c76eaf Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Wed, 27 Nov 2024 17:28:20 +0100 Subject: [PATCH 062/135] style: change power by style Signed-off-by: Misha M.-Kupriyanov --- src/lib/IONOS/components/IonosFooter.svelte | 1 + src/lib/IONOS/components/ionos-variables.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/lib/IONOS/components/IonosFooter.svelte b/src/lib/IONOS/components/IonosFooter.svelte index 32bbf04ee22..b812a3362bf 100644 --- a/src/lib/IONOS/components/IonosFooter.svelte +++ b/src/lib/IONOS/components/IonosFooter.svelte @@ -63,6 +63,7 @@ #powered_by { color: var(--powered-by-text-color); + font-weight: bold; } .footer-left { diff --git a/src/lib/IONOS/components/ionos-variables.css b/src/lib/IONOS/components/ionos-variables.css index 57fb1eaa806..000e529e61f 100644 --- a/src/lib/IONOS/components/ionos-variables.css +++ b/src/lib/IONOS/components/ionos-variables.css @@ -357,5 +357,5 @@ --ion-background-color: #f9f9f9; --ion-brand-color: var(--palette-corporate-6); --ion-text-color: var(--primary-text-color); - --powered-by-text-color: var(--primary-text-color); + --powered-by-text-color: var(--palette-corporate-6); } From b7383afd8890e6e43e37f1e0fc75019f27b711d5 Mon Sep 17 00:00:00 2001 From: "Misha M.-Kupriyanov" Date: Wed, 27 Nov 2024 17:37:39 +0100 Subject: [PATCH 063/135] style: send button in exos style Signed-off-by: Misha M.-Kupriyanov --- src/lib/components/chat/MessageInput.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte index a869a1d99ba..d61f2009fc5 100644 --- a/src/lib/components/chat/MessageInput.svelte +++ b/src/lib/components/chat/MessageInput.svelte @@ -1068,7 +1068,7 @@ + {/each} +
diff --git a/src/lib/IONOS/configs/ionosPromptSuggestions.json b/src/lib/IONOS/configs/ionosPromptSuggestions.json new file mode 100644 index 00000000000..637aa74ebf8 --- /dev/null +++ b/src/lib/IONOS/configs/ionosPromptSuggestions.json @@ -0,0 +1,45 @@ +[ + { + "description": "Write poems", + "detail": "Use IONOS GPT to write a Poem", + "# echo ' ...' | base64 -w0": "#", + "iconUrl": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTM2Mi43IDE5LjNMMzE0LjMgNjcuNyA0NDQuMyAxOTcuN2w0OC40LTQ4LjRjMjUtMjUgMjUtNjUuNSAwLTkwLjVMNDUzLjMgMTkuM2MtMjUtMjUtNjUuNS0yNS05MC41IDB6bS03MSA3MUw1OC42IDMyMy41Yy0xMC40IDEwLjQtMTggMjMuMy0yMi4yIDM3LjRMMSA0ODEuMkMtMS41IDQ4OS43IC44IDQ5OC44IDcgNTA1czE1LjMgOC41IDIzLjcgNi4xbDEyMC4zLTM1LjRjMTQuMS00LjIgMjctMTEuOCAzNy40LTIyLjJMNDIxLjcgMjIwLjMgMjkxLjcgOTAuM3oiLz48L3N2Zz4K", + "model": "meta-llama/Meta-Llama-3.1-8B-Instruct", + "content": "Write a short poem about a Kiwi" + }, + { + "description": "Write exams", + "detail": "Use IONOS GPT to write your exam, no more bad marks!", + "iconUrl": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTMyMCAzMmMtOC4xIDAtMTYuMSAxLjQtMjMuNyA0LjFMMTUuOCAxMzcuNEM2LjMgMTQwLjkgMCAxNDkuOSAwIDE2MHM2LjMgMTkuMSAxNS44IDIyLjZsNTcuOSAyMC45QzU3LjMgMjI5LjMgNDggMjU5LjggNDggMjkxLjlsMCAyOC4xYzAgMjguNC0xMC44IDU3LjctMjIuMyA4MC44Yy02LjUgMTMtMTMuOSAyNS44LTIyLjUgMzcuNkMwIDQ0Mi43LS45IDQ0OC4zIC45IDQ1My40czYgOC45IDExLjIgMTAuMmw2NCAxNmM0LjIgMS4xIDguNyAuMyAxMi40LTJzNi4zLTYuMSA3LjEtMTAuNGM4LjYtNDIuOCA0LjMtODEuMi0yLjEtMTA4LjdDOTAuMyAzNDQuMyA4NiAzMjkuOCA4MCAzMTYuNWwwLTI0LjZjMC0zMC4yIDEwLjItNTguNyAyNy45LTgxLjVjMTIuOS0xNS41IDI5LjYtMjggNDkuMi0zNS43bDE1Ny02MS43YzguMi0zLjIgMTcuNSAuOCAyMC43IDlzLS44IDE3LjUtOSAyMC43bC0xNTcgNjEuN2MtMTIuNCA0LjktMjMuMyAxMi40LTMyLjIgMjEuNmwxNTkuNiA1Ny42YzcuNiAyLjcgMTUuNiA0LjEgMjMuNyA0LjFzMTYuMS0xLjQgMjMuNy00LjFMNjI0LjIgMTgyLjZjOS41LTMuNCAxNS44LTEyLjUgMTUuOC0yMi42cy02LjMtMTkuMS0xNS44LTIyLjZMMzQzLjcgMzYuMUMzMzYuMSAzMy40IDMyOC4xIDMyIDMyMCAzMnpNMTI4IDQwOGMwIDM1LjMgODYgNzIgMTkyIDcyczE5Mi0zNi43IDE5Mi03Mkw0OTYuNyAyNjIuNiAzNTQuNSAzMTRjLTExLjEgNC0yMi44IDYtMzQuNSA2cy0yMy41LTItMzQuNS02TDE0My4zIDI2Mi42IDEyOCA0MDh6Ii8+PC9zdmc+Cg==", + "model": "meta-llama/Meta-Llama-3.1-8B-Instruct", + "content": "Write my exam in Mathematics" + }, + { + "description": "Write the code for your business", + "detail": "Use IONOS GPT to write the code of your business!", + "iconUrl": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTY0IDk2YzAtMzUuMyAyOC43LTY0IDY0LTY0bDM4NCAwYzM1LjMgMCA2NCAyOC43IDY0IDY0bDAgMjU2LTY0IDAgMC0yNTZMMTI4IDk2bDAgMjU2LTY0IDBMNjQgOTZ6TTAgNDAzLjJDMCAzOTIuNiA4LjYgMzg0IDE5LjIgMzg0bDYwMS42IDBjMTAuNiAwIDE5LjIgOC42IDE5LjIgMTkuMmMwIDQyLjQtMzQuNCA3Ni44LTc2LjggNzYuOEw3Ni44IDQ4MEMzNC40IDQ4MCAwIDQ0NS42IDAgNDAzLjJ6TTI4MSAyMDlsLTMxIDMxIDMxIDMxYzkuNCA5LjQgOS40IDI0LjYgMCAzMy45cy0yNC42IDkuNC0zMy45IDBsLTQ4LTQ4Yy05LjQtOS40LTkuNC0yNC42IDAtMzMuOWw0OC00OGM5LjQtOS40IDI0LjYtOS40IDMzLjkgMHM5LjQgMjQuNiAwIDMzLjl6TTM5MyAxNzVsNDggNDhjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlsLTQ4IDQ4Yy05LjQgOS40LTI0LjYgOS40LTMzLjkgMHMtOS40LTI0LjYgMC0zMy45bDMxLTMxLTMxLTMxYy05LjQtOS40LTkuNC0yNC42IDAtMzMuOXMyNC42LTkuNCAzMy45IDB6Ii8+PC9zdmc+Cg==", + "model": "meta-llama/CodeLlama-13b-Instruct-hf", + "content": "Write the code for my business" + }, + { + "description": "Write poems", + "detail": "Use IONOS GPT to write a Poem", + "iconUrl": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTM2Mi43IDE5LjNMMzE0LjMgNjcuNyA0NDQuMyAxOTcuN2w0OC40LTQ4LjRjMjUtMjUgMjUtNjUuNSAwLTkwLjVMNDUzLjMgMTkuM2MtMjUtMjUtNjUuNS0yNS05MC41IDB6bS03MSA3MUw1OC42IDMyMy41Yy0xMC40IDEwLjQtMTggMjMuMy0yMi4yIDM3LjRMMSA0ODEuMkMtMS41IDQ4OS43IC44IDQ5OC44IDcgNTA1czE1LjMgOC41IDIzLjcgNi4xbDEyMC4zLTM1LjRjMTQuMS00LjIgMjctMTEuOCAzNy40LTIyLjJMNDIxLjcgMjIwLjMgMjkxLjcgOTAuM3oiLz48L3N2Zz4K", + "model": "meta-llama/Meta-Llama-3.1-8B-Instruct", + "content": "Write a short poem about a Kiwi" + }, + { + "description": "Write poems", + "detail": "Use IONOS GPT to write a Poem", + "iconUrl": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTM2Mi43IDE5LjNMMzE0LjMgNjcuNyA0NDQuMyAxOTcuN2w0OC40LTQ4LjRjMjUtMjUgMjUtNjUuNSAwLTkwLjVMNDUzLjMgMTkuM2MtMjUtMjUtNjUuNS0yNS05MC41IDB6bS03MSA3MUw1OC42IDMyMy41Yy0xMC40IDEwLjQtMTggMjMuMy0yMi4yIDM3LjRMMSA0ODEuMkMtMS41IDQ4OS43IC44IDQ5OC44IDcgNTA1czE1LjMgOC41IDIzLjcgNi4xbDEyMC4zLTM1LjRjMTQuMS00LjIgMjctMTEuOCAzNy40LTIyLjJMNDIxLjcgMjIwLjMgMjkxLjcgOTAuM3oiLz48L3N2Zz4K", + "model": "meta-llama/Meta-Llama-3.1-8B-Instruct", + "content": "Write a short poem about a Kiwi" + }, + { + "description": "Write poems", + "detail": "Use IONOS GPT to write a Poem", + "iconUrl": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTM2Mi43IDE5LjNMMzE0LjMgNjcuNyA0NDQuMyAxOTcuN2w0OC40LTQ4LjRjMjUtMjUgMjUtNjUuNSAwLTkwLjVMNDUzLjMgMTkuM2MtMjUtMjUtNjUuNS0yNS05MC41IDB6bS03MSA3MUw1OC42IDMyMy41Yy0xMC40IDEwLjQtMTggMjMuMy0yMi4yIDM3LjRMMSA0ODEuMkMtMS41IDQ4OS43IC44IDQ5OC44IDcgNTA1czE1LjMgOC41IDIzLjcgNi4xbDEyMC4zLTM1LjRjMTQuMS00LjIgMjctMTEuOCAzNy40LTIyLjJMNDIxLjcgMjIwLjMgMjkxLjcgOTAuM3oiLz48L3N2Zz4K", + "model": "meta-llama/Meta-Llama-3.1-8B-Instruct", + "content": "Write a short poem about a Kiwi" + } +] diff --git a/src/routes/start/+page.svelte b/src/routes/start/+page.svelte index 0bd1d189893..ec29874ece5 100644 --- a/src/routes/start/+page.svelte +++ b/src/routes/start/+page.svelte @@ -19,17 +19,13 @@ import { getContext } from 'svelte'; import { config } from '$lib/stores'; import Greeting from '$lib/components/chat/Greeting.svelte'; -import Suggestions from '$lib/components/chat/Suggestions.svelte'; +import Suggestions from '$lib/IONOS/components/Suggestions.svelte'; import PaperPlane from '$lib/components/icons/PaperPlane.svelte'; import Textarea from '$lib/components/common/Textarea.svelte'; import Trailer from '$lib/IONOS/components/Trailer.svelte'; const i18n = getContext('i18n'); -// TODO hardcoded during early development, has to be provided by a -// suggested prompts + model config -const model = 'meta-llama/Meta-Llama-3.1-8B-Instruct'; - let prompt = ''; function submit(promptToStart: string, modelNameForStart: string) { @@ -61,10 +57,9 @@ function submit(promptToStart: string, modelNameForStart: string) { -
+
submit(e.detail, model)} + on:select={({ detail: { prompt, model } }) => submit(prompt, model)} />
From 4975e5cc953a0aadba62b0dfb46c20111f1d54ba Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Wed, 27 Nov 2024 18:22:10 +0100 Subject: [PATCH 067/135] feat(Textarea): export focus() To allow views to focus the textarea. --- src/lib/components/common/Textarea.svelte | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/lib/components/common/Textarea.svelte b/src/lib/components/common/Textarea.svelte index 66270f1b3fc..518cd219d29 100644 --- a/src/lib/components/common/Textarea.svelte +++ b/src/lib/components/common/Textarea.svelte @@ -24,6 +24,10 @@ setTimeout(adjustHeight, 0); } + export function focus() { + textareaElement.focus(); + } + const adjustHeight = () => { if (textareaElement) { textareaElement.style.height = ''; From 4d024184345fa9fd924d5c2a1fb0025318a26b9f Mon Sep 17 00:00:00 2001 From: Thomas Lehmann Date: Wed, 27 Nov 2024 18:25:36 +0100 Subject: [PATCH 068/135] customize(Suggestions): prefill prompt input with suggestion pick 1. Click on a suggestion now prefills the input. 2. The selected model is displayed above the input. The form was reordererd to suggestion buttons first then input to put focus on the preselection. --- src/lib/IONOS/components/Suggestions.svelte | 1 - src/lib/i18n/locales/de-DE/ionos.json | 3 ++- src/routes/start/+page.svelte | 27 +++++++++++++++++---- 3 files changed, 24 insertions(+), 7 deletions(-) diff --git a/src/lib/IONOS/components/Suggestions.svelte b/src/lib/IONOS/components/Suggestions.svelte index 951dbb407bf..7474f3d4f64 100644 --- a/src/lib/IONOS/components/Suggestions.svelte +++ b/src/lib/IONOS/components/Suggestions.svelte @@ -2,7 +2,6 @@ import { getContext, createEventDispatcher } from 'svelte'; import prompts from '$lib/IONOS/configs/ionosPromptSuggestions.json' - const i18n = getContext('i18n'); const dispatch = createEventDispatcher(); export let className = ''; diff --git a/src/lib/i18n/locales/de-DE/ionos.json b/src/lib/i18n/locales/de-DE/ionos.json index 39314c6d7e8..170878d733b 100644 --- a/src/lib/i18n/locales/de-DE/ionos.json +++ b/src/lib/i18n/locales/de-DE/ionos.json @@ -20,5 +20,6 @@ "Your feedback to us": "Ihr Feedback an uns", "Welcome at IONOS GPT": "Willkommen bei IONOS GPT", "Your first step into the world of AI! Privacy by Design!": "Dein Einstieg in die KI Welt! Privacy by Design!", - "By sending messages to IONOS GPT, you agree to our terms and conditions and confirm that you have read our privacy policy.": "Durch das Austauschen von Nachrichten mit IONOS GPT stimmst Du unseren Nutzungsbedingungen zu und bestätigst, dass Du unsere Datenschutzrichtlinie gelesen hast." + "By sending messages to IONOS GPT, you agree to our terms and conditions and confirm that you have read our privacy policy.": "Durch das Austauschen von Nachrichten mit IONOS GPT stimmst Du unseren Nutzungsbedingungen zu und bestätigst, dass Du unsere Datenschutzrichtlinie gelesen hast.", + "Using {{model}}": "Mit {{model}}" } diff --git a/src/routes/start/+page.svelte b/src/routes/start/+page.svelte index ec29874ece5..3e091f1d755 100644 --- a/src/routes/start/+page.svelte +++ b/src/routes/start/+page.svelte @@ -26,7 +26,13 @@ import Trailer from '$lib/IONOS/components/Trailer.svelte'; const i18n = getContext('i18n'); +// If the user did not pick a default model +const defaultModel = 'meta-llama/Meta-Llama-3.1-8B-Instruct'; + let prompt = ''; +let model = defaultModel; + +let promptTextarea; function submit(promptToStart: string, modelNameForStart: string) { // Pass prompt and model securely via sessionStorage and start chat by @@ -36,32 +42,43 @@ function submit(promptToStart: string, modelNameForStart: string) { window.location = `/auth`; } + +function selectSuggestion({ detail: { prompt: selectedPrompt, model: selectedModel } }) { + prompt = selectedPrompt; + model = selectedModel; + promptTextarea.focus(); +}
+
+ +
+ +

{$i18n.t('Using {{model}}', { ns: "ionos", model })}

+
submit(prompt, model)} class="flex items-center min-w-96 h-fit my-4 border rounded-xl" >