:root { /* Fonts (loaded via @b12/customer-components) */ --font-regular: 'Dosis', sans-serif; --font-bold: 'Dosis Bold', sans-serif; --font-black: 'Dosis ExtraBold', sans-serif; /* Colors */ --color-black: #000; --color-white: #fff; --color-b12-grey-1: #F4F4F4; --color-b12-grey-2: #E9E7E7; --color-b12-grey-3: #D5D5D5; --color-b12-grey-4: #B3B3BE; --color-b12-grey-5: #6A6A6A; --color-b12-grey-6: #585858; --color-b12-grey-7: #1C1C1C; --color-b12-red-dark: #DA0617; --color-b12-red-light: #E54548; --color-white-t70: #ffffffb2; --color-white-t50: #ffffff7f; --color-black-t16: #00000029; --color-black-t30: #0000004D; --color-black-t50: #00000080; --color-b12-grey-1-t80: #F4F4F4cc; --color-b12-grey-1-t90: #F4F4F4e5; --color-b12-grey-3-t80: #D5D5D5cc; --color-b12-grey-4-t50: #B3B3Be7f; --color-notification-red: #ff2640; --color-notification-yellow: #ffd732; --color-notification-green: #01d65a; --color-focus-border: #1491eb; /* Color definitions for elements */ --color-highlight-primary-default: var(--color-b12-red-dark); --color-highlight-primary-hover: var(--color-b12-red-light); --color-navigation-background: var(--color-white); --color-navigation-separator: var(--color-b12-grey-3); --color-text-primary-default: var(--color-b12-grey-7); --color-text-secondary-default: var(--color-b12-grey-6); --color-text-home: var(--color-black); --color-text-previewasset-link-default: var(--color-text-secondary-default); --color-text-previewasset-link-hover: var(--color-highlight-primary-hover); --color-button-primary-text-default: var(--color-white); --color-button-primary-text-hover: var(--color-white); --color-button-primary-background-default: var(--color-highlight-primary-default); --color-button-primary-background-hover: var(--color-highlight-primary-hover); --color-button-primary-border-default: var(--color-highlight-primary-default); --color-button-primary-border-hover: var(--color-button-primary-border-default); --color-button-secondary-text-default: var(--color-b12-grey-5); --color-button-secondary-text-hover: var(--color-button-secondary-text-default); --color-button-secondary-background-default: transparent; --color-button-secondary-background-hover: var(--color-b12-grey-3); --color-button-secondary-border-default: var(--color-button-secondary-text-default); --color-button-secondary-border-hover: var(--color-button-secondary-background-hover); --color-button-cta-primary-text-default: var(--color-text-primary-default); --color-button-cta-primary-text-hover: var(--color-text-primary-default); --color-button-cta-primary-border-default: var(--color-highlight-primary-default); --color-button-cta-primary-border-hover: var(--color-button-cta-primary-border-default); --color-button-cta-primary-background-default: var(--color-white); --color-button-cta-primary-background-hover: var(--color-button-primary-background-hover); --color-button-cta-secondary-border-default: var(--color-highlight-primary-default); --color-button-cta-secondary-background-default: var(--color-highlight-primary-default); --color-button-cta-secondary-background-hover: var(--color-button-primary-background-hover); --color-button-cta-secondary-text-default: var(--color-white); --color-button-cta-secondary-text-hover: var(--color-white); --color-edit-action-button: var(--color-b12-red-dark); --color-header-background: var(--color-navigation-background); --color-header-text-default: var(--color-b12-red-dark); --color-header-text-hover: var(--color-highlight-primary-default); --color-header-shadow: var(--color-black-t16); --color-main-background: var(--color-b12-grey-1); --color-breadcrumbs-text: var(--color-b12-grey-7); --color-breadcrumbs-home: var(--color-b12-grey-7); --color-breadcrumbs-current: var(--color-b12-red-dark); --color-breadcrumbs-separator: var(--color-b12-grey-7); --color-footer-home: var(--color-breadcrumbs-home); --color-footer-breadcrumbs-text: var(--color-breadcrumbs-text); --color-footer-background: var(--color-navigation-background); --color-footer-shadow: var(--color-black-t16); --color-scrollbar-thumb-light: var(--color-white); --color-scrollbar-thumb-light-transparent: var(--color-white-t50); --color-scrollbar-thumb-dark: var(--color-b12-grey-4-t50); --color-sidebar-background: var(--color-navigation-background); --color-sidebar-shadow: var(--color-black-t50); --color-sidebar-overlay: var(--color-white-t50); --color-sidebar-text-default: var(--color-text-primary-default); --color-sidebar-text-hover: var(--color-highlight-primary-hover); --color-sidebar-close-icon: var(--color-b12-grey-7); --color-badge-text: var(--color-white); --color-badge-background: var(--color-highlight-primary-hover); --color-langswitch-headline: var(--color-sidebar-text-default); --color-langswitch-text-default: var(--color-sidebar-text-default); --color-langswitch-text-hover: var(--color-highlight-primary-default); --color-langswitch-text-active: var(--color-highlight-primary-default); --color-hint-text: var(--color-white); --color-hint-background: var(--color-highlight-primary-default); --color-navbar-background: var(--color-sidebar-background); --color-navbar-spacer-background: transparent; --color-navbar-shadow: var(--color-black-t30); --color-navbar-overlay: var(--color-b12-grey-1-t80); --color-navbar-close: var(--color-b12-grey-7); --color-navbar-menu: var(--color-b12-grey-7); --color-navbar-text-default: var(--color-text-primary-default); --color-navbar-menu-entry-background-default: var(--color-b12-grey-2); --color-navbar-menu-entry-background-hover: var(--color-b12-grey-1); --color-navbar-menu-entry-text-hover: var(--color-text-primary-default); --color-navbar-menu-entry-current-text-default: var(--color-highlight-primary-default); --color-navbar-menu-entry-current-text-hover: var(--color-white); --color-navbar-menu-entry-current-background-default: var(--color-b12-grey-2); --color-navbar-menu-entry-current-background-hover: var(--color-b12-red-light); --color-navbar-menu-entry-current-icon-default: var(--color-text-primary-default); --color-navbar-menu-entry-current-icon-hover: var(--color-highlight-primary-hover); --color-navbar-globallinks-default: var(--color-highlight-primary-default); --color-navbar-globallinks-hover: var(--color-highlight-primary-hover); --color-navbar-globallinks-visited: var(--color-b12-grey-4); --color-navbar-toggle-text-default: var(--color-button-primary-text-default); --color-navbar-toggle-text-hover: var(--color-navbar-toggle-text-default); --color-navbar-toggle-text-disabled: var(--color-b12-grey-3); --color-navbar-toggle-background-default: var(--color-button-primary-background-default); --color-navbar-toggle-background-hover: var(--color-highlight-primary-hover); --color-navbar-toggle-border-active: var(--color-white); --background-color-navbar-sidebar: var(--color-b12-red-dark); --color-search-background: var(--color-black-t30); --color-search-border: var(--color-search-input-background); --color-search-input-background: var(--color-b12-grey-3); --color-search-input-text: var(--color-text-primary-default); --color-search-input-placeholder: var(--color-text-primary-default); --color-search-input-icon: var(--color-highlight-primary-default); --color-search-submit-icon-default: var(--color-search-input-text); --color-search-delete-icon-default: var(--color-search-input-text); --color-search-delete-icon-hover: var(--color-highlight-primary-hover); --color-search-filter-label-text-default: var(--color-text-primary-default); --color-search-filter-label-text-hover: var(--color-search-filter-label-text-default); --color-search-filter-label-text-active: var(--color-highlight-primary-hover); --color-search-filter-icon-default: var(--color-search-filter-label-text-default); --color-search-filter-icon-hover: var(--color-highlight-primary-hover); --color-search-filter-background-default: var(--color-navbar-background); --color-search-filter-background-active: var(--color-b12-grey-1); --color-search-filter-background-hover: var(--color-search-filter-background-active); --color-search-filter-border-default: var(--color-b12-grey-4); --color-search-filter-border-active: var(--color-highlight-primary-hover); --color-search-filter-border-hover: var(--color-search-filter-border-active); --color-search-filteritem-text-default: var(--color-text-primary-default); --color-search-filteritem-text-hover: var(--color-search-filteritem-text-default); --color-search-filteritem-text-active: var(--color-search-filteritem-text-default); --color-search-filteritem-checkbox-background-default: transparent; --color-search-filteritem-checkbox-default: var(--color-search-filteritem-text-default); --color-search-filteritem-checkbox-icon-default: var(--color-b12-red-dark); --color-search-filteritem-background-default: transparent; --color-search-filteritem-background-hover: var(--color-b12-grey-2); --color-search-filteritem-background-active: var(--color-white); --color-homegraphic-hotspot-text-default: var(--color-search-filter-label-text-default); --color-homegraphic-hotspot-background-default: var(--color-search-filter-background-default); --color-homegraphic-hotspot-background-hover: var(--color-search-filteritem-background-hover); --color-homegraphic-hotspot-border-default: var(--color-search-filter-border-active); --color-homegraphic-hotspot-icon-default: var(--color-search-filter-icon-hover); --color-homegraphic-mobile-link-border: var(--color-b12-grey-2); --color-homegraphic-mobile-link-text-default: var(--color-text-primary-default); --color-homegraphic-mobile-link-background-hover: var(--color-b12-grey-1); --color-homegraphic-element-connectors: var(--color-b12-red-light); --color-homegraphic-element-connectors-shadow: var(--color-black-t16); --color-search-results-text: var(--color-text-primary-default); --color-search-results-headline: var(--color-search-results-text); --color-search-results-item-name-default: var(--color-search-results-text); --color-search-results-item-type-default: var(--color-b12-red-dark); --color-search-results-sub-item-name-default: var(--color-search-results-item-type-default); --color-search-results-item-arrow-default: var(--color-search-results-text); --color-search-results-item-chevron-default: var(--color-search-results-text); --color-search-results-pagination-text: var(--color-search-results-text); --color-search-results-pagination-button: var(--color-search-results-pagination-text); --color-content-text: var(--color-text-primary-default); --color-content-headline: var(--color-content-text); --color-content-noassets-preview-background: var(--color-b12-grey-3); --color-assettile-text: var(--color-text-primary-default); --color-assettile-text-type: var(--color-assettile-text); --color-assettile-text-title: var(--color-assettile-text); --color-assettile-text-title-hover: var(--color-assettile-text); --color-assettile-background: var(--color-b12-grey-1); --color-assettile-info-background-default: var(--color-white); --color-assettile-info-background-hover: var(--color-b12-grey-2); --color-assettile-shadow: var(--color-black-t16); --color-assettile-gradient-start: var(--color-black-t50); --color-assettile-gradient-end: transparent; --color-assettile-favorite-unselected-default: var(--color-white); --color-assettile-favorite-unselected-hover: var(--color-highlight-primary-default); --color-assettile-favorite-selected-default: var(--color-highlight-primary-default); --color-assettile-favorite-selected-hover: var(--color-highlight-primary-hover); --color-assettile-download-gradient-start: var(--color-b12-grey-3-t80); --color-assettile-download-gradient-end: var(--color-b12-grey-1-t80); --color-assettile-download-icon: var(--color-white); --color-assettile-scheduled-icon: var(--color-b12-grey-3); --color-assettile-fallback-icon: var(--color-b12-grey-3); --color-assettile-scope-icon-default: var(--color-white); --color-assettile-scope-icon-hover: var(--color-b12-grey-1); --color-favorites-title: var(--color-text-primary-default); --color-favorites-icon: var(--color-favorites-title); --color-asset-background: var(--color-b12-grey-1-t90); --color-asset-website-text: var(--color-text-primary-default); --color-asset-website-title: var(--color-asset-website-text); --color-asset-website-description: var(--color-asset-website-text); --color-asset-website-description-link: var(--color-highlight-primary-default); --color-asset-website-headline-line: transparent; --color-asset-website-link-text: var(--color-button-primary-text-default); --color-asset-website-link-text-hover: var(--color-asset-website-link-text); --color-asset-website-link-background-default: var(--color-button-primary-background-default); --color-asset-website-link-background-hover: var(--color-button-primary-background-hover); --color-asset-control-button-icon-default: var(--color-text-primary-default); --color-asset-control-button-icon-hover: var(--color-asset-control-button-icon-default); --color-asset-control-button-background-default: var(--color-white); --color-asset-control-button-background-hover: var(--color-b12-grey-2); --color-asset-control-button-background-active: var(--color-b12-grey-3); --color-asset-control-button-border-default: var(--color-b12-grey-2); --color-asset-control-button-border-hover: var(--color-asset-control-button-border-default); --color-asset-control-button-border-focus: var(--color-highlight-primary-default); --color-asset-navigation-button-background-default: var(--color-button-primary-background-default); --color-asset-navigation-button-background-hover: var(--color-button-primary-background-hover); --color-asset-navigation-button-background-active: var(--color-asset-navigation-button-background-hover); --color-asset-navigation-button-icon-default: var(--color-button-primary-text-default); --color-asset-navigation-button-icon-hover: var(--color-asset-navigation-button-icon-default); --color-asset-navigation-button-icon-active: var(--color-asset-navigation-button-icon-default); --color-asset-pages-text: var(--color-text-primary-default); --color-asset-pages-background: var(--color-b12-grey-1); --color-asset-pages-shadow: var(--color-black-t30); --color-asset-pages-page-background-default: var(--color-b12-grey-1); --color-asset-pages-page-text-default: var(--font-black); --color-asset-pages-navigation-background-default: var(--color-b12-red-light); --color-asset-pages-navigation-background-active: var(--color-highlight-primary-default); --color-asset-pages-navigation-background-hover: var(--color-highlight-primary-hover); --color-asset-pages-navigation-after-focus-border-default: var(--color-b12-red-light); --color-asset-video-playbutton-icon-default: var(--color-b12-grey-7); --color-asset-video-playbutton-icon-hover: var(--color-asset-video-playbutton-icon-default); --color-asset-video-playbutton-background-default: var(--color-white); --color-asset-video-playbutton-background-hover: var(--color-b12-grey-2); --color-asset-video-playbutton-border-default: var(--color-b12-grey-7); --color-asset-video-playbutton-border-hover: var(--color-asset-video-playbutton-border-default); --color-asset-video-progressbar-background: var(--color-b12-grey-6); --color-asset-video-progressbar-progress: var(--color-black); --color-asset-video-volumefader-background: var(--color-b12-grey-3); --color-asset-video-volumefader-volume: var(--color-black); --color-asset-video-controls-container-background: var(--color-black-t50); --color-asset-video-controls-fore: var(--color-black-t50); --color-asset-video-control-button: var(--color-white); --color-asset-video-time-text: var(--color-white); --color-asset-pdf-loadingIndicatorProgress: var(--color-b12-red-dark); --color-dialog-content-text: var(--color-text-primary-default); --color-dialog-content-icon: var(--color-text-primary-default); --color-dialog-background: var(--color-black-t30); --color-dialog-content-background: var(--color-white); --color-dialog-content-button-confirm-text-default: var(--color-button-primary-text-default); --color-dialog-content-button-confirm-text-default-hover: var(--color-dialog-content-button-confirm-text-default); --color-dialog-content-button-confirm-background-default: var(--color-button-primary-background-default); --color-dialog-content-button-confirm-background-hover: var(--color-button-primary-background-hover); --color-dialog-content-button-confirm-background-active: var(--color-dialog-content-button-confirm-background-default); --color-dialog-content-button-confirm-border-default: var(--color-button-primary-background-default); --color-dialog-content-button-confirm-border-hover: var(--color-button-primary-background-hover); --color-dialog-content-button-confirm-border-active: var(--color-dialog-content-button-confirm-border-default); --color-dialog-content-button-refuse-text-default: var(--color-highlight-primary-default); --color-dialog-content-button-refuse-text-hover: var(--color-highlight-primary-hover); --color-dialog-content-button-refuse-text-active: var(--color-dialog-content-button-refuse-text-default); --color-dialog-content-button-refuse-background-default: transparent; --color-dialog-content-button-refuse-border-default: var(--color-button-primary-background-default); --color-dialog-content-button-refuse-border-hover: var(--color-button-primary-background-hover); --color-dialog-content-button-refuse-border-active: var(--color-dialog-content-button-refuse-border-default); --color-editor-dialog-headline1: var(--color-dialog-content-text); --color-editor-dialog-paragraph: var(--color-b12-grey-6); --color-editor-dialog-primary-button-text-default: var(--color-button-primary-text-default); --color-editor-dialog-primary-button-text-hover: var(--color-button-primary-text-default); --color-editor-dialog-primary-button-text-active: var(--color-editor-dialog-primary-button-text-default); --color-editor-dialog-primary-button-background-default: var(--color-button-primary-background-default); --color-editor-dialog-primary-button-background-hover: var(--color-button-primary-background-hover); --color-editor-dialog-primary-button-background-active: var(--color-editor-dialog-primary-button-background-default); --color-editor-dialog-secondary-button-text-default: var(--color-highlight-primary-default); --color-editor-dialog-secondary-button-text-hover: var(--color-highlight-primary-hover); --color-editor-dialog-secondary-button-text-active: var(--color-editor-dialog-secondary-button-text-default); --color-editor-dialog-secondary-button-text-disabled: var(--color-b12-grey-4); --color-editor-dialog-secondary-button-background-default: transparent; --color-editor-dialog-secondary-button-background-hover: var(--color-editor-dialog-secondary-button-background-default); --color-editor-dialog-secondary-button-background-active: var(--color-editor-dialog-secondary-button-background-default); --color-editor-dialog-secondary-button-background-disabled: var(--color-editor-dialog-secondary-button-background-default); --color-editor-dialog-secondary-button-border-default: var(--color-editor-dialog-secondary-button-text-default); --color-editor-dialog-secondary-button-border-hover: var(--color-editor-dialog-secondary-button-text-hover); --color-editor-dialog-secondary-button-border-active: var(--color-editor-dialog-secondary-button-border-default); --color-editor-dialog-secondary-button-border-disabled: var(--color-b12-grey-4); --color-editor-dialog-input-message-error: var(--color-highlight-primary-default); --color-editor-dialog-input-text-default: var(--color-b12-grey-7); --color-editor-dialog-input-text-error: var(--color-white); --color-editor-dialog-input-icon-default: var(--color-b12-grey-4); --color-editor-dialog-input-background-default: var(--color-white); --color-editor-dialog-input-background-error: var(--color-highlight-primary-hover); --color-editor-dialog-input-border-default: var(--color-b12-grey-4); --color-editor-dialog-input-border-hover: var(--color-highlight-primary-hover); --color-editor-dialog-input-border-error: var(--color-highlight-primary-hover); --color-editor-dialog-textfield-placeholder-default: var(--color-editor-dialog-textfield-text); --color-editor-dialog-textfield-placeholder-hover: var(--color-editor-dialog-textfield-placeholder-default); --color-editor-dialog-textfield-placeholder-error: var(--color-editor-dialog-textfield-text-error); --color-editor-dialog-dropdown-text-default: var(--color-editor-dialog-input-text-default); --color-editor-dialog-dropdown-arrow-default: var(--color-editor-dialog-input-text-default); --color-editor-dialog-dropdown-arrow-hover: var(--color-highlight-primary-hover); --color-editor-dialog-dropdown-arrow-error: var(--color-editor-dialog-input-text-error); --color-editor-dialog-dropdown-background-default: var(--color-editor-dialog-input-background-default); --color-editor-dialog-dropdown-background-hover: var(--color-b12-grey-1); --color-editor-dialog-dropdown-list-background-default: var(--color-b12-grey-2); --color-editor-dialog-dropdown-list-border-default: var(--color-highlight-primary-hover); --color-editor-dialog-dropdown-element-text-default: var(--color-editor-dialog-input-text-default); --color-editor-dialog-dropdown-element-background-hover: var(--color-b12-grey-1); --color-editor-dialog-button-text-default: var(--color-button-primary-text-default); --color-editor-dialog-button-text-hover: var(--color-button-primary-text-hover); --color-editor-dialog-button-background-default: var(--color-button-primary-background-default); --color-editor-dialog-button-background-hover: var(--color-button-primary-background-hover); --color-editor-dialog-close-icon-default: var(--color-b12-grey-7); --color-editor-dialog-close-icon-hover: var(--color-highlight-primary-hover); --color-editor-metadata-dialog-previewimage-text-default: var(--color-dialog-content-text); --color-editor-metadata-dialog-previewimage-link-default: var(--color-highlight-primary-default); --color-editor-metadata-dialog-previewimage-link-hover: var(--color-highlight-primary-hover); --color-editor-metadata-dialog-previewimage-icon-default: var(--color-editor-metadata-dialog-previewimage-text-default); --color-editor-metadata-dialog-previewimage-border-default: var(--color-b12-grey-1); --color-editor-metadata-dialog-previewimage-background-default: var(--color-b12-grey-1); --color-editor-metadata-dialog-previewimage-remove-background-default: var(--color-b12-grey-6); --color-editor-metadata-dialog-previewimage-remove-icon-default: var(--color-white); --color-editor-metadata-dialog-previewimage-remove-icon-hover: var(--color-highlight-primary-hover); --color-editor-usermenu-background-default: transparent; --color-editor-usermenu-background-hover: var(--color-b12-grey-2); --color-editor-usermenu-background-active: var(--color-editor-usermenu-background-hover); --color-editor-usermenu-username-default: var(--color-b12-grey-7); --color-editor-usermenu-username-hover: var(--color-highlight-primary-hover); --color-editor-usermenu-unitname: var(--color-b12-grey-6); --color-editor-usermenu-usericon-text: var(--color-header-text-default); --color-editor-usermenu-usericon-background-default: var(--color-b12-grey-2); --color-editor-usermenu-usericon-background-hover: var(--color-b12-grey-3); --color-editor-usermenu-content-background-default: var(--color-editor-usermenu-background-active); --color-editor-usermenu-content-background-hover: var(--color-b12-grey-3); --color-editor-usermenu-content-text: var(--color-header-text-default); --color-editor-usermenu-content-icon: var(--color-editor-usermenu-content-text); --color-editor-editmenu-toggle-text-default: var(--color-text-primary-default); --color-editor-editmenu-toggle-text-hover: var(--color-highlight-primary-hover); --color-editor-editmenu-toggle-text-active: var(--color-highlight-primary-default); --color-editor-editmenu-toggle-background-default: var(--color-white-t70); --color-editor-editmenu-toggle-background-active: var(--color-white); --color-editor-editmenu-list-text-default: var(--color-text-primary-default); --color-editor-editmenu-list-text-hover: var(--color-editor-editmenu-list-text-default); --color-editor-editmenu-list-text-delete: var(--color-highlight-primary-default); --color-editor-editmenu-list-background-default: var(--color-b12-grey-2); --color-editor-editmenu-list-item-background-hover: var(--color-b12-grey-3); --color-editor-addasset-text-default: var(--color-assettile-text); --color-editor-addasset-link-default: var(--color-highlight-primary-default); --color-editor-addasset-link-hover: var(--color-highlight-primary-hover); --color-editor-addasset-icon-default: var(--color-b12-red-dark); --color-editor-addasset-background-default: var(--color-assettile-background); --color-editor-addasset-background-hover: var(--color-b12-grey-2); --color-editor-addasset-background-dragging: var(--color-b12-grey-3); --color-editor-addasset-background-disabled: var(--color-b12-grey-4); --color-editor-addasset-border-default: var(--color-editor-addasset-text-default); --color-editor-addasset-border-hover: var(--color-b12-grey-2); --color-editor-addasset-border-dragging: var(--color-white); --color-editor-asset-upload-previewimage-icon: var(--color-assettile-text); --color-editor-asset-upload-background: var(--color-white-t50); --color-editor-asset-upload-previewimage-border: var(--color-assettile-text); --color-editor-asset-upload-previewimage-background: var(--color-assettile-background); --color-editor-asset-uploaded-background: var(--color-white-t50); --color-editor-asset-uploaded-icon-background: var(--color-notification-green); --color-editor-asset-uploaded-icon: var(--color-black); --color-editor-asset-locked-icon: var(--color-b12-grey-7); --color-editor-asset-locked-tooltip-text: var(--color-assettile-background); --color-editor-asset-locked-tooltip-background: var(--color-assettile-text); --color-editor-asset-draggable-enabled: var(--color-assettile-background); --color-editor-asset-drag-border: var(--color-assettile-text); --color-editor-asset-drag-tile-border: var(--color-b12-red-dark); --color-editor-asset-targeted-border: var(--color-white); --color-editor-asset-edittitle-background-hover: var(--color-b12-grey-4); --color-editor-asset-edittitle-border-editing: var(--color-highlight-primary-default); --color-editor-asset-edittitle-button-icon: var(--color-text-primary-default); --color-editor-asset-edittitle-button-background: var(--color-white); --color-editor-notification-text: var(--color-text-primary-default); --color-editor-notification-background: var(--color-b12-grey-2); --color-editor-spinner-progress: var(--color-b12-grey-6); --color-editor-spinner-rail: var(--color-white); --color-editor-spinner-background: var(--color-editor-notification-background); --color-editor-progress-success-icon: var(--color-b12-grey-7); --color-editor-progress-success-background: var(--color-white); --color-editor-toast-background: var(--color-b12-grey-2); --color-editor-toast-text: var(--color-text-primary-default); --color-editor-toast-icon-success: var(--color-notification-green); --color-editor-toast-icon-error: var(--color-notification-red); --color-editor-toast-icon-attention: var(--color-notification-yellow); --color-editor-toast-icon-info: var(--color-text-primary-default); --color-editor-toast-close-default: var(--color-text-primary-default); --color-editor-toast-close-hover: var(--color-text-primary-default); --color-homescreen-edit-text-hover: var(--color-b12-grey-2); --color-homescreen-edit-action-button-text-hover: var(--color-highlight-primary-hover); --color-homescreen-edit-text-border: var(--color-focus-border); --color-homescreen-edit-action-button-color-hover: var(--color-highlight-primary-hover); --color-homescreen-edit-action-button-color-disabled: var(--color-b12-grey-6); --color-homescreen-edit-text-counter-color: var(--color-b12-grey-5); --color-homescreen-edit-text-button-color: var(--color-white); --color-homescreen-edit-text-button-color-disabled: var(--color-b12-grey-4); --color-editor-upload-assetlist-header: var(--color-text-primary-default); --color-editor-upload-assetlist-item-background: var(--color-main-background); --color-editor-upload-assetlist-item-image: var(--color-b12-grey-4); --color-editor-upload-assetlist-item-title: var(--color-text-primary-default); --color-editor-upload-assetlist-item-type: var(--color-text-secondary-default); --color-editor-upload-assetlist-item-border-default: var(--color-search-border); --color-editor-upload-assetlist-item-border-selected: var(--color-b12-red-dark); --color-editor-upload-assetlist-item-btn-remove-default: var(--color-button-secondary-text-default); --color-editor-upload-assetlist-item-btn-remove-hover: var(--color-button-secondary-text-hover); --color-editor-upload-assetlist-image-icon-default: var(--color-white); --color-tooltip-text: var(--color-black); --color-tooltip-background: var(--color-white); --color-assistant-dialog-background: var(--color-main-background); --color-assistant-dialog-header: var(--color-b12-grey-7); --color-assistant-dialog-header-app-name: var(--color-b12-grey-7); --color-assistant-dialog-header-path: var(--color-b12-grey-7); --color-assistant-dialog-header-powered-by: var(--color-text-secondary-default); --color-assistant-dialog-header-lang-bu: var(--color-text-primary-default); --color-assistant-dialog-header-usericon-background: var(--color-b12-grey-2); --color-assistant-dialog-header-usericon-text: var(--color-text-primary-default); --color-assistant-dialog-header-close: var(--color-text-primary-default); --color-assistant-dialog-header-close-background-hover: var(--color-b12-grey-2); --color-assistant-dialog-header-background: var(--color-header-background); --color-assistant-dialog-footer-border: var(--color-black-t30); --color-assistant-dialog-steps-indicator-current: var(--color-b12-red-dark); --color-assistant-dialog-steps-indicator-disabled: var(--color-b12-grey-3); --color-assistant-dialog-steps-indicator-error: var(--color-b12-red-light); --color-assistant-dialog-steps-indicator-visited: var(--color-b12-grey-5); --color-assistant-dialog-steps-indicator-ahead: var(--color-b12-grey-4); --color-assistant-dialog-steps-indicator-ahead-text: var(--color-b12-grey-4); --color-assistant-dialog-variant-selection-header: var(--color-text-primary-default); --color-assistant-dialog-variant-selection-button: var(--color-text-primary-default); --color-assistant-dialog-variant-selection-button-disabled: var(--color-black-t50); --color-assistant-dialog-variant-selection-button-background-default: var(--color-white); --color-assistant-dialog-variant-selection-button-background-hover: var(--color-b12-grey-2); --color-radiobutton-default: var(--color-b12-grey-3); --color-radiobutton-hover: var(--color-b12-grey-4); --color-radiobutton-checked: var(--color-b12-red-dark); --color-radiobutton-checked-hover: var(--color-b12-red-light); --color-radiobutton-disabled: var(--color-b12-grey-3); --color-radiobutton-text: var(--color-text-primary-default); --color-radiobutton-text-disabled: var(--color-b12-grey-5); --color-addDataPools-dialog-loading: var(--color-b12-grey-4); --color-addDataPools-dialog-list-item-border: var(--color-b12-grey-1); --color-addDataPools-dialog-list-item-icon: var(--color-text-primary-default); --color-create-website-table-header: var(--color-text-primary-default); --color-create-website-table-item-background: var(--color-b12-grey-2); --color-create-website-table-item-text: var(--color-text-primary-default); --color-create-website-table-item-url: var(--color-text-secondary-default); --color-create-website-table-item-delete-default: var(--color-b12-red-dark); --color-create-website-table-item-delete-hover: var(--color-b12-red-light); --color-create-website-input-label: var(--color-b12-grey-5); --color-assistant-dialog-asset-selection-border: var(--color-black-t30); --color-assistant-dialog-asset-selection-preview-text: var(--color-text-primary-default); --color-assistant-dialog-asset-selection-preview-empty-text: var(--color-b12-grey-4-t50); --color-assistant-dialog-asset-selection-preview-empty-link: var(--color-b12-red-dark); --color-assistant-dialog-asset-selection-preview-header: var(--color-text-primary-default); --color-assistant-dialog-asset-selection-toggle-btn-default: var(--color-b12-red-dark); --color-assistant-dialog-asset-selection-toggle-btn-disabled: var(--color-b12-grey-3); --color-assistant-dialog-asset-selection-confirmation-header: var(--color-text-primary-default); --color-assistant-dialog-asset-selection-confirmation-addassetarea-background-hover: var(--color-b12-grey-2); --color-assistant-dialog-asset-selection-confirmation-addassetarea-background-default: var(--color-assettile-background); --color-assistant-dialog-asset-selection-confirmation-addassetarea-border-default: var(--color-editor-addasset-text-default); --color-assistant-dialog-asset-selection-confirmation-addassetarea-border-hover: var(--color-b12-grey-2); --color-assistant-dialog-asset-selection-confirmation-addassetarea-icon: var(--color-b12-red-dark); --color-assistant-dialog-asset-selection-confirmation-release-header: var(--color-text-primary-default); --color-assistant-dialog-asset-selection-confirmation-release-placeholder-empty: var(--color-b12-grey-5); --color-assistant-dialog-asset-selection-confirmation-release-placeholder-filled: var(--color-b12-grey-7); --color-assistant-dialog-asset-selection-confirmation-release-info-btn-default: var(--color-b12-red-dark); --color-assistant-dialog-asset-selection-confirmation-release-info-btn-hover: var(--color-b12-red-light); --color-assistant-dialog-breadcrumbs-current: var(--color-b12-grey-5); --color-assistant-dialog-breadcrumbs-previous-default: var(--color-b12-red-dark); --color-assistant-dialog-breadcrumbs-previous-hover: var(--color-b12-red-light); --color-assistant-dialog-breadcrumbs-separator: var(--color-b12-grey-5); --color-assistant-dialog-datapools-loading-spinner: var(--color-b12-grey-5); --color-assistant-dialog-datapools-loading-text: var(--color-b12-grey-6); --color-assistant-fileupload-header: var(--color-text-primary-default); --color-assistant-fileupload-area-background-default: var(--color-editor-addasset-background-default); --color-assistant-fileupload-area-background-hover: var(--color-editor-addasset-background-hover); --color-assistant-fileupload-area-border-default: var(--color-editor-addasset-border-default); --color-assistant-fileupload-area-border-dragging: var(--color-editor-addasset-border-dragging); --color-assistant-fileupload-area-anchor: var(--color-editor-addasset-link-default); --color-assistant-fileupload-area-text: var(--color-editor-addasset-text-default); --color-assistant-foldermenu-entry-hover: var(--color-b12-grey-6); --color-assistant-foldermenu-entry-background-hover: var(--color-b12-grey-3-t80); --color-assistant-foldermenu-entry-background-selected: var(--color-b12-grey-2); --color-assistant-foldermenu-entry-chevron-hover: var(--color-b12-red-dark); --color-assistant-foldermenu-entry-border-selected: var(--color-b12-red-dark); --color-assistant-foldermenu-entry-border-focus: var(--color-b12-red-dark); --color-assistant-foldermenu-entry-text-default: var(--color-b12-grey-5); --color-assistant-foldermenu-entry-text-selected: var(--color-text-primary-default); --color-assistant-foldermenu-entry-text-locked: var(--color-b12-grey-4); --color-assistant-foldermenu-header: var(--color-text-primary-default); --color-assistant-foldermenu-header-btn-select-parent: var(--color-b12-grey-5); --color-assistant-foldermenu-header-border-selected: var(--color-b12-red-dark); --color-assistant-foldermenu-header-background-hover: var(--color-b12-grey-3-t80); --color-assistant-foldermenu-folderinfo-selected-text: var(--color-white); --color-assistant-foldermenu-folderinfo-selected-background: var(--color-b12-red-dark); --color-assistant-foldermenu-title: var(--color-text-primary-default); --color-assistant-foldermenu-add-source-background-default: var(--color-button-cta-secondary-background-default); --color-assistant-foldermenu-add-source-background-hover: var(--color-button-cta-secondary-background-hover); --color-assistant-foldermenu-add-source-border-default: var(--color-button-cta-secondary-border-default); --color-assistant-foldermenu-add-source-border-hover: var(--color-button-cta-secondary-border-hover); --color-assistant-foldermenu-add-source-text-default: var(--color-button-cta-secondary-text-default); --color-assistant-foldermenu-add-source-text-hover: var(--color-button-cta-secondary-text-hover); --color-assistant-dialog-destination-selection-border: var(--color-black-t30); --color-assistant-dialog-destination-selection-title: var(--color-text-primary-default); --color-assistant-dialog-destination-selection-description: var(--color-b12-grey-6); --color-editor-editable-text-background-hover: var(--color-b12-grey-2); --color-editor-editable-text-border-focus: var(--color-focus-border); --color-editor-editable-text-button-background: var(--color-white); --color-editor-editable-text-button-background-disabled: var(--color-b12-grey-4); --color-editor-editable-text: var(--color-text-primary-default); --color-editor-editable-text-counter: var(--color-b12-grey-5); --color-add-topic-dialog-header: var(--color-text-primary-default); --color-add-topic-dialog-subheader: var(--color-b12-grey-5); --color-add-topic-dialog-event-tile-background: var(--color-white); --color-add-topic-dialog-event-tile-background-hover: var(--color-white-t70); --color-add-topic-dialog-event-tile-image-background: var(--color-b12-red-dark); --color-add-topic-dialog-event-tile-text: var(--color-b12-grey-4); --color-add-topic-dialog-event-tile-title: var(--color-text-primary-default); --color-add-topic-dialog-event-tile-border-selected: var(--color-b12-red-dark); --color-swap-homescreen-dialog-loading-spinner: var(--color-b12-grey-5); --color-swap-homescreen-dialog-separator: var(--color-black-t30); --color-move-hotspots-controls: var(--color-text-primary-default); --color-move-hotspots-controls-divider: var(--color-black-t30); --color-hotspot-startscreen-empty-border: var(--color-b12-grey-4); --color-hotspot-startscreen-empty-input-background-disabled: var(--color-b12-grey-3); --color-hotspot-startscreen-empty-title: var(--color-b12-grey-6); --color-hotspot-startscreen-empty-title-disabled: var(--color-b12-grey-5); --color-hotspot-startscreen-empty-description: var(--color-b12-grey-5); --color-hotspot-startscreen-empty-icon: var(--color-b12-grey-6); --color-hotspot-startscreen-empty-icon-disabled: var(--color-b12-grey-5); --color-utc-info-dialog-infoicon: var(--color-text-primary-default); --color-topicGraphicSidebar-background-default: var(--color-b12-grey-1); --color-topicGraphicSidebar-shadow-default: var(--color-navbar-shadow); }