@charset "UTF-8";
/* Used as the background color for the active state on rows or items on list-like components. */
/* Light variant of COLOR_BACKGROUND. */
/* Used as the background color for the hover state on rows or items on list-like components. */
/* Dark color for UI elements related to errors. Accessible with white text. */
/* Background color for UI elements related to providing neutral information (not error, success, or warning). */
/* Alternative background color for dark portions of the app. */
/* Used as the background color for the new state on rows or items on list-like components. */
/* Dark color for UI elements that have to do with success. Accessible with white text. */
/* Used as background for loading stencils on white background. */
/* Color for UI elements that have to do with warning. */
/* Background color for highlighting text in search results. */
/* Hover color for UI elements related to destructive actions. */
/* Default background color for the whole app. */
/* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */
/* The color of the mask overlay that appears when you enter a modal state. */
/* Dark variant of COLOR_BACKGROUND. */
/* Our product brand blue. */
/* Color for UI elements related to destructive actions. */
/* Color for UI elements that have to do with success. */
/* Dark Color for UI elements that have to do with warning. */
/* Color for UI elements related to the offline state. */
/* Used as an alternate background for loading stencils on gray backgrounds. */
/* Light variant of COLOR_BACKGROUND_INVERSE. */
/* Background color for UI elements related to the concept of an external user or customer. */
/* Color for UI elements related to errors. */
/* Second default background color for the app. */
/* Darker color for UI elements that have to do with success. Accessible with white text. */
/* Used as the background color for selected rows or items on list-like components. */
/* Our product brand blue, darkened even further. */
/* Background color for text selected with a mouse. */
/* Active color for UI elements related to destructive actions. */
/* Default background color for dark portions of the app (like Stage Left or tooltips). */
/* Background color for highlighting UI elements. */
/* Dark alternative border color for UI elements related to errors. */
/* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */
/* Border color for UI elements related to providing neutral information (not error, success, or warning). */
/* Border color for UI elements that have to do with warnings. */
/* Hover border color for UI elements that have to do with destructive actions. */
/* Default border color for UI elements. */
/* Dark alternative border color for UI elements that have to do with success. */
/* Border color for UI elements that have to do with destructive actions. */
/* Darkest separator color - used as an alternate separator color when more differentiation is desired. */
/* Border color for UI elements related to the offline state. */
/* Border color for UI elements that have to do with success. */
/* Lightest separator color - used as default separator on white backgrounds. */
/* Our product brand blue. */
/* Used to delineate the boundary of a component that is being clicked. Specific to builders. */
/* Border color for UI elements that have to do with errors. */
/* Used to delineate the boundary of a component that is being hovered over. Specific to builders. */
/* Used as the border color for the hover state on selected rows or items on list-like components. */
/* Border color for UI elements related to the concept of an external user or customer. */
/* Used to delineate the boundary of a selected component. Specific to builders. */
/* Used as the border color for selected rows or items on list-like components. */
/* Medium separator color - used as default separator on light gray backgrounds. */
/* Border color to match UI elements using color-background-inverse. */
/* Active border color for UI elements that have to do with destructive actions. */
/* Alternative border color for UI elements related to errors. */
/* Used as a separator on dark backgrounds, such as stage left navigation. */
/* Icons in lists, record home icon, unbound input elements */
/* Circle for global use, action icon bgd shape */
/* Shadow for active states on interactive elements. */
/* Shadow for drag-n-drop. */
/* Shadow for drop down. */
/* 0 seconds, 0 frames */
/* 0.05 seconds, 3 frames */
/* 0.1 seconds, 6 frames */
/* 0.2 seconds, 12 frames */
/* 0.4 seconds, 24 frames */
/* 3.2 seconds, 192 frames */
/* Default font-family for Salesforce applications */
/* Constant typography token for font size 1 */
/* Constant typography token for font size 2 */
/* Constant typography token for font size 3 */
/* Variable typography token for font size 10 */
/* Constant typography token for font size 4 */
/* Variable typography token for font size 11 */
/* Constant typography token for font size 5 */
/* Constant typography token for font size 6 */
/* Constant typography token for font size 7 */
/* Constant typography token for font size 8 */
/* Variable typography token for font size 1 */
/* Constant typography token for font size 9 */
/* Variable typography token for font size 2 */
/* Variable typography token for font size 3 */
/* Constant typography token for font size 10 */
/* Variable typography token for font size 4 */
/* Constant typography token for font size 11 */
/* Variable typography token for font size 5 */
/* Variable typography token for font size 6 */
/* Variable typography token for font size 7 */
/* Variable typography token for font size 8 */
/* Variable typography token for font size 9 */
/* Use for large headings only. */
/* Most all body copy. */
/* Used sparingly for emphasized text within regular body copy. */
/* Unitless line-heights for reusability */
/* Unitless line-heights for reusability */
/* Remove extra leading. Unitless line-heights for reusability */
/* Variable unitless line-heights for reusability */
/* 50% transparency of an element */
/* 80% transparency of an element */
/* Disabled state of BRAND_HEADER_CONTRAST_WEAK */
/* Gray Color 11 */
/* Transparent value of BRAND_PRIMARY at 10% */
/* Gray Color 12 */
/* These RGBA values need to be updated if BRAND_BACKGROUND_DARK changes, solves webkit bug */
/* Gray Color 13 */
/* Background color a branded app header */
/* Active / Hover state of BRAND_LIGHT */
/* Variant of BRAND_HEADER_CONTRAST that provides a warm color */
/* Disabled state of BRAND_HEADER_ICON */
/* Active / Hover state of BRAND_HEADER_CONTRAST */
/* Primary page background color */
/* Primary brand color */
/* Active / Hover state of BRAND_HEADER_CONTRAST_WEAK */
/* Active / Hover state of BRAND_CONTRAST */
/* Variant of BRAND_HEADER_CONTRAST that provides a cool color */
/* Variant of BRAND_HEADER that is accessible with BRAND_HEADER */
/* Dark variant of BRAND that is accessible with light colors */
/* Dark variant of BRAND that is accessible with white */
/* Dark variant of BRAND_BACKGROUND_PRIMARY, used within gradient of background color */
/* Active / Hover state of BRAND_TEXT_LINK */
/* Gray Color 1 */
/* Gray Color 2 */
/* Active / Hover state of BRAND_HEADER_ICON */
/* Gray Color 3 */
/* Icons of BRAND_HEADER that is accessible with BRAND_HEADER */
/* Disabled state of BRAND_A11Y */
/* Primary text link brand color */
/* Gray Color 4 */
/* Gray Color 5 */
/* Gray Color 6 */
/* Active / Hover state of BRAND_A11Y */
/* Gray Color 7 */
/* Active / Hover state of BRAND_DARK */
/* Gray Color 8 */
/* Active / Hover state of BRAND_HEADER_CONTRAST */
/* Active / Hover state of BRAND_HEADER_CONTRAST_COOL */
/* Gray Color 9 */
/* Variant of BRAND that is accessible with BRAND */
/* Weak contrast ratio, useful for iconography */
/* Active / Hover state of BRAND_PRIMARY */
/* These RGBA values need to be updated if BRAND_BACKGROUND_PRIMARY changes, solves webkit bug */
/* Variant of BRAND_HEADER that is accessible with BRAND_HEADER */
/* Transparent value of BRAND_PRIMARY */
/* Active / Hover state of BRAND_HEADER_CONTRAST_WARM */
/* Transparent value of BRAND_PRIMARY at 40% */
/* Light variant of BRAND that is accessible with dark colors */
/* Gray Color 10 */
/* Generic sizing token scale for UI components. */
/* Generic sizing token scale for UI components. */
/* Large utility icon without border. */
/* Generic sizing token scale for UI components. */
/* Search Results: Outer colored tile */
/* Generic sizing token scale for UI components. */
/* Medium utility icon without border. */
/* Very small icon button boundary. */
/* Small utility icon without border. */
/* Stage left & actions: Outer colored tile */
/* Anchor: Icon content (white shape) */
/* Anchor: Outer colored tile */
/* Generic sizing token scale for UI components. */
/* Stage left & actions: Icon content (white shape) */
/* Generic sizing token scale for UI components. */
/* Very small icons in icon buttons. */
/* Variable medium boundary for square icons */
/* Icon button boundary. */
/* Generic sizing token scale for UI components. */
/* Anchor: avatar */
/* Generic sizing token scale for UI components. */
/* Search Results: Icon content (white shape) */
/* Very very small icon button boundary. */
/* Alternate medium tap target size */
/* Variable spacing token for size X Large */
/* Variable horizontal spacing token for size Small */
/* Variable horizontal spacing token for size XX Large */
/* Constant spacing token for size X small */
/* Constant spacing token for size XXX small */
/* Constant spacing token for size XX small */
/* Variable vertical spacing token for size Large */
/* Variable spacing token for size Large */
/* Variable spacing token for size Medium */
/* Variable vertical spacing token for size Medium */
/* Variable vertical spacing token for size X Small */
/* Constant spacing token for size Small */
/* Variable vertical spacing token for size XXX Small */
/* Variable spacing token for size X Small */
/* Variable spacing token for size XXX Small */
/* Variable horizontal spacing token for size X Large */
/* Variable horizontal spacing token for size XX Small */
/* Variable spacing token for size XX Large */
/* Constant spacing token for size Medium */
/* Variable vertical spacing token for size XX Large */
/* Variable vertical spacing token for size Small */
/* Variable spacing token for size Small */
/* Constant spacing token for 0 */
/* Variable horizontal spacing token for size Large */
/* Constant spacing token for size X Large */
/* Constant spacing token for size XX Large */
/* Variable horizontal spacing token for size XXX Small */
/* Variable horizontal spacing token for size X Small */
/* Variable spacing token for size XX Small */
/* Variable horizontal spacing token for size Medium */
/* Variable vertical spacing token for size XX Small */
/* Variable vertical spacing token for size X Large */
/* Constant spacing token for size Large */
/* Action label text color */
/* Link color on dark background */
/* Link color on dark background - active state */
/* Action label active text color */
/* Color for texts or icons that are related to warnings on a dark background. */
/* Focus link text */
/* Text color for destructive actions - hover state */
/* Disabled link text */
/* Body text color */
/* Text color for destructive actions */
/* Hover link text */
/* Text color for success text. */
/* Color for text that is purposefully de-emphasized to create visual hierarchy. */
/* Input placeholder text on dark backgrounds. */
/* Link text (508) */
/* Color for texts that are related to warnings on a light background. */
/* Default icon color. */
/* Our product brand blue. */
/* Error text for inputs and error misc */
/* Customer text used in anchor subtitle */
/* Text color found on any primary brand color */
/* Active link text */
/* Color of required field marker. */
/* Link color on dark background - disabled state */
/* Inverse text color for dark backgrounds */
/* Input placeholder text. */
/* Weak inverse text color for dark backgrounds */
/* Link color on dark background - hover state */
/* Text color for success text on dark backgrounds. */
/* Text color for field labels. */
/* Tap target size for elements that rely on width and height dimensions */
/* Small tap target size for elements that rely on width and height dimensions */
/* X-small tap target size for elements that rely on width and height dimensions */
/* Xx-small tap target size for elements that rely on width and height dimensions */
/* Tap target size for elements that rely on height or line-height */
/* Small tap target size for elements that rely on height or line-height */
/* Dropdown */
/* Docked element */
/* Notifications under modals */
/* Spinner */
/* Default */
/* Deep dive */
/* Toasts */
/* Dialog */
/* Popup */
/* Modal */
/* Stickied element */
/* Overlay */
/* The color of the mask overlay that appears when you enter a modal state. */
/* Winter 18 token, this has been deprecated. Please use BRAND_BACKGROUND_DARK_TRANSPARENT instead. These RGBA values need to be updated if BRAND_BAND_COLOR_BACKGROUND_PRIMARY changes, solves webkit bug */
/* Used when further differentiation is needed because colorBackground and colorBackgroundAlt are both being used in close proximity. */
/* Hover color for utility bar item. */
/* Use COLOR_BACKGROUND_PAGE_HEADER instead. */
/* Winter 18 token, this has been deprecated. Please use BRAND_BACKGROUND_PRIMARY_DARK instead. */
/* Winter 18 token, this has been deprecated. Please use BRAND_BACKGROUND_PRIMARY_TRANSPARENT instead. These RGBA values need to be updated if BRAND_BAND_COLOR_BACKGROUND_PRIMARY changes, solves webkit bug */
/* Secondary top bar background color (child browser, file preview, etc.) */
/* Used as the default background color for temporary dialog elements, such as the progress spinner background. */
/* Used as gray background when more contrast is desired. */
/* Background color for payloads in the feed. */
/* Winter 18 token, this has been deprecated. Please use BRAND_BACKGROUND_PRIMARY instead. */
/* Used as gray background in conjunction with Shade when more contrast is desired. */
/* Background for utility icons that live in the action bar on mobile. */
/* Winter 18 token, this has been deprecated. Please use BRAND_BACKGROUND_PRIMARY instead. */
/* Our product brand blue. */
/* Hover stroke color for our product brand blue. */
/* Active stroke color for our product brand blue. */
/* Disabled stroke color. */
/* Stroke color for our global header buttons. */
/* Hard dropshadow found on general UI elements such as containers */
/* Soft dropshadow found on general UI elements such as containers */
/* Custom glow for focus states on UI elements with explicit containers on dark or vibrantly colored backgrounds. */
/* Custom glow for focus states on UI link elements with explicit containers on dark or vibrantly colored backgrounds. */
/* Tertiary body text color */
/* Active state on a standalone link on a dark background. */
/* Icon color for a button that has a parent element that has a hover state. This is the default text/icon color for that button before its parent has been hovered over. */
/* Color for text on toast messages. */
/* Hover state on a standalone link on a dark background. */
/* Modal header button text color */
/* Color for interactive utility icons */
/* Secondary body text color */
/* Text in stage left navigation. */
/* Background color for a new notification list item. */
/* Disabled input */
/* Hovered toggle background color. */
/* Toggle background color. */
/* Default Page Header background color */
/* Disabled checkboxes */
/* Color of the spinner dot. */
/* The color of the mask overlay that provides user feedback on interaction. */
/* The background color of an internal scrollbar. */
/* Disabled toggle background color. */
/* Background color for toast messaging. */
/* Background color of comment posts in the feed. */
/* Color of mask overlay that sits on top of an image when text is present. */
/* The background color of an internal scrollbar track. */
/* Border color on disabled form elements. */
/* Border color on notification reminders. */
/* Border color for default secondary button */
/* Border color on form elements. */
/* Hard dropshadow on page header */
/* Hard dropshadow found on outer cards */
/* Use for active tab. */
/* Use for active tab. */
/* Icon color on dark background */
/* Input icon */
/* Icon color on dark background - active state */
/* Color for disabled text in a tab group. */
/* Input disabled text */
/* Default icon color - disabled state */
/* Text color for default secondary button - disabled state */
/* Color for disabled toggles */
/* Color for default text in a tab group. */
/* Icon color for a button that has a parent element that has a hover state. This is the default text/icon color for that button before its parent has been hovered over. */
/* Text color for a button that has a parent element that has a hover state. This is the default text/icon color for that button before its parent has been hovered over. */
/* Text color for a button that has a parent element that has a hover state. This is the default text/icon color for that button before its parent has been hovered over. */
/* Icon color on dark background - hover state */
/* Header for desktop. */
/* Medium tap target size */
/* Used as the background color for the active state on rows or items on list-like components. */
/* Light variant of COLOR_BACKGROUND. */
/* Used as the background color for the hover state on rows or items on list-like components. */
/* Dark color for UI elements related to errors. Accessible with white text. */
/* Background color for UI elements related to providing neutral information (not error, success, or warning). */
/* Alternative background color for dark portions of the app. */
/* Used as the background color for the new state on rows or items on list-like components. */
/* Dark color for UI elements that have to do with success. Accessible with white text. */
/* Used as background for loading stencils on white background. */
/* Color for UI elements that have to do with warning. */
/* Background color for highlighting text in search results. */
/* Hover color for UI elements related to destructive actions. */
/* Default background color for the whole app. */
/* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */
/* The color of the mask overlay that appears when you enter a modal state. */
/* Dark variant of COLOR_BACKGROUND. */
/* Our product brand blue. */
/* Color for UI elements related to destructive actions. */
/* Color for UI elements that have to do with success. */
/* Dark Color for UI elements that have to do with warning. */
/* Color for UI elements related to the offline state. */
/* Used as an alternate background for loading stencils on gray backgrounds. */
/* Light variant of COLOR_BACKGROUND_INVERSE. */
/* Background color for UI elements related to the concept of an external user or customer. */
/* Color for UI elements related to errors. */
/* Second default background color for the app. */
/* Darker color for UI elements that have to do with success. Accessible with white text. */
/* Used as the background color for selected rows or items on list-like components. */
/* Our product brand blue, darkened even further. */
/* Background color for text selected with a mouse. */
/* Active color for UI elements related to destructive actions. */
/* Default background color for dark portions of the app (like Stage Left or tooltips). */
/* Background color for highlighting UI elements. */
/* Dark alternative border color for UI elements related to errors. */
/* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */
/* Border color for UI elements related to providing neutral information (not error, success, or warning). */
/* Border color for UI elements that have to do with warnings. */
/* Hover border color for UI elements that have to do with destructive actions. */
/* Default border color for UI elements. */
/* Dark alternative border color for UI elements that have to do with success. */
/* Border color for UI elements that have to do with destructive actions. */
/* Darkest separator color - used as an alternate separator color when more differentiation is desired. */
/* Border color for UI elements related to the offline state. */
/* Border color for UI elements that have to do with success. */
/* Lightest separator color - used as default separator on white backgrounds. */
/* Our product brand blue. */
/* Used to delineate the boundary of a component that is being clicked. Specific to builders. */
/* Border color for UI elements that have to do with errors. */
/* Used to delineate the boundary of a component that is being hovered over. Specific to builders. */
/* Used as the border color for the hover state on selected rows or items on list-like components. */
/* Border color for UI elements related to the concept of an external user or customer. */
/* Used to delineate the boundary of a selected component. Specific to builders. */
/* Used as the border color for selected rows or items on list-like components. */
/* Medium separator color - used as default separator on light gray backgrounds. */
/* Border color to match UI elements using color-background-inverse. */
/* Active border color for UI elements that have to do with destructive actions. */
/* Alternative border color for UI elements related to errors. */
/* Used as a separator on dark backgrounds, such as stage left navigation. */
/* Icons in lists, record home icon, unbound input elements */
/* Circle for global use, action icon bgd shape */
/* Shadow for active states on interactive elements. */
/* Shadow for drag-n-drop. */
/* Shadow for drop down. */
/* 0 seconds, 0 frames */
/* 0.05 seconds, 3 frames */
/* 0.1 seconds, 6 frames */
/* 0.2 seconds, 12 frames */
/* 0.4 seconds, 24 frames */
/* 3.2 seconds, 192 frames */
/* Default font-family for Salesforce applications */
/* Constant typography token for font size 1 */
/* Constant typography token for font size 2 */
/* Constant typography token for font size 3 */
/* Variable typography token for font size 10 */
/* Constant typography token for font size 4 */
/* Variable typography token for font size 11 */
/* Constant typography token for font size 5 */
/* Constant typography token for font size 6 */
/* Constant typography token for font size 7 */
/* Constant typography token for font size 8 */
/* Variable typography token for font size 1 */
/* Constant typography token for font size 9 */
/* Variable typography token for font size 2 */
/* Variable typography token for font size 3 */
/* Constant typography token for font size 10 */
/* Variable typography token for font size 4 */
/* Constant typography token for font size 11 */
/* Variable typography token for font size 5 */
/* Variable typography token for font size 6 */
/* Variable typography token for font size 7 */
/* Variable typography token for font size 8 */
/* Variable typography token for font size 9 */
/* Use for large headings only. */
/* Most all body copy. */
/* Used sparingly for emphasized text within regular body copy. */
/* Unitless line-heights for reusability */
/* Unitless line-heights for reusability */
/* Remove extra leading. Unitless line-heights for reusability */
/* Variable unitless line-heights for reusability */
/* 50% transparency of an element */
/* 80% transparency of an element */
/* Disabled state of BRAND_HEADER_CONTRAST_WEAK */
/* Gray Color 11 */
/* Transparent value of BRAND_PRIMARY at 10% */
/* Gray Color 12 */
/* These RGBA values need to be updated if BRAND_BACKGROUND_DARK changes, solves webkit bug */
/* Gray Color 13 */
/* Background color a branded app header */
/* Active / Hover state of BRAND_LIGHT */
/* Variant of BRAND_HEADER_CONTRAST that provides a warm color */
/* Disabled state of BRAND_HEADER_ICON */
/* Active / Hover state of BRAND_HEADER_CONTRAST */
/* Primary page background color */
/* Primary brand color */
/* Active / Hover state of BRAND_HEADER_CONTRAST_WEAK */
/* Active / Hover state of BRAND_CONTRAST */
/* Variant of BRAND_HEADER_CONTRAST that provides a cool color */
/* Variant of BRAND_HEADER that is accessible with BRAND_HEADER */
/* Dark variant of BRAND that is accessible with light colors */
/* Dark variant of BRAND that is accessible with white */
/* Dark variant of BRAND_BACKGROUND_PRIMARY, used within gradient of background color */
/* Active / Hover state of BRAND_TEXT_LINK */
/* Gray Color 1 */
/* Gray Color 2 */
/* Active / Hover state of BRAND_HEADER_ICON */
/* Gray Color 3 */
/* Icons of BRAND_HEADER that is accessible with BRAND_HEADER */
/* Disabled state of BRAND_A11Y */
/* Primary text link brand color */
/* Gray Color 4 */
/* Gray Color 5 */
/* Gray Color 6 */
/* Active / Hover state of BRAND_A11Y */
/* Gray Color 7 */
/* Active / Hover state of BRAND_DARK */
/* Gray Color 8 */
/* Active / Hover state of BRAND_HEADER_CONTRAST */
/* Active / Hover state of BRAND_HEADER_CONTRAST_COOL */
/* Gray Color 9 */
/* Variant of BRAND that is accessible with BRAND */
/* Weak contrast ratio, useful for iconography */
/* Active / Hover state of BRAND_PRIMARY */
/* These RGBA values need to be updated if BRAND_BACKGROUND_PRIMARY changes, solves webkit bug */
/* Variant of BRAND_HEADER that is accessible with BRAND_HEADER */
/* Transparent value of BRAND_PRIMARY */
/* Active / Hover state of BRAND_HEADER_CONTRAST_WARM */
/* Transparent value of BRAND_PRIMARY at 40% */
/* Light variant of BRAND that is accessible with dark colors */
/* Gray Color 10 */
/* Generic sizing token scale for UI components. */
/* Generic sizing token scale for UI components. */
/* Large utility icon without border. */
/* Generic sizing token scale for UI components. */
/* Search Results: Outer colored tile */
/* Generic sizing token scale for UI components. */
/* Medium utility icon without border. */
/* Very small icon button boundary. */
/* Small utility icon without border. */
/* Stage left & actions: Outer colored tile */
/* Anchor: Icon content (white shape) */
/* Anchor: Outer colored tile */
/* Generic sizing token scale for UI components. */
/* Stage left & actions: Icon content (white shape) */
/* Generic sizing token scale for UI components. */
/* Very small icons in icon buttons. */
/* Variable medium boundary for square icons */
/* Icon button boundary. */
/* Generic sizing token scale for UI components. */
/* Anchor: avatar */
/* Generic sizing token scale for UI components. */
/* Search Results: Icon content (white shape) */
/* Very very small icon button boundary. */
/* Alternate medium tap target size */
/* Variable spacing token for size X Large */
/* Variable horizontal spacing token for size Small */
/* Variable horizontal spacing token for size XX Large */
/* Constant spacing token for size X small */
/* Constant spacing token for size XXX small */
/* Constant spacing token for size XX small */
/* Variable vertical spacing token for size Large */
/* Variable spacing token for size Large */
/* Variable spacing token for size Medium */
/* Variable vertical spacing token for size Medium */
/* Variable vertical spacing token for size X Small */
/* Constant spacing token for size Small */
/* Variable vertical spacing token for size XXX Small */
/* Variable spacing token for size X Small */
/* Variable spacing token for size XXX Small */
/* Variable horizontal spacing token for size X Large */
/* Variable horizontal spacing token for size XX Small */
/* Variable spacing token for size XX Large */
/* Constant spacing token for size Medium */
/* Variable vertical spacing token for size XX Large */
/* Variable vertical spacing token for size Small */
/* Variable spacing token for size Small */
/* Constant spacing token for 0 */
/* Variable horizontal spacing token for size Large */
/* Constant spacing token for size X Large */
/* Constant spacing token for size XX Large */
/* Variable horizontal spacing token for size XXX Small */
/* Variable horizontal spacing token for size X Small */
/* Variable spacing token for size XX Small */
/* Variable horizontal spacing token for size Medium */
/* Variable vertical spacing token for size XX Small */
/* Variable vertical spacing token for size X Large */
/* Constant spacing token for size Large */
/* Action label text color */
/* Link color on dark background */
/* Link color on dark background - active state */
/* Action label active text color */
/* Color for texts or icons that are related to warnings on a dark background. */
/* Focus link text */
/* Text color for destructive actions - hover state */
/* Disabled link text */
/* Body text color */
/* Text color for destructive actions */
/* Hover link text */
/* Text color for success text. */
/* Color for text that is purposefully de-emphasized to create visual hierarchy. */
/* Input placeholder text on dark backgrounds. */
/* Link text (508) */
/* Color for texts that are related to warnings on a light background. */
/* Default icon color. */
/* Our product brand blue. */
/* Error text for inputs and error misc */
/* Customer text used in anchor subtitle */
/* Text color found on any primary brand color */
/* Active link text */
/* Color of required field marker. */
/* Link color on dark background - disabled state */
/* Inverse text color for dark backgrounds */
/* Input placeholder text. */
/* Weak inverse text color for dark backgrounds */
/* Link color on dark background - hover state */
/* Text color for success text on dark backgrounds. */
/* Text color for field labels. */
/* Tap target size for elements that rely on width and height dimensions */
/* Small tap target size for elements that rely on width and height dimensions */
/* X-small tap target size for elements that rely on width and height dimensions */
/* Xx-small tap target size for elements that rely on width and height dimensions */
/* Tap target size for elements that rely on height or line-height */
/* Small tap target size for elements that rely on height or line-height */
/* Dropdown */
/* Docked element */
/* Notifications under modals */
/* Spinner */
/* Default */
/* Deep dive */
/* Toasts */
/* Dialog */
/* Popup */
/* Modal */
/* Stickied element */
/* Overlay */
/* Brandable modal header */
/* Background color for notification list item. */
/* Notifications badge background color. */
/* Notifications badge background color. */
/* The color of the mask overlay that appears when you enter a modal state. */
/* Color of the indicator dot. */
/* Used when further differentiation is needed because colorBackground and colorBackgroundAlt are both being used in close proximity. */
/* Hover color for utility bar item. */
/* Brand hover fill color */
/* Brand fill color */
/* Background color for default desktop chrome (ex. global header) */
/* Active button backgrounds on modal headers */
/* Selected checkboxes */
/* Default checkboxes */
/* The color of the mask overlay that appears when you enter a modal state. */
/* Background color for default mobile chrome (ex. global header) */
/* Background color for search input fields. */
/* Secondary top bar background color (child browser, file preview, etc.) */
/* Used as the default background color for temporary dialog elements, such as the progress spinner background. */
/* Used as gray background when more contrast is desired. */
/* Standard modal header */
/* Hovered active toggle background color. */
/* Background color for payloads in the feed. */
/* Button backgrounds on modal headers */
/* Brand active fill color */
/* Active color for utility bar item. */
/* Stage left org switcher dropdown arrow background color. */
/* Active toggle background color. */
/* Alternative color for UI elements related to errors. */
/* Winter 18 token, this has been deprecated. Please use BRAND_BACKGROUND_PRIMARY instead. */
/* Used as gray background in conjunction with Shade when more contrast is desired. */
/* Notifications badge background color. */
/* Background for utility icons that live in the action bar on mobile. */
/* The borders to create the checkmark */
/* Disabled stroke color. */
/* Active stroke color for our product brand blue. */
/* Border color for brandable primary button */
/* Used to delineate the boundary of a selected canvas element that is being hovered over. Specific to builders. */
/* Used to delineate the boundary of a selected canvas element. Specific to builders. */
/* Hover stroke color for our product brand blue. */
/* Stroke color for our global header buttons. */
/* Our product brand blue. */
/* Used to delineate the boundary of a specific region. Specific to builders. */
/* Deprecated */
/* Deprecated */
/* Deprecated */
/* Custom glow for focus states on UI link elements with explicit containers on dark or vibrantly colored backgrounds. */
/* Deprecated: Use SHADOW_DOCKED */
/* Deprecated */
/* Deprecated */
/* Deprecated */
/* Deprecated */
/* Soft dropshadow found on general UI elements such as containers */
/* Deprecated */
/* Hard dropshadow found on general UI elements such as containers */
/* Shadow above overflow menu close bar. */
/* Deprecated */
/* Deprecated */
/* Deprecated */
/* Shadow for overlays. */
/* Shadow for buttons. */
/* Deprecated */
/* Deprecated */
/* Deprecated */
/* Deprecated */
/* Deprecated */
/* Deprecated */
/* Inset shadow for editable grid */
/* Deprecated */
/* Deprecated */
/* Shadow on images. */
/* Deprecated */
/* Medium headings. */
/* Small body text. */
/* Extra large headings. */
/* Extra extra small text. */
/* Large headings. */
/* Extra large body text. */
/* Extra Extra small headings. */
/* Extra small headings. */
/* Large body text. */
/* Medium body text. */
/* Extra small body text. */
/* Small headings. */
/* Deprecated: use FONT_FAMILY instead for regular body text and FONT_FAMILY_HEADING for headings. */
/* Use squareIconMediumBoundary */
/* Small tap target size */
/* Very small icons to replace force font with temporary override. */
/* Large tap target size. */
/* Hovered icon color for a button that has a parent element that has a hover state */
/* Color for text on a selected tab in a tab group. */
/* Icon color for a button that has a parent element that has a hover state on a dark background. This is the default text/icon color for that button before its parent has been hovered over. */
/* Color for disabled text in a tab group. */
/* Tertiary body text color */
/* Active state on a standalone link on a dark background. */
/* Primary body text color */
/* Color for text in focus state in a tab group. */
/* Icon color for a button that has a parent element that has a hover state. This is the default text/icon color for that button before its parent has been hovered over. */
/* Text color for pills. */
/* Color for text in active state in a tab group. */
/* Color for text in hover state in a tab group. */
/* Color for text on toast messages. */
/* Color for disabled toggles */
/* Top bar icon color */
/* Top bar active icon color */
/* Color for non-interactive icons that represent a selected item in a list */
/* Hover state on a standalone link on a dark background. */
/* Modal header title */
/* Modal header button text color */
/* Color for interactive utility icons */
/* Secondary body text color */
/* Text in stage left navigation. */
/* Default value for text-transform */
/* Background color for a new notification list item. */
/* Focused header button icon color */
/* Background color for reminder notification on hover */
/* Notifications badge background color. */
/* Hovered header button icon color */
/* Disabled input */
/* Hovered toggle background color. */
/* Background color for reminder notification */
/* Hovered background color for success buttons */
/* Header button icon color */
/* Toggle background color. */
/* Background color for success buttons */
/* Disabled checkboxes */
/* Background color for pills. */
/* Color of the spinner dot. */
/* The color of the mask overlay that provides user feedback on interaction. */
/* Selected input field (when user has clicked or tabbed into field) */
/* The background color of an internal scrollbar. */
/* Disabled toggle background color. */
/* Background color for toast messaging. */
/* Background color of comment posts in the feed. */
/* Default input field */
/* Background color for success toast messaging. */
/* Color of mask overlay that sits on top of an image when text is present. */
/* Active background color for success buttons */
/* Background color for error toast messaging. */
/* The background color of an internal scrollbar track. */
/* Background color for input field that has encountered an error. */
/* Border color for disabled inverse button. */
/* Hovered border color for a button with an icon that has a parent element that has a hover state */
/* Border color for a button with an icon that has a parent element that has a hover state */
/* Border color for an active tab. */
/* Border color on disabled form elements. */
/* Border color on notification reminders. */
/* Border color for brandable primary button - disabled state */
/* Border color for default secondary button */
/* Border color on active form elements. */
/* Border color on form elements. */
/* These borders create the faux checkmark when the checkbox toggle is in the checked state. */
/* Border color for a selected tab in a tab group. */
/* Shadow for notifications that should be elevated above other components but under modals. */
/* Custom glow for focus states on UI elements with explicit containers. */
/* Custom glow for focus states on UI button elements with explicit containers on dark or vibrantly colored backgrounds. */
/* Shadow to make inline edit card pop out. */
/* Shadow on elements that are docked to the bottom of the viewport. */
/* Shadow for header. */
/* 4.8 seconds */
/* 9.6 seconds */
/* Line heights for tabs */
/* Minimum height of a pill. */
/* Brand header. Phone 44px; Tablet 50px */
/* Action footer menu. Phone 44px; Tablet 50px */
/* Text input height */
/* Stage left for desktop when closed (showing icons only). */
/* Stage left for desktop when open. */
/* Maximum width for action overflow menu so that it's not full-screen for tablet. */
/* Default amount of line breaks before text is truncated */
/* Icon color on dark background */
/* Text color for a button that has a parent element that has a hover state. This is the default text/icon color for that button before its parent has been hovered over. */
/* Input icon */
/* Icon color on dark background - active state */
/* Text color for default secondary button - hover state */
/* Input disabled text */
/* Text color for default secondary button */
/* Default icon color - disabled state */
/* Text color for brandable primary button - disabled state */
/* Text color for brandable primary button - hover state */
/* Default icon color - hover state. */
/* Text color for brandable primary button */
/* Text color for default secondary button - disabled state */
/* Color for default text in a tab group. */
/* Default icon color - active state. */
/* Icon color for a button that has a parent element that has a hover state. This is the default text/icon color for that button before its parent has been hovered over. */
/* Text color for brandable primary button - active state */
/* Text color for a button that has a parent element that has a hover state. This is the default text/icon color for that button before its parent has been hovered over. */
/* Text color for default secondary button - active state */
/* Icon color on dark background - disabled state */
/* Text color for a button that has a parent element that has a hover state. This is the default text/icon color for that button before its parent has been hovered over. */
/* Icon color on dark background - hover state */
/* Typed input text */
/* White avatar group background color. */
/* Dark gray avatar group background color. */
/* White badge background color. */
/* Dark gray badge background color. */
/* Default secondary button - focus state */
/* Use BRAND_ACCESSIBLE to pick up theming capabilities */
/* Disabled button backgrounds on inverse/dark backgrounds */
/* Default secondary button - hover state */
/* Default secondary button */
/* Background color for icon-only button - disabled state */
/* Background color for icon-only button - focus state */
/* Brandable primary button - disabled state */
/* Brandable primary button - hover state */
/* Active button backgrounds on inverse backgrounds on mobile */
/* Background color for icon-only button - hover state */
/* Brandable primary button */
/* Background color for icon-only button */
/* Default secondary button - disabled state */
/* Background color for icon-only button - active state */
/* Brandable primary button - active state */
/* Button backgrounds on inverse/dark backgrounds */
/* Default secondary button - active state */
/* Line heights for regular buttons */
/* Line heights for small buttons */
/* Line height for touch screens */
/* Default Card component background color. */
/* Use for active tab. */
/* Use for vertical spacing between cards */
/* Default background for carousel card */
/* Default background for carousel navigation indicators */
/* Default hover background for carousel navigation indicators */
/* Default focus background for carousel navigation indicators */
/* Default background for active state on carousel navigation indicators */
/* Default width for carousel indicator width */
/* Inbound chat message background color. */
/* Outbound chat message background color. */
/* Outbound agent chat message background color. */
/* Status chat message background color. */
/* Line heights for toggle buttons */
/* Slider size for toggle. */
/* Slider width. */
/* Slider height. */
/* Alternating row background color for tables */
/* Default background color for table headers */
/* Hover state for table header cells */
/* Focused state for table header cells */
/* Resizable handle color for table header cells */
/* Docked panel header’s background color. */
/* Docked panel’s background color when open. */
/* Height of the docked bar. */
/* Utility bar notifications badge background color. */
/* Utility bar notifications focus background color. */
/* Default color for animated icon waffle for app switcher. */
/* Default background color for a typing icon dot. */
/* Active background color for a typing icon dot when animcating. */
/* Brand fill color */
/* Global action icon size */
/* Typing icon size */
/* Background color for Einstein header */
/* Text shadow color for Einstein header background to make text more readable */
/* Global Header background color */
/* Global identity icon size. */
/* Hovered context bar item background color. */
/* Active context bar item background color. */
/* Default context bar background color. */
/* Context TAB bar item background color. */
/* Hovered context bar item background color. */
/* A Gradient used for putting shadows on the bottom when box-shadow is not possible. */
/* Active context bar item background color. */
/* Brand color in context bar for default theme */
/* Highlight for context bar action (hover and focus states). */
/* Divider in context bar */
/* Border color in context bar */
/* Border color in context bar on dark background */
/* Border color in context bar for default theme */
/* Alternate border color in context bar for default theme */
/* Hovered border color in context bar for default theme */
/* Active border color in context bar for default theme */
/* Context bar height. */
/* Context bar tab accent height when tab is active. */
/* Context bar tab accent height when tab is focused. */
/* Context bar text color */
/* Context bar text color on a dark background */
/* Context bar action trigger text color */
/* Primary color for illustrations */
/* Secondary color for illustrations */
/* Default Page Header background color */
/* Secondary Page Header background color */
/* Use COLOR_BACKGROUND_PAGE_HEADER instead. */
/* Page Header background color */
/* Page header Entity Icon size */
/* Dropshadow found on docked UI panels when positioned to the left of a viewport */
/* Dropshadow found on docked UI panels when positioned to the left of a viewport */
/* The hover background color for Salespath stages that have not been completed. */
/* The background color for the step action arrow that are the active stage */
/* The background color for Salespath stages that have not been completed. */
/* The hover background color for Salespath stages that are the active stage. */
/* The background color for the final stage of a Salespath when it has been lost. */
/* The background color for Salespath stages that are the active stage. */
/* The background color for Salespath guidance coaching section. */
/* The background color for the final stage of a Salespath when it has been lost. */
/* The hover background color for Salespath stages that are the current stage. */
/* The background color for Salespath stages that are the current stage. */
/* The hover background color for Salespath stages that are complete. */
/* The background color for Salespath stages that are complete. */
/* The background color for the step action arrow that are the current stage */
/* The background color for the overall Salespath coaching section. */
/* Used as a separator between dark colors like the stages of salespath. */
/* Used as a border color for the active Path step. */
/* Used as a border color for the current path step on hover. */
/* Line heights for salespath */
/* Height of Path */
/* Width of action button to right */
/* Border width of current stage for path item */
/* Used as a text color for the active Path step. */
/* Used as a text hover color for the active Path step. */
/* The default background color for Popover Walkthrough */
/* The default background color for Popover Walkthrough Header */
/* The default background color for alternative Popover Walkthrough */
/* The background color for nubbins on the bottom of alternate walkthrough popovers */
/* Tooltip nubbin square size */
/* Text color for step counter in walkthrough variant of popovers */
/* The default background color for Progress Indicator */
/* The shaded background color for Progress Indicator */
/* The background color for the Progress Bar */
/* The background color of the fill for the Progress Bar */
/* The success background color of the fill for the Progress Bar */
/* Borders of each indicator item within the Progress Indicator */
/* Shaded borders of each indicator item within the Progress Indicator */
/* Hovered border color of each indicator item within the Progress Indicator */
/* Active border color of each indicator item within the Progress Indicator */
/* Height of the Progress Bar */
/* Inner color for progress ring component */
/* Thickness of the Progress Ring's ring */
/* Line height for touch screens */
/* Dark notification component background color. */
/* Spinner size for xx-small modifier */
/* Spinner size for x-small modifier */
/* Spinner size for small modifier */
/* Spinner size for medium modifier */
/* Spinner size for large modifier */
/* Split View background color. */
/* Split View background color on row hover. */
/* Row dividers in Split View list */
/* Default width for split view container */
/* Use for active tab. */
/* Vertical navigation shaded background color on row hover. */
/* Vertical navigation shaded background color on row active. */
/* Text color for the Info section */
/* Background Image Path for the Welcome Mat Info section */
/* Background overflow color for the Welcome Mat Info section */
/* Progress Bar background is white */
/* Box Shadow declaration */
/* Completed icon color for the Welcome Mat Boxes */
/* Font size for the info title */
/* Welcome Mat Width */
/* Min height for Overlay */
/* Max height for Overlay */
/* Welcome Mat Progress Bar width */
/* Size of the green completed check mark */
/* Size of the check mark in the green icon */
/* Bottom spacing (safe area) for background image */
/* Use ACTION_NEW_NOTEBOOK instead. */
/* stylelint-disable declaration-no-important */
nds-input-button-group .slds-button {
  height: 100%; }

nds-input-button-group ul li:not(:first-child) {
  padding-left: .25em; }

nds-calendar button.slds-button.slds-align_absolute-center.slds-text-link {
  display: flex; }

nds-input-checkbox .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox_faux:after,
nds-input-checkbox .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox--faux:after,
nds-input-checkbox .slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox_faux:after,
nds-input-checkbox .slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox--faux:after,
nds-input-checkbox .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox_faux:after,
nds-input-checkbox .slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox--faux:after {
  border-color: #1589ee; }

nds-input-checkbox .slds-checkbox_faux {
  margin-right: 0.5rem; }

nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"]:checked ~ .slds-checkbox--faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"]:checked ~ .slds-checkbox--faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox_faux_container .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"]:checked + .slds-checkbox--faux_container .slds-checkbox--faux.slds-has-error {
  border-color: #c23934;
  background-color: #c23934; }

nds-input-checkbox-toggle .slds-checkbox_toggle .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox_toggle .slds-checkbox--faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle .slds-checkbox--faux.slds-has-error {
  border-color: #c23934;
  background-color: #c23934; }

nds-input-checkbox-toggle .slds-checkbox_toggle .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox_toggle .slds-checkbox--faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle .slds-checkbox_faux.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle .slds-checkbox--faux.slds-has-error {
  border-color: #c23934;
  background-color: #c23934; }

nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_faux.slds-has-error.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox_faux.slds-has-error.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox_faux_container .slds-checkbox_faux.slds-has-error.slds-has-error,
nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container .slds-checkbox_faux.slds-has-error.slds-has-error {
  border-color: #c23934;
  background-color: #c23934; }

nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox_faux_container, nds-input-checkbox-toggle .slds-checkbox_toggle [type="checkbox"] + .slds-checkbox--faux_container, nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox_faux_container, nds-input-checkbox-toggle .slds-checkbox--toggle [type="checkbox"] + .slds-checkbox--faux_container {
  color: none; }

nds-input-checkbox-toggle .nds-input-checkbox-toggle_container {
  display: inline-block; }

nds-input-dual-listbox li div {
  user-select: none; }

nds-input-dual-listbox .wrapped-content {
  overflow-wrap: break-word; }

nds-input-multipicklist .slds-has-error [role="combobox"] input.slds-input[readonly] {
  border-color: #c23934; }

nds-input-picklist .slds-has-error [role="combobox"] input.slds-input[readonly] {
  border-color: #c23934; }

.dropdown-overflow-scroll {
  max-height: 400px;
  overflow-y: scroll; }

.slds-combobox_container .dropdown-adaptable-width {
  min-width: 100%; }

.slds-input-has-icon {
  position: relative; }

nds-input-time span.slds-icon_container.slds-icon-utility-clock.slds-input__icon.slds-input__icon_right {
  margin-top: -10px; }

.slds-input-has-icon_right .slds-input__icon, .slds-input-has-icon--right .slds-input__icon {
  right: 0.75rem; }

.slds-icon.slds-icon_x-small, .slds-icon--x-small {
  width: 16px;
  height: 16px;
  line-height: 1; }

nds-input-text {
  max-width: 1280px; }

nds-input-text-rich {
  z-index: 1;
  position: relative; }
  nds-input-text-rich .slds-button:disabled .slds-button__icon path {
    fill: #dddbda;
    pointer-events: none; }
  nds-input-text-rich .sans-serif {
    font-family: sans-serif; }
  nds-input-text-rich .courier {
    font-family: courier; }
  nds-input-text-rich .verdana {
    font-family: verdana; }
  nds-input-text-rich .tahoma {
    font-family: tahoma; }
  nds-input-text-rich .garamond {
    font-family: garamond; }
  nds-input-text-rich .serif {
    font-family: serif; }
  nds-input-text-rich .ql-editor {
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; }
  nds-input-text-rich .ql-editor.ql-blank:before {
    color: #54698d;
    content: attr(data-placeholder);
    pointer-events: none;
    position: absolute; }
  nds-input-text-rich .ql-editor a {
    text-decoration: underline; }
  nds-input-text-rich .overflow-menu {
    z-index: 2; }
  nds-input-text-rich .ql-active {
    background-color: #eef1f6; }
  nds-input-text-rich .ql-clipboard {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important; }
  nds-input-text-rich .ql-editor p, nds-input-text-rich .ql-editor ol, nds-input-text-rich .ql-editor ul, nds-input-text-rich .ql-editor pre, nds-input-text-rich .ql-editor blockquote, nds-input-text-rich .ql-editor h1, nds-input-text-rich .ql-editor h2, nds-input-text-rich .ql-editor h3, nds-input-text-rich .ql-editor h4, nds-input-text-rich .ql-editor h5, nds-input-text-rich .ql-editor h6 {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  nds-input-text-rich .ql-editor ol, nds-input-text-rich .ql-editor ul {
    margin: 0;
    padding: 0;
    padding-left: 1.5em; }
  nds-input-text-rich .ql-editor ol > li, nds-input-text-rich .ql-editor ul > li {
    list-style-type: none; }
  nds-input-text-rich .ql-editor ul > li:before {
    content: '\2022';
    font-size: 1.4em;
    vertical-align: middle;
    display: inline-block;
    line-height: normal; }
  nds-input-text-rich .ql-editor ul[data-checked=true], nds-input-text-rich .ql-editor ul[data-checked=false] {
    pointer-events: none; }
  nds-input-text-rich .ql-editor ul[data-checked=true] > li:before, nds-input-text-rich .ql-editor ul[data-checked=false] > li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all; }
  nds-input-text-rich .ql-editor ul[data-checked=true] > li:before {
    content: '\2611'; }
  nds-input-text-rich .ql-editor ul[data-checked=false] > li:before {
    content: '\2610'; }
  nds-input-text-rich .ql-editor li:before {
    display: inline-block;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em; }
  nds-input-text-rich .ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em; }
  nds-input-text-rich .ql-editor ol li, nds-input-text-rich .ql-editor ul li {
    padding-left: 1.5em; }
  nds-input-text-rich .ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-num; }
  nds-input-text-rich .ql-editor ol li:before {
    content: counter(list-num, decimal) ". "; }
  nds-input-text-rich .ql-editor ol li.ql-indent-1 {
    counter-increment: list-1; }
  nds-input-text-rich .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "; }
  nds-input-text-rich .ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  nds-input-text-rich .ql-editor ol li.ql-indent-2 {
    counter-increment: list-2; }
  nds-input-text-rich .ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "; }
  nds-input-text-rich .ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  nds-input-text-rich .ql-editor ol li.ql-indent-3 {
    counter-increment: list-3; }
  nds-input-text-rich .ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "; }
  nds-input-text-rich .ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; }
  nds-input-text-rich .ql-editor ol li.ql-indent-4 {
    counter-increment: list-4; }
  nds-input-text-rich .ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "; }
  nds-input-text-rich .ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9; }
  nds-input-text-rich .ql-editor ol li.ql-indent-5 {
    counter-increment: list-5; }
  nds-input-text-rich .ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "; }
  nds-input-text-rich .ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9; }
  nds-input-text-rich .ql-editor ol li.ql-indent-6 {
    counter-increment: list-6; }
  nds-input-text-rich .ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "; }
  nds-input-text-rich .ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9; }
  nds-input-text-rich .ql-editor ol li.ql-indent-7 {
    counter-increment: list-7; }
  nds-input-text-rich .ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "; }
  nds-input-text-rich .ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9; }
  nds-input-text-rich .ql-editor ol li.ql-indent-8 {
    counter-increment: list-8; }
  nds-input-text-rich .ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "; }
  nds-input-text-rich .ql-editor ol li.ql-indent-8 {
    counter-reset: list-9; }
  nds-input-text-rich .ql-editor ol li.ql-indent-9 {
    counter-increment: list-9; }
  nds-input-text-rich .ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "; }
  nds-input-text-rich .ql-editor ul li.ql-indent-1:before {
    content: '\25E6'; }
  nds-input-text-rich .ql-editor ul li.ql-indent-2:before, nds-input-text-rich .ql-editor ul li.ql-indent-3:before, nds-input-text-rich .ql-editor ul li.ql-indent-4:before, nds-input-text-rich .ql-editor ul li.ql-indent-5:before, nds-input-text-rich .ql-editor ul li.ql-indent-6:before, nds-input-text-rich .ql-editor ul li.ql-indent-7:before, nds-input-text-rich .ql-editor ul li.ql-indent-8:before {
    content: '\25AA'; }
  nds-input-text-rich .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em; }
  nds-input-text-rich .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em; }
  nds-input-text-rich .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em; }
  nds-input-text-rich .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em; }
  nds-input-text-rich .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em; }
  nds-input-text-rich .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em; }
  nds-input-text-rich .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em; }
  nds-input-text-rich .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em; }
  nds-input-text-rich .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em; }
  nds-input-text-rich .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em; }
  nds-input-text-rich .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em; }
  nds-input-text-rich .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em; }
  nds-input-text-rich .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em; }
  nds-input-text-rich .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em; }
  nds-input-text-rich .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em; }
  nds-input-text-rich .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em; }
  nds-input-text-rich .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em; }
  nds-input-text-rich .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em; }
  nds-input-text-rich .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em; }
  nds-input-text-rich .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em; }
  nds-input-text-rich .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em; }
  nds-input-text-rich .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em; }
  nds-input-text-rich .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em; }
  nds-input-text-rich .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em; }
  nds-input-text-rich .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em; }
  nds-input-text-rich .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em; }
  nds-input-text-rich .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em; }
  nds-input-text-rich .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em; }
  nds-input-text-rich .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em; }
  nds-input-text-rich .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em; }
  nds-input-text-rich .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em; }
  nds-input-text-rich .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em; }
  nds-input-text-rich .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em; }
  nds-input-text-rich .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em; }
  nds-input-text-rich .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em; }
  nds-input-text-rich .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em; }

nds-left-border .level {
  margin-left: .5rem;
  margin-top: .25rem; }

nds-left-border .level-1 {
  border-left: .25rem solid #0d3e6f; }

nds-left-border .level-2 {
  border-left: .25rem solid #1373a9; }

nds-left-border .level-3 {
  border-left: .25rem solid #0095bd; }

nds-left-border .level-4 {
  border-left: .25rem solid #00b6b9; }

nds-left-border .level-5 {
  border-left: .25rem solid #25d2a2; }

nds-left-border .level-6 {
  border-left: .25rem solid #87E4A5; }

nds-pill {
  margin-left: 2px; }

.slds-table_bordered tfoot td,
.slds-table_bordered tfoot th,
.slds-table--bordered tfoot td,
.slds-table--bordered tfoot th {
  border-top: 1px solid #dddbda; }

@media (max-width: 48em) {
  nds-table .slds-table.slds-max-medium-table_stacked-horizontal thead {
    position: static !important; } }

nds-table .slds-table tfoot {
  background-color: white;
  color: #514f4d;
  font-weight: 700; }

nds-tooltip .input-help {
  display: inline-block;
  vertical-align: text-bottom;
  padding-left: 2px; }
  nds-tooltip .input-help .slds-popover {
    background: #16325c;
    color: white; }

nds-tooltip .slds-form-element__icon.slds-align-middle.icon-no-padding {
  padding-top: 0px; }

.slds nds-tooltip nds-icon .slds-icon.slds-icon_xx-small,
.slds nds-tooltip nds-icon .slds-icon.slds-icon--xx-small {
  width: 0.875rem;
  height: 0.875rem; }

.slds-popover.max-content {
  width: max-content; }

.slds-scope .slds-popover.render-top {
  z-index: 9999; }

.slds nds-popover .slds-popover.slds-popover--tooltip {
  position: absolute; }

/** 
 * Apply slds-assistive-text styles while maintaining accessibility 
 * for screen readers.
 */
nds-form-element > [hide-label="true"] nds-label {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  text-transform: none !important;
  white-space: nowrap !important; }

nds-toast .slds-notify.auto-width {
  min-width: auto; }

nds-toast .slds-notify {
  overflow-wrap: break-word; }

nds-toast .slds-notify.slds-notify--toast.slds-theme_info,
nds-toast .slds-notify__content {
  max-width: 100%; }

nds-visual-entity-picker {
  width: 21rem;
  flex-basis: 21rem;
  min-height: 7rem;
  display: block; }

.nds-visual-entity-picker-grid {
  display: grid;
  grid-template-columns: min-content minmax(0, 1fr);
  align-items: center;
  gap: 0.1rem 0.5rem;
  overflow-wrap: break-word; }

.nds-visual-entity-picker-grid__header {
  margin-top: 0.2rem;
  grid-column: 2; }

.nds-visual-entity-picker-grid__field {
  grid-column: 2; }

.nds-fill {
  height: 100%;
  width: 100%; }

.slds-visual-picker__figure .nds-visual-entity-picker-grid {
  text-align: start; }

.slds-scope nds-visual-entity-picker .slds-visual-picker__text-check,
nds-visual-entity-picker .slds-visual-picker__text-check {
  top: 0.1rem; }

.nds-visual-entity-picker-group {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem; }
  .nds-visual-entity-picker-group > nds-visual-entity-picker {
    margin: 0.5rem; }

.font-bold {
  font-weight: bold; }

nds-input-lookup .slds-listbox__item .slds-listbox__option.has-focus {
  background-color: var(--lwc-colorBackgroundRowHover, #f3f2f2);
  outline: 2px solid var(--lwc-brandAccessible, #0070d2);
  outline-offset: -2px; }

.flex-container {
  display: flex;
  margin-top: 3px;
  margin-bottom: 3px; }

.flex-block {
  display: inline-block;
  position: relative;
  flex-basis: 0;
  flex-grow: 1; }

.disable-button {
  position: absolute;
  bottom: 0px;
  left: 0px; }

.disable-button:disabled {
  opacity: 0.25;
  cursor: not-allowed; }

.flex-expand {
  flex-basis: auto;
  text-align: center; }

.warning-button {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: #ff7777; }

.full-width {
  width: 100%; }