:root { --secondary-border: #378FE1 !important; --secondary-border-hover: #378FE1 !important; }

:root { --vp-width-breakpoint-xs: 320px; --vp-width-breakpoint-sm: 576px; --vp-width-breakpoint-md: 768px; --vp-width-breakpoint-lg: 992px; --vp-width-breakpoint-xl: 1280px; --vp-width-breakpoint-xxl: 1920px; --font-face: volvonovum; --display-1: 4.75rem; --display-2: 4.25rem; --display-3: 3.75rem; --display-4: 3.375rem; --display-5: 3rem; --display-6: 2.625rem; --display-1-mobile: 2.25rem; --display-2-mobile: 2rem; --display-3-mobile: 1.75rem; --display-4-mobile: 1.5rem; --display-5-mobile: 1.25rem; --display-6-mobile: 1.125rem; --heading-1: 2.625rem; --heading-2: 2.25rem; --heading-3: 1.75rem; --heading-4: 1.5rem; --heading-5: 1.25rem; --heading-6: 1rem; --heading-1-mobile: 2rem; --heading-2-mobile: 1.75rem; --heading-3-mobile: 1.5rem; --heading-4-mobile: 1.25rem; --heading-5-mobile: 1.125rem; --heading-6-mobile: 1rem; --font-size-xl: 1.125rem; --font-size-lg: 1rem; --font-size-base: 0.875rem; --font-size-sm: 0.75rem; --font-size-xs: 0.625rem; --font-size-xl-mobile: 1.125rem; --font-size-lg-mobile: 1rem; --font-size-base-mobile: 0.875rem; --font-size-sm-mobile: 0.75rem; --font-size-xs-mobile: 0.625rem; --font-weight-normal: 400; --font-weight-bold: 500; --font-weight-bolder: 700; --body-bg: #f3f3f5; --body-fg: #141414; --body-line-height: 1.3125; --body-padding: 1.75rem; --body-padding-mobile: 1.25rem; --anchor-color: #141414; --button-border-width: 1px; --button-font-weight: 700; --button-line-height: 1.14375; --button-text: 1rem; --button-text-xs: 0.75rem; --button-text-sm: 0.875rem; --button-text-lg: 1.125rem; --button-padding-y: 0.5rem; --button-padding-x: 1rem; --button-padding-y-xs: 0.25rem; --button-padding-x-xs: 0.75rem; --button-padding-y-sm: 0.375rem; --button-padding-x-sm: 0.875rem; --button-padding-y-lg: 0.7rem; --button-padding-x-lg: 1.125rem; --input-border-width: 1px; --input-border-color: #c3c6cf; --input-border-color-hover: #b4b9c4; --input-border-width-focus: 2px; --input-border-color-focus: var(--primary); --input-disabled-bg: transparent; --input-disabled-fg: #c3c6cf; --input-placeholder: #69707e; --input-placeholder-hover: #A7ABA9; --input-long-width: 260px; --input-height: 2.5rem; --input-height-xs: 1.625rem; --input-height-sm: 2rem; --input-height-lg: 3rem; --input-checkbox-color: #888B8D; --input-checkbox-checked-color: var(--primary-hover); --input-checkbox-checked-hover-color: var(--primary); --input-bg: transparent; --input-fg: var(--body-fg); --input-select-arrow: url(/icons/arrow-simple-down.svg); --input-select-arrow-expanded: url(/icons/arrow-simple-up.svg); --input-select-arrow-light: url(/icons/arrow-simple-down-white.svg); --input-select-arrow-light-expanded: url(/icons/arrow-simple-up-white.svg); --input-select-arrow-grey: url(/icons/arrow-simple-down-grey.svg); --table-padding-y: 0.625rem; --table-padding-x: 0.75rem; --table-row-min-height: 3.25rem; --table-bg: var(--panel-bg); --table-alternation-bg: #f9f9fa; --table-alternation-success-bg: var(--success-light); --table-alternation-warning-bg: var(--warning-light); --table-muted-color: #69707e; --table-row-hover-bg: var(--table-alternation-bg); --table-row-hover-fg: var(--body-fg); --table-row-selected-bg: #AFD2F3; --table-row-selected-fg: var(--primary-hover); --table-highlight-border: #5FA5E7; --table-highlight-bg: rgba(53, 100, 239, 0.04); --table-border-radius: 0.25rem; --dropdown-shadow: var(--drop-shadow); --dropdown-radius: 0.25rem; --dropdown-bg: #ffffff; --dropdown-fg: #141414; --dropdown-bg-hover: #AFD2F3; --dropdown-fg-hover: var(--primary); --dropdown-bg-active: #F6F9FD; --dropdown-fg-active: #16395A; --dropdown-font-size: 0.875rem; --dropdown-font-weight: 500; --button-switcher-fg: #69707e; --button-switcher-bg: #f3f3f5; --button-switcher-hover-fg: var(--primary); --button-switcher-focus-fg: var(--primary-hover); --button-switcher-active-fg: #ffffff; --button-switcher-active-bg: #3A3A3A; --button-switcher-disabled-fg: #c3c6cf; --button-switcher-disabled-bg: #f3f3f5; --button-switcher-disabled-active-fg: #ffffff; --button-switcher-disabled-active-bg: #c3c6cf; --button-switcher-light-fg: #363941; --button-switcher-light-bg: #ffffff; --tab-switcher-border-width: var(--border-default-width); --tab-switcher-border-color: var(--border-default-color); --tab-switcher-item-fg: #363941; --tab-switcher-item-hover: var(--primary); --tab-switcher-item-padding-y: 1rem; --tab-switcher-item-margin-x: 0.875rem; --tab-switcher-item-selected-fg: var(--primary); --tab-switcher-item-selected-border-width: 2px; --tab-switcher-item-selected-border-color: var(--primary); --panel-bg: #ffffff; --panel-fg: #141414; --panel-padding: 1.25rem; --panel-shadow: var(--drop-shadow-sm); --panel-shadow-hover: var(--drop-shadow-lg); --panel-border-radius: 0.25rem; --nav-header-fg: #ffffff; --nav-header-bg: #141414; --reg-ok-fg: #024711; --reg-fail-fg: #7b150c; --module-chooser-bg: var(--panel-bg); --module-chooser-main: #378FE1; --module-chooser-contrast: var(--panel-bg); --module-chooser-hover: #F6F9FD; --module-chooser-radius: 0.1875rem; --module-chooser-offset: 0.5rem; --module-chooser-min-height: 7rem; --module-chooser-min-height-mobile: 6.25rem; --graph-success-color: #035f17; --graph-error-color: #7b150c; --graph-border-color: var(--panel-bg); --file-upload-box-border: 2px dashed #E1DFDD; --icon-static-color: #888B8D; --icon-hover-color: var(--primary); --icon-active-color: var(--primary-hover); --icon-disabled-color: var(--primary-disabled); --icon-selected-static-color: var(--primary); --icon-selected-hover-color: var(--primary-hover); --icon-selected-active-color: var(--primary-active); --primary: #141414; --primary-hover: #3A3A3A; --primary-active: #0B1D2D; --primary-disabled: #c3c6cf; --primary-border: #141414; --primary-border-hover: #3A3A3A; --primary-border-active: #0B1D2D; --primary-border-disabled: #c3c6cf; --primary-text: #ffffff; --primary-hover-text: #ffffff; --primary-active-text: #ffffff; --primary-disabled-text: #ffffff; --secondary: #ffffff; --secondary-hover: #F6F9FD; --secondary-active: #AFD2F3; --secondary-disabled: #c3c6cf; --secondary-border: #E1DFDD; --secondary-border-hover: #F6F9FD; --secondary-border-active: #AFD2F3; --secondary-border-disabled: #c3c6cf; --secondary-text: #378FE1; --secondary-hover-text: #378FE1; --secondary-active-text: #0B215C; --secondary-disabled-text: #ffffff; --success: #035f17; --success-hover: #024711; --success-active: #02300c; --success-disabled: #c3c6cf; --success-border: #035f17; --success-border-hover: #024711; --success-border-active: #02300c; --success-border-disabled: #c3c6cf; --success-text: #ffffff; --success-hover-text: #ffffff; --success-active-text: #ffffff; --success-disabled-text: #ffffff; --success-secondary: #ffffff; --success-secondary-hover: #cde4d2; --success-secondary-active: #9bc9a5; --success-secondary-disabled: #E1DFDD; --success-secondary-border: #E1DFDD; --success-secondary-border-hover: #cde4d2; --success-secondary-border-active: #9bc9a5; --success-secondary-border-disabled: #E1DFDD; --success-secondary-text: #035f17; --success-secondary-hover-text: #035f17; --success-secondary-active-text: #024711; --success-secondary-disabled-text: #ffffff; --error: #7b150c; --error-hover: #520e08; --error-active: #290704; --error-disabled: #c3c6cf; --error-border: #7b150c; --error-border-hover: #520e08; --error-border-active: #290704; --error-border-disabled: #c3c6cf; --error-text: #ffffff; --error-hover-text: #ffffff; --error-active-text: #ffffff; --error-disabled-text: #ffffff; --error-secondary: #ffffff; --error-secondary-hover: #f5d3d0; --error-secondary-active: #eba7a1; --error-secondary-disabled: #E1DFDD; --error-secondary-border: #E1DFDD; --error-secondary-border-hover: #f5d3d0; --error-secondary-border-active: #eba7a1; --error-secondary-border-disabled: #E1DFDD; --error-secondary-text: #7b150c; --error-secondary-hover-text: #7b150c; --error-secondary-active-text: #520e08; --error-secondary-disabled-text: #ffffff; --warning-secondary-hover: #ebc299; --warning-secondary-hover-text: #7c3e00; --warning-secondary-border-hover: #ebc299; --info: #215687; --info-text: #ffffff; --info-light: #F6F9FD; --success-light: #ebfef1; --warning: #a55200; --warning-hover: #7c3e00; --warning-text: #ffffff; --warning-light: #f5e1cc; --error-light: #f5d3d0; --yellow: #947f07; --border-radius-lg: 0.5rem; --border-radius: 0.25rem; --border-radius-sm: 0.1875rem; --border-radius-xs: 0.125rem; --border-default-color: #E1DFDD; --border-default-width: 1px; --drop-shadow-hardness: 0.15; --drop-shadow-lg: 0px 20px 40px rgba(0, 0, 0, var(--drop-shadow-hardness)); --drop-shadow: 0px 7px 20px rgba(0, 0, 0, var(--drop-shadow-hardness)); --drop-shadow-sm: 0px 2px 4px rgba(0, 0, 0, var(--drop-shadow-hardness)); --transition-time-long: 0.5s; --transition-time: 0.3s; --transition-time-short: 0.2s; --icon-filter: none; --illustration-filter: hue-rotate(300deg); --theme-switch-transition: var(--transition-time-long); --dialer-width-default: 360px; --black-full: #000000; --pad: 12px; --pad-2: calc(var(--pad) * 2); --pad-4: calc(var(--pad) * 4); --pad-1-2: calc(var(--pad) / 2); --pad-1-4: calc(var(--pad) / 4); --overlay-mask-color: #020e25cc; --color-select: #cfefff; --color-light-bg: #cfefff; --color-light-bg-hover: #9cdeff; }

/* +breakpoint('<md') */
@media screen and (max-width: calc( 768px - .02px)) { .mobile-ui, .desktop-ui { --display-1: var(--display-1-mobile); --display-2: var(--display-2-mobile); --display-3: var(--display-3-mobile); --display-4: var(--display-4-mobile); --display-5: var(--display-5-mobile); --display-6: var(--display-6-mobile); --heading-1: var(--heading-1-mobile); --heading-2: var(--heading-2-mobile); --heading-3: var(--heading-3-mobile); --heading-4: var(--heading-4-mobile); --heading-5: var(--heading-5-mobile); --heading-6: var(--heading-6-mobile); --font-size-xl: var(--font-size-xl-mobile); --font-size-lg: var(--font-size-lg-mobile); --font-size-base: var(--font-size-base-mobile); --font-size-sm: var(--font-size-sm-mobile); --font-size-xs: var(--font-size-xs-mobile); --body-padding: var(--body-padding-mobile); --module-chooser-min-height: var(--module-chooser-min-height-mobile); } }

@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --primary: #1C6ED2; --primary-hover: #5FA5E7; --primary-active: #ffffff; --primary-disabled: #53565A; --primary-border: var(--primary); --primary-border-hover: var(--primary-hover); --primary-border-active: var(--primary-active); --primary-border-disabled: var(--primary-disabled); --primary-text: #0B215C; --primary-hover-text: var(--primary-text); --primary-active-text: var(--primary-text); --primary-disabled-text: #23262b; --secondary: transparent; --secondary-hover: #16395A; --secondary-active: #2049B8; --secondary-disabled: #53565A; --secondary-border: var(--border-default-color); --secondary-border-hover: var(--secondary-hover); --secondary-border-active: var(--secondary-active); --secondary-border-disabled: var(--secondary-disabled); --secondary-text: #5FA5E7; --secondary-hover-text: #1C6ED2; --secondary-active-text: #5FA5E7; --secondary-disabled-text: #23262b; --success: #04771d; --success-hover: #9bc9a5; --success-active: #ffffff; --success-disabled: #53565A; --success-border: var(--success); --success-border-hover: var(--success-hover); --success-border-active: var(--success-active); --success-border-disabled: var(--success-disabled); --success-text: #002D14; --success-hover-text: var(--success-text); --success-active-text: var(--success-text); --success-disabled-text: #23262b; --success-secondary: var(--secondary); --success-secondary-hover: #02300c; --success-secondary-active: #005F32; --success-secondary-disabled: #53565A; --success-secondary-border: #53565A; --success-secondary-border-hover: var(--success-secondary-hover); --success-secondary-border-active: var(--success-secondary-active); --success-secondary-border-disabled: var(--success-secondary-disabled); --success-secondary-text: #04771d; --success-secondary-hover-text: var(--success-secondary-text); --success-secondary-active-text: #9bc9a5; --success-secondary-disabled-text: #23262b; --error: #a41c10; --error-hover: #d74f43; --error-active: #ffffff; --error-disabled: #53565A; --error-border: #a41c10; --error-border-hover: var(--error-hover); --error-border-active: var(--error-active); --error-border-disabled: var(--error-disabled); --error-text: #4E0B0C; --error-hover-text: var(--error-text); --error-active-text: var(--error-text); --error-disabled-text: #23262b; --error-secondary: var(--secondary); --error-secondary-hover: #520e08; --error-secondary-active: #9E2123; --error-secondary-disabled: #53565A; --error-secondary-border: #53565A; --error-secondary-border-hover: var(--error-secondary-hover); --error-secondary-border-active: var(--error-secondary-active); --error-secondary-border-disabled: var(--error-secondary-disabled); --error-secondary-text: #a41c10; --error-secondary-hover-text: var(--error-secondary-text); --error-secondary-active-text: #d74f43; --error-secondary-disabled-text: #23262b; --warning-secondary-hover: #7c3e00; --warning-secondary-hover-text: #ebc299; --warning-secondary-border-hover: #7c3e00; --success-light: #002D14; --warning-hover: #ce6700; --warning-text: #0B1D2D; --warning-light: #291500; --border-default-color: #53565A; --body-bg: #141619; --body-fg: #ffffff; --anchor-color: var(--secondary-active-text); --panel-bg: #23262b; --panel-fg: var(--body-fg); --nav-header-bg: var(--panel-bg); --module-chooser-main: var(--primary); --module-chooser-hover: var(--body-bg); --module-chooser-contrast: var(--panel-fg); --button-switcher-fg: #b4b9c4; --button-switcher-bg: #363941; --button-switcher-active-fg: #23262b; --button-switcher-active-bg: #ffffff; --button-switcher-disabled-fg: #23262b; --button-switcher-disabled-bg: #53565A; --button-switcher-disabled-active-fg: #141619; --button-switcher-disabled-active-bg: #363941; --button-switcher-light-fg: #ffffff; --button-switcher-light-bg: #363941; --tab-switcher-item-fg: #b4b9c4; --input-border-color: var(--border-default-color); --input-disabled-bg: transparent; --input-disabled-fg: #53565A; --input-select-arrow: var(--input-select-arrow-light); --table-alternation-bg: #363941; --table-muted-color: #A7ABA9; --table-row-selected-bg: var(--dropdown-bg-hover); --table-row-selected-fg: #AFD2F3; --dropdown-bg: var(--panel-bg); --dropdown-fg: var(--panel-fg); --dropdown-bg-hover: var(--primary); --dropdown-fg-hover: #AFD2F3; --dropdown-bg-active: #16395A; --dropdown-fg-active: #F6F9FD; --drop-shadow-hardness: 0.5; --icon-filter: invert(1); --black-full: #ffffff; /* Firefox Select Darkmode fix - auto-compute background color override */ } :root:not([data-theme="light"]) select { background-color: rgba(1, 1, 1, 0); } }

:root[data-theme="dark"] { --primary: #1C6ED2; --primary-hover: #5FA5E7; --primary-active: #ffffff; --primary-disabled: #53565A; --primary-border: var(--primary); --primary-border-hover: var(--primary-hover); --primary-border-active: var(--primary-active); --primary-border-disabled: var(--primary-disabled); --primary-text: #0B215C; --primary-hover-text: var(--primary-text); --primary-active-text: var(--primary-text); --primary-disabled-text: #23262b; --secondary: transparent; --secondary-hover: #16395A; --secondary-active: #2049B8; --secondary-disabled: #53565A; --secondary-border: var(--border-default-color); --secondary-border-hover: var(--secondary-hover); --secondary-border-active: var(--secondary-active); --secondary-border-disabled: var(--secondary-disabled); --secondary-text: #5FA5E7; --secondary-hover-text: #1C6ED2; --secondary-active-text: #5FA5E7; --secondary-disabled-text: #23262b; --success: #04771d; --success-hover: #9bc9a5; --success-active: #ffffff; --success-disabled: #53565A; --success-border: var(--success); --success-border-hover: var(--success-hover); --success-border-active: var(--success-active); --success-border-disabled: var(--success-disabled); --success-text: #002D14; --success-hover-text: var(--success-text); --success-active-text: var(--success-text); --success-disabled-text: #23262b; --success-secondary: var(--secondary); --success-secondary-hover: #02300c; --success-secondary-active: #005F32; --success-secondary-disabled: #53565A; --success-secondary-border: #53565A; --success-secondary-border-hover: var(--success-secondary-hover); --success-secondary-border-active: var(--success-secondary-active); --success-secondary-border-disabled: var(--success-secondary-disabled); --success-secondary-text: #04771d; --success-secondary-hover-text: var(--success-secondary-text); --success-secondary-active-text: #9bc9a5; --success-secondary-disabled-text: #23262b; --error: #a41c10; --error-hover: #d74f43; --error-active: #ffffff; --error-disabled: #53565A; --error-border: #a41c10; --error-border-hover: var(--error-hover); --error-border-active: var(--error-active); --error-border-disabled: var(--error-disabled); --error-text: #4E0B0C; --error-hover-text: var(--error-text); --error-active-text: var(--error-text); --error-disabled-text: #23262b; --error-secondary: var(--secondary); --error-secondary-hover: #520e08; --error-secondary-active: #9E2123; --error-secondary-disabled: #53565A; --error-secondary-border: #53565A; --error-secondary-border-hover: var(--error-secondary-hover); --error-secondary-border-active: var(--error-secondary-active); --error-secondary-border-disabled: var(--error-secondary-disabled); --error-secondary-text: #a41c10; --error-secondary-hover-text: var(--error-secondary-text); --error-secondary-active-text: #d74f43; --error-secondary-disabled-text: #23262b; --warning-secondary-hover: #7c3e00; --warning-secondary-hover-text: #ebc299; --warning-secondary-border-hover: #7c3e00; --success-light: #002D14; --warning-hover: #ce6700; --warning-text: #0B1D2D; --warning-light: #291500; --border-default-color: #53565A; --body-bg: #141619; --body-fg: #ffffff; --anchor-color: var(--secondary-active-text); --panel-bg: #23262b; --panel-fg: var(--body-fg); --nav-header-bg: var(--panel-bg); --module-chooser-main: var(--primary); --module-chooser-hover: var(--body-bg); --module-chooser-contrast: var(--panel-fg); --button-switcher-fg: #b4b9c4; --button-switcher-bg: #363941; --button-switcher-active-fg: #23262b; --button-switcher-active-bg: #ffffff; --button-switcher-disabled-fg: #23262b; --button-switcher-disabled-bg: #53565A; --button-switcher-disabled-active-fg: #141619; --button-switcher-disabled-active-bg: #363941; --button-switcher-light-fg: #ffffff; --button-switcher-light-bg: #363941; --tab-switcher-item-fg: #b4b9c4; --input-border-color: var(--border-default-color); --input-disabled-bg: transparent; --input-disabled-fg: #53565A; --input-select-arrow: var(--input-select-arrow-light); --table-alternation-bg: #363941; --table-muted-color: #A7ABA9; --table-row-selected-bg: var(--dropdown-bg-hover); --table-row-selected-fg: #AFD2F3; --dropdown-bg: var(--panel-bg); --dropdown-fg: var(--panel-fg); --dropdown-bg-hover: var(--primary); --dropdown-fg-hover: #AFD2F3; --dropdown-bg-active: #16395A; --dropdown-fg-active: #F6F9FD; --drop-shadow-hardness: 0.5; --icon-filter: invert(1); --black-full: #ffffff; /* Firefox Select Darkmode fix - auto-compute background color override */ }

:root[data-theme="dark"] select { background-color: rgba(1, 1, 1, 0); }

@font-face { font-family: volvonovum; font-style: normal; font-weight: 400; src: url("VolvoNovum3-Regular.woff2") format("woff2"); font-display: block; }

@font-face { font-family: volvonovum; font-style: normal; font-weight: 700; src: url("VolvoNovum3-Bold.woff2") format("woff2"); font-display: block; }

.main-screen > .header { background-repeat: no-repeat, no-repeat; background-size: contain, auto; background-position: left 238px bottom 24px, center; }

.main-screen .logo .dark { display: none !important; }

.public-screen .logo .light { display: none !important; }

@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --primary: #378FE1; --primary-text: var(--body-fg); --primary-hover: #1C6ED2; --module-chooser-main: #ffffff; --module-chooser-hover: #378FE1; --module-chooser-contrast: #378FE1; --button-switcher-active-bg: #378FE1; --button-switcher-active-fg: #ffffff; --error: #7b150c; --error-text: #ffffff; } :root:not([data-theme="light"]) .main-screen .logo .dark { display: block !important; } :root:not([data-theme="light"]) .main-screen .logo .light { display: none !important; } :root:not([data-theme="light"]) .public-screen .logo .dark { display: none !important; } :root:not([data-theme="light"]) .public-screen .logo .light { display: block !important; } }

:root[data-theme="dark"] { --primary: #378FE1; --primary-text: var(--body-fg); --primary-hover: #1C6ED2; --module-chooser-main: #ffffff; --module-chooser-hover: #378FE1; --module-chooser-contrast: #378FE1; --button-switcher-active-bg: #378FE1; --button-switcher-active-fg: #ffffff; --error: #7b150c; --error-text: #ffffff; }

:root[data-theme="dark"] .main-screen .logo .dark { display: block !important; }

:root[data-theme="dark"] .main-screen .logo .light { display: none !important; }

:root[data-theme="dark"] .public-screen .logo .dark { display: none !important; }

:root[data-theme="dark"] .public-screen .logo .light { display: block !important; }

/*# sourceMappingURL=style.css.map */