:root{color-scheme:light dark;interpolate-size:allow-keywords;--body-font: Roboto, arial, helvetica, sans-serif;--nav-bar-font: "Museo Sans", arial, helvetica, sans-serif;--body-font-size: 13px;--productsBarWidth: 48px;--productsBarWidthGarmin: 208px;--primaryNavHeight: 48px;--primaryNavHeightMessaging: 76px;--tabs-font-size: 14px;--tabs-active-weight: 500;--scrollbar-width: 8px;--login-background: #221c35 url(/Resources/Images/login-bg.svg);--globalText: light-dark(#221c35, #fff);--globalLink: light-dark(#06c, #47a3ff);--pageBackground: light-dark(#fff, #232026);--pageBackgroundRgb: 255, 255, 255;--headingColour: var(--dotd-dark-blue-text);--shroud-background: light-dark(rgb(255 255 255 / 70%), rgba(0, 0, 0, 0.5));--table-stripes-color: light-dark(#f5f5f5, #1d1c21);--primaryBrandColor: light-dark(#d40f7d, #ff5ab6);--primaryDarkColor: light-dark(#d40f7d, rgba(255, 90, 182, 0.5019607843));--primaryLightColor: light-dark(#ea87be, rgba(255, 90, 182, 0.5019607843));--primaryTint: light-dark(#fbe6f2, rgba(255, 90, 182, 0.1019607843));--primaryTint20: light-dark(#f6cee4, rgba(255, 90, 182, 0.2));--primaryTint30: light-dark(rgba(212, 15, 125, 0.3019607843), rgba(255, 90, 182, 0.3019607843));--primary-emphasized-tint: var(--primaryTint20);--primaryLinkTextColor: light-dark(#fff, #2f2f2f);--navLinkColor: var(--neutralMedDark);--products-nav-color: var(--neutralMedDark);--products-nav-color-hover: light-dark(#fff, #fff);--nav-logo-bg-color: transparent;--secondaryBrandColor: light-dark(#d40f7d, #ff5ab6);--secondaryLightColor: light-dark(#ff0094, rgba(255, 90, 182, 0.5019607843));--secondaryDarkColor: light-dark(#d6007c, rgba(255, 90, 182, 0.5019607843));--secondaryTint: light-dark(#fbe0ef, rgba(255, 90, 182, 0.1019607843));--dotd-dark-blue: light-dark(#221c35, #2f2f2f);--dotd-dark-blue-contrast: light-dark(#fff, var(--dotd-dark-blue));--dotd-dark-blue-text: light-dark(#221c35, #fff);--dotd-dark-blue-text-tint-30: light-dark(rgba(34, 28, 53, 0.3), rgba(255, 255, 255, 0.3));--dotd-midnight-blue: light-dark(#272055, #272055);--dotd-dark-pink: light-dark(#d40f7d, #ff5ab6);--dotd-green-med: light-dark(#82bc42, #82bc42);--winston-primary: light-dark(#4040db, #7f80f7);--winston-primary-notification: light-dark(#4040db, var(--pageBackground));--winston-notifications-icon: light-dark(#fff, #7f80f7);--winston-primary-tint: light-dark(rgba(64, 64, 219, 0.1), rgba(127, 128, 247, 0.1));--primaryTintAlpha05: light-dark(rgba(212, 15, 125, 0.05), rgba(255, 90, 182, 0.05));--primaryTintAlpha10: light-dark(rgba(212, 15, 125, 0.1), rgba(255, 90, 182, 0.1));--primaryTintAlpha20: light-dark(rgba(212, 15, 125, 0.2), rgba(255, 90, 182, 0.2));--primaryTintAlpha30: light-dark(rgba(212, 15, 125, 0.3), rgba(255, 90, 182, 0.3));--primaryTintAlpha40: light-dark(rgba(212, 15, 125, 0.4), rgba(255, 90, 182, 0.4));--primaryTintAlpha50: light-dark(rgba(212, 15, 125, 0.5), rgba(255, 90, 182, 0.5));--buttonColor: light-dark(#d40f7d, #ff5ab6);--buttonHover: light-dark(#221c35, #fff);--buttonText: light-dark(#fff, #221c35);--buttonTextHover: light-dark(#fff, #221c35);--system-disabled-state-text: light-dark(#707070, #939194);--disabled-state-surface: light-dark(#dddede, #c8c8c8);--disabled-state-text: light-dark(#54585a, #3b3c40);--disabled-state-border: light-dark(#54585a, #fff);--focus-outline-color: var(--primaryBrandColor);--neutralDark: light-dark(#4b4b4b, #3b3c40);--neutralMed: light-dark(#54585a, #363539);--neutral: light-dark(#dddede, #514e5c);--neutralMedDark: light-dark(#9ca0a8, #939194);--neutralMedLight: light-dark(#eaebeb, #4b494d);--neutralLight: light-dark(#eaebeb, #4b494d);--neutral45: light-dark(#454545, #bdbbbb);--neutral45--tint-20: light-dark(rgba(69, 69, 69, 0.2), rgba(189, 187, 187, 0.2));--neutralc8: light-dark(#c8c8c8, #c8c8c8);--off-white: light-dark(#f5f5f5, #1d1c21);--light-grey: light-dark(#e6e6e6, #131313);--medium-grey: light-dark(#aba9b1, #aba9b1);--dark-grey: light-dark(#707070, #fff);--products-border: 0;--products-background: var(--dotd-dark-blue) url(/Resources/Images/navigation/menu-bg.svg) left / cover no-repeat;--tabs-link-color: var(--dotd-dark-blue-text);--tabs-active-color: var(--dotd-dark-blue-text);--dialog-header-text-color: light-dark(#fff, #fff);--dialog-keyline: 0 transparent;--error: light-dark(#be1e2d, #ef565c);--error-border: light-dark(#be1e2d, #ef565c);--error-background: var(--pageBackground);--notifications-background: light-dark(#06c, var(--pageBackground));--notifications-border: light-dark(#06c, #47a3ff);--notifications-color: light-dark(#fff, #fff);--notifications-icon: light-dark(#fff, #47a3ff);--notifications-link: light-dark(#fff, #47a3ff);--notifications-link-hover: light-dark(var(--dotd-dark-blue-text), var(--globalLink));--impersonation-background: #06c;--flow-canvas-background: light-dark(#fbfbfb, #212121);--messaging-node: light-dark(#5ea13b, #87be6b);--actions-node: light-dark(#ef568f, #fd82c2);--delay-node: light-dark(#f69053, #f69053);--decisions-node: light-dark(#7b356a, #b14c98);--extensions-node: light-dark(#144a9f, #5d94ff);--start-end-node: light-dark(#00afd7, #00afd7);--label-text: light-dark(#fff, #fff);--label-text-alt: light-dark(#fff, #000);--node-text: light-dark(#fff, #fff);--input-keyline: light-dark(#b5b6b7, #514e5c);--menu-shadow: 0 0 8px rgb(112 112 112 / 30%);--search-shadow: 0 0 8px rgb(112 112 112 / 30%);--modal-shadow: var(--large-container-shadow);--select-dropdown-shadow: var(--modal-shadow);--toggle-switch-shadow--positive: light-dark(#d40f7d, #ff5ab6);--toggle-switch-shadow--negative: light-dark(#221c35, #fff);--large-container-shadow: 0 -5px 5px 0 rgba(34, 28, 53, 0.02), 0 10px 30px 0 rgba(34, 28, 53, 0.15);--empty-state-illustration-drop-shadow: drop-shadow( -2px 6px 13px rgba(78.0992592593, 64.317037037, 121.742962963, 0.05) ) drop-shadow(-34px 89px 38px rgba(78.0992592593, 64.317037037, 121.742962963, 0.01)) drop-shadow(-8px 22px 24px rgba(78.0992592593, 64.317037037, 121.742962963, 0.04)) drop-shadow(-19px 50px 32px rgba(78.0992592593, 64.317037037, 121.742962963, 0.03));--scrollbar-track-color: var(--neutral);--editor-icon--blue: light-dark(#00afd7, #00afd7);--editor-icon--green: light-dark(#5ea13b, #87be6b);--editor-icon--grey: light-dark(#aba9b1, #aba9b1);--editor-icon--pink: light-dark(#ef568f, #fd82c2);--editor-icon--purple: light-dark(#7b356a, #b14c98);--editor-icon--orange: light-dark(#f69053, #f69053);--icon-red: light-dark(#be1e2d, #ef565c);--icon-red--tint-20: light-dark(rgba(190, 30, 45, 0.2), rgba(239, 86, 92, 0.2));--icon-blue: light-dark(#00afd7, #00afd7);--icon-blue--tint-20: light-dark(rgba(0, 175, 215, 0.2), rgba(0, 175, 215, 0.2));--icon-grey: light-dark(#616570, #616570);--icon-grey--tint-20: light-dark(rgba(97, 101, 112, 0.2), rgba(97, 101, 112, 0.2));--icon-grey-light: light-dark(#9d9e9f, #9d9e9f);--icon-grey-light--tint-20: light-dark(rgba(157, 158, 159, 0.2), rgba(157, 158, 159, 0.2));--icon-green: light-dark(#5ea13b, #87be6b);--icon-green--tint-20: light-dark(rgba(94, 161, 59, 0.2), rgba(135, 190, 107, 0.2));--icon-green-light: light-dark(#b3d783, #b3d783);--icon-green-light--tint-20: light-dark(rgba(179, 215, 131, 0.2), rgba(179, 215, 131, 0.2));--icon-green-med: light-dark(#82bc42, #82bc42);--icon-green-med--tint-20: light-dark(rgba(130, 188, 66, 0.2), rgba(130, 188, 66, 0.2));--icon-orange: light-dark(#f69053, #f69053);--icon-orange--tint-20: light-dark(rgba(246, 144, 83, 0.2), rgba(246, 144, 83, 0.2));--icon-white: light-dark(#fff, #fff);--icon-white--tint-20: light-dark(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));--icon-yellow: light-dark(#f4ce2f, #f4ce2f);--icon-yellow--tint-20: light-dark(rgba(244, 206, 47, 0.2), rgba(244, 206, 47, 0.2));--icon-purple: light-dark(#4800c4, #4800c4);--icon-purple--tint-20: light-dark(rgba(72, 0, 196, 0.2), rgba(72, 0, 196, 0.2));--g-green-light: light-dark(#b3d783, #b3d783);--g-green-med: light-dark(#82bc42, #82bc42);--g-blue: light-dark(#06c, #47a3ff);--g-white: light-dark(#fff, #fff);--g-white2: light-dark(#f5f5f5, #f5f5f5);--g-olive: light-dark(#aed09d, #aed09d);--progress-bar-buffer: light-dark(var(--medium-grey), var(--neutralDark));--skeleton-loader-start: light-dark(#eeeeef, #37353b);--skeleton-loader-end: light-dark(#dddde0, #454249);--campaign-setup-chrome-left: light-dark(var(--neutralLight), var(--dotd-dark-blue));--campaign-setup-chrome-top: light-dark(var(--neutral), var(--dotd-dark-blue));--campaign-setup-chrome-keyline: 0;--campaign-setup-chrome-width: 96px;--integrations-image-bg: light-dark(var(--neutralLight), #fff);--sticky-overlay: 255, 255, 255;--qb-comment: var(--off-white);--icon-code: light-dark(var(--neutralLight), var(--light-grey));--dark-mode-safe: light-dark(var(--globalText), var(--pageBackground));--contact-predictions--icon-lifetime-value-bg: light-dark(#f4ce2f, var(--dotd-dark-blue));--contact-predictions--icon-lifetime-value-stroke: light-dark(var(--dotd-dark-blue), #f4ce2f);--partner-hub-stand-gradient: light-dark(var(--g-white2), #221c35);--partner-hub-icon-filter: none;--login-logo: url(/Resources/Images/login-logo-light.png);--login-logo-fresh-relevance: url(/Resources/Images/login-logo-fresh-relevance.svg);--badge--shade0: light-dark(#7b356a, #b14c98);--badge--shade0-text: light-dark(#fff, #fff);--badge--shade1: light-dark(#f69053, #f69053);--badge--shade1-text: light-dark(#221c35, #2f2f2f);--badge--shade2: light-dark(#00afd7, #00afd7);--badge--shade2-text: light-dark(#221c35, #2f2f2f);--badge--shade3: light-dark(#5ea13b, #87be6b);--badge--shade3-text: light-dark(#221c35, #2f2f2f);--badge--shade4: light-dark(#4b4b4b, #3b3c40);--badge--shade4-text: light-dark(#fff, #fff);--badge--shade5: light-dark(#ef568f, #fd82c2);--badge--shade5-text: light-dark(#221c35, #2f2f2f);--badge--shade6: light-dark(#f4ce2f, #f4ce2f);--badge--shade6-text: light-dark(#221c35, #2f2f2f);--badge--shade7: light-dark(#aba9b1, #aba9b1);--badge--shade7-text: light-dark(#221c35, #2f2f2f);--badge--shade8: light-dark(#144a9f, #5d94ff);--badge--shade8-text: light-dark(#fff, #2f2f2f);--badge--shade9: light-dark(#616570, #616570);--badge--shade9-text: light-dark(#fff, #fff);--winston-title-bg: light-dark(#221c35, #2f2f2f);--winston-title-border: light-dark(#221c35, #707070);--winston-resp-bg: light-dark(#fafafa, #424145);--winston-resp-border: light-dark(#dddede, #707070);--shopline-logo-color: light-dark(inherit, var(--g-white));--feature-illustration-backdrop: linear-gradient( 180deg, var(--primaryTint) 0%, rgba(255, 243, 250, 0.5) 100% );--fresh-relevance-full-logo: url(/Resources/Images/Fresh_Relevance_Full_Light.svg);--chart-shade-1: light-dark(rgb(77, 132, 21), rgb(128, 158, 21));--chart-shade-1-10: light-dark(rgba(77, 132, 21, 0.1), rgba(128, 158, 21, 0.1));--chart-shade-1-50: light-dark(rgba(77, 132, 21, 0.5), rgba(128, 158, 21, 0.5));--chart-shade-2: light-dark(rgb(46, 132, 106), rgb(63, 162, 115));--chart-shade-2-10: light-dark(rgba(46, 132, 106, 0.1), rgba(63, 162, 115, 0.1));--chart-shade-2-50: light-dark(rgba(46, 132, 106, 0.5), rgba(63, 162, 115, 0.5));--chart-shade-3: light-dark(rgb(44, 127, 155), rgb(60, 157, 190));--chart-shade-3-10: light-dark(rgba(44, 127, 155, 0.1), rgba(60, 157, 190, 0.1));--chart-shade-3-50: light-dark(rgba(44, 127, 155, 0.5), rgba(60, 157, 190, 0.5));--chart-shade-4: light-dark(rgb(59, 114, 216), rgb(89, 138, 229));--chart-shade-4-10: light-dark(rgba(59, 114, 216, 0.1), rgba(89, 138, 229, 0.1));--chart-shade-4-50: light-dark(rgba(59, 114, 216, 0.5), rgba(89, 138, 229, 0.5));--chart-shade-5: light-dark(rgb(126, 86, 245), rgb(150, 115, 252));--chart-shade-5-10: light-dark(rgba(126, 86, 245, 0.1), rgba(150, 115, 252, 0.1));--chart-shade-5-50: light-dark(rgba(126, 86, 245, 0.5), rgba(150, 115, 252, 0.5));--chart-shade-6: light-dark(rgb(161, 87, 188), rgb(193, 111, 222));--chart-shade-6-10: light-dark(rgba(161, 87, 188, 0.1), rgba(193, 111, 222, 0.1));--chart-shade-6-50: light-dark(rgba(161, 87, 188, 0.5), rgba(193, 111, 222, 0.5));--chart-shade-7: light-dark(rgb(202, 68, 128), rgb(217, 95, 151));--chart-shade-7-10: light-dark(rgba(202, 68, 128, 0.1), rgba(217, 95, 151, 0.1));--chart-shade-7-50: light-dark(rgba(202, 68, 128, 0.5), rgba(217, 95, 151, 0.5));--chart-shade-8: light-dark(rgb(171, 43, 81), rgb(236, 85, 85));--chart-shade-8-10: light-dark(rgba(171, 43, 81, 0.1), rgba(236, 85, 85, 0.1));--chart-shade-8-50: light-dark(rgba(171, 43, 81, 0.5), rgba(236, 85, 85, 0.5));--chart-shade-9: light-dark(rgb(212, 15, 125), rgb(255, 90, 182));--chart-shade-9-10: light-dark(rgba(212, 15, 125, 0.1), rgba(255, 90, 182, 0.1));--chart-shade-9-50: light-dark(rgba(212, 15, 125, 0.5), rgba(255, 90, 182, 0.5));--chart-shade-10: light-dark(rgb(123, 53, 106), rgb(177, 76, 152));--chart-shade-10-10: light-dark(rgba(123, 53, 106, 0.1), rgba(177, 76, 152, 0.1));--chart-shade-10-50: light-dark(rgba(123, 53, 106, 0.5), rgba(177, 76, 152, 0.5));--chart-text-overlay: light-dark(#fff, #232026);--whatsapp-brand: light-dark(#68c966, #68c966);--whatsapp-bubble: light-dark(#ffffff, #202c33);--whatsapp-tint: light-dark(#e7f8db, #00a884);--whatsapp-tick: light-dark(#3ebbef, #53bdeb);--whatsapp-background: light-dark(#efeae2, #0c1317);--whatsapp-quote: light-dark(#68c966, #53bdeb);--whatsapp-quote-bg: light-dark(#d1f4cc, #025144);--whatsapp-link: light-dark(#06c, #47a3ff)}:root:has(meta[name=app-theme-mode][content=dark]){color-scheme:dark;--pageBackgroundRgb: 35, 32, 38;--products-border: 1px solid #514e5c;--products-background: var(--off-white) url(/Resources/Images/navigation/menu-bg-dark.svg) left / cover no-repeat;--dialog-keyline: var(--neutral);--menu-shadow: 0 0 0 1px var(--dialog-keyline);--search-shadow: 0 0 0 1px var(--dotd-dark-blue-text);--select-dropdown-shadow: inset 0 0 0 1px var(--dialog-keyline);--large-container-shadow: 0 0 0 1px var(--dialog-keyline);--empty-state-illustration-drop-shadow: none;--campaign-setup-chrome-keyline: 1px solid var(--neutral);--campaign-setup-chrome-width: 98px;--sticky-overlay: 34, 32, 38;--partner-hub-icon-filter: invert(96.07843137254902%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);--login-logo: url(/Resources/Images/login-logo-dark.png);--feature-illustration-backdrop: linear-gradient( 180deg, rgba(197, 56, 135, 0.48) 0%, rgba(130, 109, 121, 0.52) 100% );--fresh-relevance-full-logo: url(/Resources/Images/Fresh_Relevance_Full_Dark.svg)}@media(prefers-color-scheme: dark){:root:has(meta[name=app-theme-mode][content=sync]){color-scheme:dark;--pageBackgroundRgb: 35, 32, 38;--products-border: 1px solid #514e5c;--products-background: var(--off-white) url(/Resources/Images/navigation/menu-bg-dark.svg) left / cover no-repeat;--dialog-keyline: var(--neutral);--menu-shadow: 0 0 0 1px var(--dialog-keyline);--search-shadow: 0 0 0 1px var(--dotd-dark-blue-text);--select-dropdown-shadow: inset 0 0 0 1px var(--dialog-keyline);--large-container-shadow: 0 0 0 1px var(--dialog-keyline);--empty-state-illustration-drop-shadow: none;--campaign-setup-chrome-keyline: 1px solid var(--neutral);--campaign-setup-chrome-width: 98px;--sticky-overlay: 34, 32, 38;--partner-hub-icon-filter: invert(96.07843137254902%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);--login-logo: url(/Resources/Images/login-logo-dark.png);--feature-illustration-backdrop: linear-gradient( 180deg, rgba(197, 56, 135, 0.48) 0%, rgba(130, 109, 121, 0.52) 100% );--fresh-relevance-full-logo: url(/Resources/Images/Fresh_Relevance_Full_Dark.svg)}}:root:has(meta[name=app-theme-mode][content=light]){color-scheme:light}html:has(meta[name=app-theme-mode][content=dark]) .highcharts-grid.highcharts-yaxis-grid *[stroke="#e6e6e6"],html:has(meta[name=app-theme-mode][content=dark]) .highcharts-axis.highcharts-xaxis *[stroke="#e6e6e6"]{stroke:var(--neutral) !important}html:has(meta[name=app-theme-mode][content=dark]) .highcharts-container .highcharts-legend-item span,html:has(meta[name=app-theme-mode][content=dark]) .highcharts-container .highcharts-axis-labels span{color:var(--globalText) !important}html:has(meta[name=app-theme-mode][content=dark]) .highcharts-container .highcharts-axis-labels text,html:has(meta[name=app-theme-mode][content=dark]) .highcharts-container .highcharts-axis-title,html:has(meta[name=app-theme-mode][content=dark]) .highcharts-container .highcharts-data-label,html:has(meta[name=app-theme-mode][content=dark]) .highcharts-container .highcharts-data-label text,html:has(meta[name=app-theme-mode][content=dark]) .highcharts-container .highcharts-title{fill:var(--globalText) !important}html:has(meta[name=app-theme-mode][content=dark]) .highcharts-container .highcharts-data-label tspan{stroke-width:0 !important;fill:var(--globalText) !important}html:has(meta[name=app-theme-mode][content=dark]) .highcharts-series-group *[stroke="#ffffff"]{stroke:var(--pageBackground) !important}html:has(meta[name=app-theme-mode][content=dark]) .highcharts-tooltip text *{fill:var(--globalText) !important}html:has(meta[name=app-theme-mode][content=dark]) .highcharts-tooltip.highcharts-color-undefined span{color:var(--globalText) !important}html:has(meta[name=app-theme-mode][content=dark]) .highcharts-tooltip-box{fill:rgba(0,0,0,.7) !important}@media(prefers-color-scheme: dark){:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-grid.highcharts-yaxis-grid *[stroke="#e6e6e6"],:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-axis.highcharts-xaxis *[stroke="#e6e6e6"]{stroke:var(--neutral) !important}:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-container .highcharts-legend-item span,:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-container .highcharts-axis-labels span{color:var(--globalText) !important}:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-container .highcharts-axis-labels text,:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-container .highcharts-axis-title,:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-container .highcharts-data-label,:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-container .highcharts-data-label text,:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-container .highcharts-title{fill:var(--globalText) !important}:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-container .highcharts-data-label tspan{stroke-width:0 !important;fill:var(--globalText) !important}:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-series-group *[stroke="#ffffff"]{stroke:var(--pageBackground) !important}:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-tooltip text *{fill:var(--globalText) !important}:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-tooltip.highcharts-color-undefined span{color:var(--globalText) !important}:root:has(meta[name=app-theme-mode][content=sync]) .highcharts-tooltip-box{fill:rgba(0,0,0,.7) !important}}