lightning-base-components 1.16.3-alpha → 1.16.5-alpha

package/src/lightning/primitiveColorpickerButton/color-picker-button.slds.css

@@ -1,450 +1,3125 @@
 /* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
+  Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
+
+:host([data-render-mode="shadow"]) {
+  /**
+   * Establish independent formatting context, we don't want ancestor rules affecting our layout.
+   * This assumes there will not be a direct, child inline-level element.
+   * See https://www.w3.org/TR/css-display-3/#establish-an-independent-formatting-context
+   */
+  display: inline-flex;
+}
+
+:host([data-render-mode="shadow"]) [part~='boundary'] {
+  padding-block-start: var(--sds-c-icon-spacing-block-start, var(--sds-c-icon-spacing));
+  padding-block-end: var(--sds-c-icon-spacing-block-end, var(--sds-c-icon-spacing));
+  padding-inline-start: var(--sds-c-icon-spacing-inline-start, var(--sds-c-icon-spacing));
+  padding-inline-end: var(--sds-c-icon-spacing-inline-end, var(--sds-c-icon-spacing));
+  border-radius: var(--sds-c-icon-radius-border);
+  border-width: var(--sds-c-icon-sizing-border, 1px);
+  border-style: solid;
+  border-color: var(--sds-c-icon-color-border, transparent);
+  background-color: var(--sds-c-icon-color-background);
+}
 
-/* Document
- * --------------------- */
+:host([data-render-mode="shadow"]) [part~='icon'] {
+  display: flex; /* See line #5 */
+  height: var(--sds-c-icon-sizing-height, var(--sds-c-icon-sizing));
+  width: var(--sds-c-icon-sizing-width, var(--sds-c-icon-sizing));
+  color: var(--sds-c-icon-color-foreground);
+}
 
 /**
- * Normalize box sizing to border box for all browsers.
+ * Normalize svgs and control width/height with Styling Hooks
  */
 
-*,
-::before,
-::after {
-  box-sizing: border-box;
+:host([data-render-mode="shadow"]) svg {
+  width: 100%;
+  height: 100%;
 }
 
-/* Grouping Content
- * --------------------- */
+:host([data-render-mode="shadow"][icon-name='standard\:contact']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(160, 148, 237)); 
+}
 
-/**
- * Add the correct display in IE.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:multi_select_checkbox']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
 
-main {
-  display: block;
+:host([data-render-mode="shadow"][icon-name='standard\:work_order']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(80, 227, 194)); 
 }
 
-/**
- * 1. Remove the margin in all browsers.
- * 2. Remove the padding in all browsers.
- * 3. Normalize font sizes in all browsers.
- * 4. Normalize font weight in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:post']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(101, 202, 228)); 
+}
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 0.875rem; /* 3 */
-  font-weight: normal; /* 4 */
-  margin: 0; /* 1 */
-  padding: 0; /* 2 */
+:host([data-render-mode="shadow"][icon-name='standard\:global_constant']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
 }
 
-/**
- * Remove the margin in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:change_request']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(11, 130, 124)); 
+}
 
-p {
-  margin: 0;
+:host([data-render-mode="shadow"][icon-name='standard\:carousel']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 189, 110)); 
 }
 
-/**
- * 1. Remove the margin in all browsers.
- * 2. Normalize border styles in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:work_contract']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 224)); 
+}
 
-hr {
-  margin: 0; /* 1 */
-  border: 0; /* 2 */
-  border-top-width: 1px; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: inherit; /* 2 */
+:host([data-render-mode="shadow"][icon-name='standard\:resource_skill']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(69, 193, 115)); 
 }
 
-/**
- * 1. Remove the margin in all browsers.
- * 2. Remove the padding in all browsers.
- * 3. Remove the list-style in all browsers, sub-system dependant.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:system_and_global_variable']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
 
-ol,
-ul {
-  list-style: none; /* 3 */
-  padding: 0; /* 2 */
-  margin: 0; /* 1 */
+:host([data-render-mode="shadow"][icon-name='standard\:segments']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
 }
 
-/**
- * Remove the margin in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:account_info']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
 
-dl,
-dt,
-dd {
-  margin: 0;
+:host([data-render-mode="shadow"][icon-name='standard\:goals']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(86, 170, 223)); 
 }
 
-/* Form Controls
- * --------------------- */
+:host([data-render-mode="shadow"][icon-name='standard\:tour_check']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(144, 80, 233)); 
+}
 
-/**
- * Remove the margin in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:adjust_value']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(71, 180, 108)); 
+}
 
-form {
-  margin: 0;
+:host([data-render-mode="shadow"][icon-name='standard\:case_wrap_up']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
 }
 
-/**
- * 1. Correct font properties not being inherited.
- * 2. Remove the margin in Firefox and Safari.
- * 3. Fix correct color not being inherited.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:investment_account']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(75, 192, 118)); 
+}
 
-button,
-input,
-optgroup,
-select,
-textarea {
-  font: inherit; /* 1 */
-  margin: 0; /* 2 */
-  color: inherit; /* 3 */
+:host([data-render-mode="shadow"][icon-name='standard\:store']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
 }
 
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:slider']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
 
-button,
-select {
-  text-transform: none;
+:host([data-render-mode="shadow"][icon-name='standard\:output']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(67, 156, 186)); 
 }
 
-/**
- * 1. Correct inability to style clickable `input` types in iOS.
- * 2. Normalizes cursor indicator on clickable elements.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:medication_ingredient']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
 
-button,:host([data-render-mode="shadow"]) 
-[type='button'],:host([data-render-mode="shadow"]) 
-[type='reset'],:host([data-render-mode="shadow"]) 
-[type='submit'] {
-  -webkit-appearance: button; /* 1 */
-  appearance: button; /* 1 */
-  cursor: pointer; /* 2 */
+:host([data-render-mode="shadow"][icon-name='standard\:store_group']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
 }
 
-/**
- * Prevent option or optgroup to increase the width of a select.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:all']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
 
-select {
-  max-width: 100%;
+:host([data-render-mode="shadow"][icon-name='standard\:service_territory_policy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
 }
 
-/**
- * Correct the outline style in Safari.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:picklist_choice']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
 
-input:focus,
-button:focus,
-select:focus,
-textarea:focus {
-  outline-offset: 0;
+:host([data-render-mode="shadow"][icon-name='standard\:choice']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
 }
 
-/**
- * Remove the inner border and padding in Firefox.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:app']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
 
-::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
+:host([data-render-mode="shadow"][icon-name='standard\:default']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(129, 153, 175)); 
 }
 
-/**
- * 1. Correct the text wrapping in Edge 18- and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:case_milestone']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
 
-legend {
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  white-space: normal; /* 1 */
-  padding: 0; /* 3 */
+:host([data-render-mode="shadow"][icon-name='standard\:today']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 126, 173)); 
 }
 
-/**
- * Add the correct vertical alignment in Chrome and Firefox.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:buyer_account']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
 
-progress {
-  vertical-align: baseline;
+:host([data-render-mode="shadow"][icon-name='standard\:lead_list']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 98)); 
 }
 
-/**
- * Correct the cursor style of increment and decrement buttons in Safari.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:work_plan_template']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(68, 148, 136)); 
+}
 
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
+:host([data-render-mode="shadow"][icon-name='standard\:tableau']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(15, 30, 60)); 
 }
 
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:shift']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
 
-:host([data-render-mode="shadow"]) [type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
+:host([data-render-mode="shadow"][icon-name='standard\:product_item_transaction']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 98)); 
 }
 
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:person_language']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
 
-::-webkit-search-decoration {
-  -webkit-appearance: none;
+:host([data-render-mode="shadow"][icon-name='standard\:apex']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
 }
 
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to 'inherit' in Safari.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:reply_text']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 101)); 
+}
 
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
+:host([data-render-mode="shadow"][icon-name='standard\:answer_private']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
 }
 
-/**
- * Restore the focus styles unset by the previous rule.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:immunization']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
 
-:-moz-focusring {
-  outline: 1px dotted ButtonText;
+:host([data-render-mode="shadow"][icon-name='standard\:asset_downtime_period']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(49, 122, 146)); 
 }
 
-/**
- * Remove the additional ':invalid' styles in Firefox.
- * See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
- */
+:host([data-render-mode="shadow"][icon-name='standard\:opportunity_contact role']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
 
-:-moz-ui-invalid {
-  box-shadow: none;
+:host([data-render-mode="shadow"][icon-name='standard\:retail_banking_console']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 175, 160)); 
 }
 
-/* Text-level semantics
- * --------------------- */
+:host([data-render-mode="shadow"][icon-name='standard\:channel_program_members']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
 
-/**
- * Normalizes cursor indicator on clickable elements.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:apps_admin']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(152, 149, 238)); 
+}
 
-a {
-  cursor: pointer;
+:host([data-render-mode="shadow"][icon-name='standard\:datadotcom']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
 }
 
-/**
- * Add the correct text decoration in Chrome, Edge, and Safari.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:settings']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
 
-abbr[title] {
-  text-decoration: underline dotted;
-  cursor: help;
+:host([data-render-mode="shadow"][icon-name='standard\:network_contract']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(110, 192, 110)); 
 }
 
-/**
- * Add the correct font weight in Edge and Safari.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:product_item']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(118, 158, 217)); 
+}
 
-b,
-strong {
-  font-weight: bolder;
+:host([data-render-mode="shadow"][icon-name='standard\:metrics']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(86, 170, 223)); 
 }
 
-/**
- * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
- * 2. Correct the odd 'em' font sizing in all browsers.
- * 3. Remove the margin in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:topic2']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(86, 170, 208)); 
+}
 
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-  margin: 0; /* 3 */
+:host([data-render-mode="shadow"][icon-name='standard\:partner_fund_allocation']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
 }
 
-/**
- * Prevent overflow of the container in all browsers
- */
+:host([data-render-mode="shadow"][icon-name='standard\:care_request_reviewer']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(75, 192, 118)); 
+}
 
-pre {
-  overflow: auto;
-  -ms-overflow-style: scrollbar;
+:host([data-render-mode="shadow"][icon-name='standard\:approval']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(80, 204, 122)); 
 }
 
-/**
- * Add the correct font size in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:work_queue']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
 
-small {
-  font-size: 80%;
+:host([data-render-mode="shadow"][icon-name='standard\:iot_orchestrations']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
 }
 
-/**
- * Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:visualforce_page']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
 
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
+:host([data-render-mode="shadow"][icon-name='standard\:person_account']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
 }
 
-sub {
-  bottom: -0.25em;
+:host([data-render-mode="shadow"][icon-name='standard\:entity']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 98)); 
 }
 
-sup {
-  top: -0.5em;
+:host([data-render-mode="shadow"][icon-name='standard\:service_territory_location']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
 }
 
-/* Embedded content
- * --------------------- */
+:host([data-render-mode="shadow"][icon-name='standard\:qualifications']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
 
-/**
- * Change the alignment on media elements in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:entitlement_policy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
 
-audio,
-canvas,
-iframe,
-img,
-svg,
-video {
-  vertical-align: middle;
+:host([data-render-mode="shadow"][icon-name='standard\:form']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(110, 192, 110)); 
 }
 
-/**
- * Make images responsive by default.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:products']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
 
-img,:host([data-render-mode="shadow"]) 
-[type='image'] {
-  max-width: 100%;
-  height: auto;
+:host([data-render-mode="shadow"][icon-name='standard\:order_item']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(118, 158, 211)); 
 }
 
-/**
- * Remove the border on iframes in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:read_receipts']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(75, 192, 118)); 
+}
 
-iframe {
-  border-style: none;
+:host([data-render-mode="shadow"][icon-name='standard\:javascript_button']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
 }
 
-/**
- * Change the fill color to match the text color in all browsers.
- */
+:host([data-render-mode="shadow"][icon-name='standard\:maintenance_asset']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
 
-svg:not([fill]) {
-  fill: currentColor;
+:host([data-render-mode="shadow"][icon-name='standard\:work_plan_rule']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(68, 148, 136)); 
 }
 
-/* Tabular data
- * --------------------- */
+:host([data-render-mode="shadow"][icon-name='standard\:loop']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 154, 60)); 
+}
 
-/**
- * 1. Remove text indentation from table contents in Chrome and Safari. [Chromium Bug 999088](https://bugs.chromium.org/p/chromium/issues/detail?id=999088), [Webkit Bug 201297](https://bugs.webkit.org/show_bug.cgi?id=201297)
- * 2. Correct table border color inheritance in all Chrome and Safari. [Chromium Bug 935729](https://bugs.chromium.org/p/chromium/issues/detail?id=935729), [Webkit Bug 195016](https://bugs.webkit.org/show_bug.cgi?id=195016)
- * 3. Collapse border spacing in all browsers
- */
+:host([data-render-mode="shadow"][icon-name='standard\:portal_roles_and_subordinates']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(122, 154, 230)); 
+}
 
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
+:host([data-render-mode="shadow"][icon-name='standard\:work_capacity_limit']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
 }
 
-/* Shadow host
- * --------------------- */
+:host([data-render-mode="shadow"][icon-name='standard\:employee_organization']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 224)); 
+}
 
-/**
- * 1. Change the line height in all browsers
- * 2. Change the base font size in all browsers, inherit 100% from `html`
- * 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS
- * 4. Remove the grey highlight on links in iOS
- * 5. Font Stack:
- *   a. Safari for OS X and iOS (San Francisco)
- *   b. Chrome < 56 for OS X (San Francisco)
- *   c. Windows
- *   d. Android
- *   e. Web Fallback
- *   f. Emoji font stack [Mac, Windows, Linux]
- */
+:host([data-render-mode="shadow"][icon-name='standard\:workforce_engagement']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(157, 56, 86)); 
+}
 
-:host([data-render-mode="shadow"]) {
-  line-height: 1.5;
-  font-size: 0.875rem;
-  -webkit-tap-highlight-color: transparent;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+:host([data-render-mode="shadow"][icon-name='standard\:constant']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
 }
 
-/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
-  Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
+:host([data-render-mode="shadow"][icon-name='standard\:marketing_actions']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 189, 110)); 
+}
 
-:host([data-render-mode="shadow"]) {
-  /**
-   * Establish independent formatting context, we don't want ancestor rules affecting our layout.
-   * This assumes there will not be a direct, child inline-level element.
-   * See https://www.w3.org/TR/css-display-3/#establish-an-independent-formatting-context
-   */
-  display: inline-flex;
+:host([data-render-mode="shadow"][icon-name='standard\:case_transcript']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
 }
 
-:host([data-render-mode="shadow"]) [part~='boundary'] {
-  padding-block-start: var(--sds-c-icon-spacing-block-start, var(--sds-c-icon-spacing));
-  padding-block-end: var(--sds-c-icon-spacing-block-end, var(--sds-c-icon-spacing));
-  padding-inline-start: var(--sds-c-icon-spacing-inline-start, var(--sds-c-icon-spacing));
-  padding-inline-end: var(--sds-c-icon-spacing-inline-end, var(--sds-c-icon-spacing));
-  border-radius: var(--sds-c-icon-radius-border);
-  border-width: var(--sds-c-icon-sizing-border, 1px);
-  border-style: solid;
-  border-color: var(--sds-c-icon-color-border, transparent);
-  background-color: var(--sds-c-icon-color-background);
+:host([data-render-mode="shadow"][icon-name='standard\:timesheet_entry']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(125, 195, 125)); 
 }
 
-:host([data-render-mode="shadow"]) [part~='icon'] {
-  display: flex; /* See line #5 */
-  height: var(--sds-c-icon-sizing-height, var(--sds-c-icon-sizing));
-  width: var(--sds-c-icon-sizing-width, var(--sds-c-icon-sizing));
-  color: var(--sds-c-icon-color-foreground);
+:host([data-render-mode="shadow"][icon-name='standard\:key_dates']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 158, 226)); 
 }
 
-/**
- * Normalize svgs and control width/height with Styling Hooks
- */
+:host([data-render-mode="shadow"][icon-name='standard\:multi_picklist']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
 
-svg {
-  width: 100%;
-  height: 100%;
+:host([data-render-mode="shadow"][icon-name='standard\:product_workspace']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:visit_templates']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:restriction_policy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:task']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(75, 192, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:answer_best']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:attach']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(144, 80, 233)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:asset_action']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(49, 122, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:section']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_request']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:orders']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(118, 158, 217)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:propagation_policy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:budget']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(16, 124, 173)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:report_type']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(69, 198, 90)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:past_chat']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:feedback']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(109, 161, 234)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:action_list_component']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(88, 118, 163)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:opportunity_splits']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:location_permit']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 181, 157)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:messaging_user']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:filter_criteria']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:trailhead']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(3, 46, 97)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:entitlements']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(183, 129, 211)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:checkout']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:formula']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:case_log_a_call']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:shift_pattern_entry']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:thanks_loading']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(184, 195, 206)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:job_family']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 224)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_appointment_capacity_usage']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:channel_program_levels']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:letterhead']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:promotions_workspace']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:email_chatter']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:document_reference']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:announcement']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(98, 183, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:field_sales']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(144, 80, 233)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:bot']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 143)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:macros']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(71, 207, 210)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:dashboard_ea']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:job_profile']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:steps']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:asset_relationship']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(250, 151, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:high_velocity_sales']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(71, 207, 201)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:brand']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:historical_adherence']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(3, 180, 167)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:visits']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:einstein_replies']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 101)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:coaching']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(246, 117, 148)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:record_lookup']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_service_campaign_item']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:scheduling_constraint']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:lightning_component']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:search']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(98, 183, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:connected_apps']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(152, 149, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:swarm_request']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(226, 110, 140)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:work_type_group']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:education']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:work_type']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:travel_mode']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(69, 193, 115)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:environment_hub']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:identifier']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 98)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:cms']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(136, 198, 81)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:call_coaching']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:salesforce_cms']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 223)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:thanks']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(233, 105, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_territory_member']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:work_forecast']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:holiday_operating_hours']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 158, 226)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:user_role']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(143, 201, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:observation_component']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:orchestrator']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 110, 179)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:work_capacity_usage']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:record_create']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:campaign_members']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(244, 151, 86)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:retail_banking']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 210, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_service_campaign']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:portal_roles']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(251, 137, 80)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:calibration']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(71, 207, 210)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:answer_public']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:display_text']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_consumed_state']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(6, 165, 154)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:unmatched']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(98, 183, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:partners']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:email_iq']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(160, 148, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_crew']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(250, 151, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:payment_gateway']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(11, 130, 124)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:voice_call']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(48, 200, 90)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:cancel_checkout']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:asset_warranty']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(16, 124, 173)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:resource_capacity']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(69, 193, 115)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:channel_programs']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:quip']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(211, 69, 29)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:quip_sheet']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(48, 200, 90)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:timeslot']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(250, 178, 76)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:live_chat']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_request_detail']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:med_rec_statement_recommendation']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(128, 140, 222)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:job_position']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 224)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sobject_collection']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:user']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:client']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 210, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:screen']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:portal']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(174, 199, 112)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:partner_fund_request']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:asset_audit']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(144, 80, 233)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:resource_preference']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(69, 193, 115)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:first_non_empty']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(233, 105, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:customer_360']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(3, 46, 97)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:employee_job']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 224)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:resource_absence']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(69, 193, 115)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:text_template']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:entitlement_template']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:lightning_usage']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_transfer_state']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(227, 115, 79)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:medication_dispense']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(86, 150, 215)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:entitlement']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:empty']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(129, 153, 175)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:text']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:delegated_account']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:fulfillment_order']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(185, 172, 145)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:case_email']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:account']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:coupon_codes']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:assignment']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 154, 60)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:wealth_management_console']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 175, 160)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:task2']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(75, 192, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:patient_medication_dosage']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:code_playground']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:social']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(234, 116, 162)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:endorsement']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(139, 154, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:folder']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(139, 154, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_crew_member']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:variation_attribute_setup']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:flow']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:recipe']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(1, 118, 211)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:expense_report_entry']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(58, 49, 128)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:employee']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 224)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:omni_supervisor']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(138, 118, 240)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:capacity_plan']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:asset_object']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(49, 122, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(183, 129, 211)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:topic']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(86, 170, 223)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_required']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 110, 100)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:dynamic_record_choice']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:aggregation_policy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:warranty_term']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:process']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:swarm_session']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(245, 103, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:people']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:medication']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(74, 192, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:reward']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(233, 105, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:employee_contact']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 224)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:bundle_policy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:performance']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 177, 86)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:promotions']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:case_comment']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:price_book_entries']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sales_channel']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:apex_plugin']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:campaign']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(244, 151, 86)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:contact_request']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(251, 137, 84)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:business_hours']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(125, 195, 125)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:evernote']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(134, 200, 111)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:variation_products']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:trailhead_alt']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 57, 107)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_territory']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:customer_lifecycle_analytics']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(146, 116, 223)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:code_set']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:case']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:slack']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(74, 21, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:currency']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:record']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(125, 195, 125)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:code_set_bundle']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:queue']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:schedule_objective']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:contract_line_item']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(110, 192, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:skill_entity']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(139, 154, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:skill']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(250, 151, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:operating_hours']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 158, 226)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:custom']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(129, 153, 175)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:related_list']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(89, 188, 171)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:bot_training']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(88, 118, 163)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:case_change_status']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:insurance_console']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 175, 160)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:dashboard_component']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:incident']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(186, 5, 23)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:contract']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(110, 192, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sobject']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sales_cadence_target']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:photo']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(215, 209, 209)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:apps']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:timesheet']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:drafts']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(108, 161, 233)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:outcome']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 154, 60)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:discounts']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:work_order_item']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(51, 168, 220)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:pricebook']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(183, 129, 211)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:scan_card']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(243, 158, 88)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:note']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(230, 212, 120)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:serialized_product_transaction']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:shift_pattern']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:buyer_group']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_quantity_rules']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:medication_reconciliation']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(63, 113, 154)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:procedure']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:opportunity']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:news']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sort_policy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:display_rich_text']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:strategy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(75, 192, 113)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:call_history']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:webcart']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:serialized_product']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:report']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(46, 203, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:groups']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(119, 158, 242)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:data_model']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:dashboard']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 110, 100)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:generic_loading']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(184, 195, 206)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:number_input']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:toggle']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:address']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(75, 192, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:price_books']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:entity_milestone']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(244, 151, 86)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:wealth_management']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 210, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:customers']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:story']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_appointment']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:maintenance_plan']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:data_integration_hub']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:person_name']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:work_plan_template_entry']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(68, 148, 136)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:hierarchy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:custom_component_task']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(138, 118, 240)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:partner_marketing_budget']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:asset_action_source']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(49, 122, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:skill_requirement']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(250, 151, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:filter_criteria_rule']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:location']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(75, 192, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:radio_button']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:avatar_loading']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(184, 195, 206)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:article']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:invocable_action']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:device']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:proposition']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:snippets']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:customer_portal_users']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 219)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:actions_and_buttons']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:record_update']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:shift_type']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:log_a_call']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(72, 195, 204)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:quotes']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(136, 198, 81)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:question_feed']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:kanban']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:work_plan']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(68, 148, 136)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:shift_template']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:merge']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:expense']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(58, 49, 128)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:dataset']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(176, 112, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:shift_preference']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_consumed']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(85, 188, 156)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:canvas']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(129, 153, 175)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:forecasts']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 189, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:relationship']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:tour']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(144, 80, 233)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_resource']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:filter']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 57, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sales_path']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:shift_scheduling_operation']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:events']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 219)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:data_mapping']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(6, 28, 63)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sms']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(136, 198, 81)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:rtc_presence']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(71, 207, 210)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:avatar']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(98, 183, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:record_delete']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:solution']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(143, 201, 114)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:agent_home']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 57, 107)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:partner_fund_claim']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:individual']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:custom_notification']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 183, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:contract_payment']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(144, 80, 233)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:date_input']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:catalog']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(2, 126, 70)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:template']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:activation_target']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(220, 113, 209)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:selling_model']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(173, 123, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:shipment']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:budget_allocation']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(16, 124, 173)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:record_signature_task']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:event']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:insurance']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 210, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:live_chat_visitor']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(246, 137, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:textarea']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:work_step']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(68, 148, 136)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:picklist_type']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:survey']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(49, 159, 214)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:link']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(122, 154, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:messaging_session']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:video']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(176, 112, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:list_email']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(139, 174, 181)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:med_rec_recommendation']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(97, 187, 202)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:recycle_bin']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:document']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(186, 172, 147)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_transfer']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(227, 115, 79)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:instore_locations']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:recent']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(108, 161, 233)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:practitioner_role']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:password']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:expense_report']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(58, 49, 128)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:branch_merge']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(233, 105, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:insights']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(236, 148, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:dropbox']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(82, 174, 249)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:unified_health_score']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:calculated_insights']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 167, 248)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:employee_job_position']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 224)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:file']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(186, 172, 147)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:currency_input']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:variable']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:team_member']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:pricing_workspace']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:agent_session']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:guidance_center']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:group_loading']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(184, 195, 206)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:lead']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 98)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:email']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(149, 174, 197)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_contract']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(138, 118, 240)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:decision']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 154, 60)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:promotion_segments']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(4, 132, 75)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:duration_downscale']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:snippet']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(160, 148, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:entitlement_process']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:contact_list']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(160, 148, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:planogram']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:activations']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(176, 112, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:scheduling_policy']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:channel_program_history']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(14, 181, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:question_best']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:collection_variable']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:procedure_detail']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sales_value']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:knowledge']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(236, 148, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:date_time']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:category']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(2, 126, 70)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:maintenance_work_rule']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:data_streams']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 110, 100)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:textbox']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(150, 148, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:lead_insights']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(34, 176, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:waits']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 154, 60)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:concur']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(76, 195, 199)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:feed']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(98, 183, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sort']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 57, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:messaging_conversation']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:service_report']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:iot_context']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(42, 115, 158)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:asset_state_period']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(49, 122, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:call']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:collection']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:stage']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 154, 60)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sales_cadence']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_request_line_item']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(136, 198, 81)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:return_order_line_item']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 150, 136)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:chart']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(31, 202, 160)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:quick_text']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(98, 183, 229)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:home']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 126, 173)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:sossession']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:bundle_config']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:employee_asset']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 224)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:process_exception']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(245, 166, 35)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_warranty_term']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(183, 129, 211)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:problem']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(254, 147, 57)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:stage_collection']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 154, 60)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:product_request']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(136, 198, 81)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:logging']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 161, 223)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:assigned_resource']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(69, 193, 115)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:return_order']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 150, 136)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:poll']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(105, 155, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:household']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 175, 160)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:work_step_template']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(68, 148, 136)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='standard\:medication_statement']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(21, 137, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom110']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom100']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(225, 93, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom111']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom1']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 123, 132)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom101']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom112']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom2']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(207, 208, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom102']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom113']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom90']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(34, 164, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom3']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(236, 180, 108)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom103']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom80']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(101, 154, 213)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom91']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(191, 123, 102)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom4']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(225, 217, 81)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom104']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom70']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(231, 105, 180)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom81']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(218, 98, 127)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom92']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(81, 126, 130)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom5']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(159, 219, 102)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom105']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom60']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(191, 90, 136)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom71']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(227, 110, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom82']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(209, 91, 151)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom93']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(144, 77, 76)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom6']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 196, 115)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom106']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom50']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(73, 188, 211)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom61']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(245, 115, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom72']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(141, 155, 251)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom83']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(231, 128, 111)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom94']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(67, 156, 186)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom7']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(106, 137, 229)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom107']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom40']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(131, 199, 94)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom51']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(216, 199, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom62']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 146, 220)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom73']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(103, 158, 240)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom84']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(246, 112, 123)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom95']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(139, 207, 106)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom8']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(80, 206, 185)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom108']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom30']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(245, 159, 113)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom41']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(67, 181, 181)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom52']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(238, 142, 111)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom63']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(124, 207, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom74']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(65, 200, 160)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom85']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 104, 145)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom96']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(109, 157, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom9']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 158, 226)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom109']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 139, 0)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom20']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(72, 199, 200)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom31']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 104, 127)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom42']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(207, 208, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom53']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(243, 110, 131)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom64']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(97, 143, 216)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom75']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(205, 159, 101)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom86']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(226, 96, 171)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom97']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(221, 96, 133)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom10']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(100, 136, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom21']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(138, 122, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom32']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(56, 195, 147)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom43']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 147, 249)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom54']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(234, 112, 177)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom65']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 121, 171)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom76']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(219, 109, 122)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom87']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(216, 118, 229)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom98']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(225, 190, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom11']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(135, 132, 234)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom22']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(139, 133, 249)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom33']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(151, 207, 93)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom44']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(200, 202, 88)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom55']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(214, 110, 224)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom66']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(216, 190, 95)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom77']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(181, 93, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom88']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(153, 111, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom99']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(240, 133, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom12']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(220, 113, 209)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom23']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(176, 112, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom34']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(213, 138, 106)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom45']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(217, 88, 121)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom56']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(113, 141, 235)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom67']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 125, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom78']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(90, 149, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom89']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(62, 153, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom13']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(223, 97, 132)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom24']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(229, 103, 152)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom35']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(233, 99, 126)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom46']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(103, 165, 231)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom57']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(90, 156, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom68']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 105, 121)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom79']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(142, 211, 99)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom14']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 194, 179)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom25']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(228, 111, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom36']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(212, 114, 212)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom47']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(95, 204, 100)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom58']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 181, 157)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom69']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(237, 99, 135)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom15']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(247, 126, 117)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom26']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(118, 152, 240)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom37']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(140, 137, 242)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom48']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 105, 127)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom59']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(227, 208, 103)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom16']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(233, 175, 103)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom27']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(90, 176, 210)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom38']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(83, 182, 215)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom49']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(226, 92, 128)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom17']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(172, 211, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom28']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(137, 192, 89)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom39']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(79, 190, 117)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom18']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(77, 202, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom29']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(189, 210, 95)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='custom\:custom19']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(58, 190, 177)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom18']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(77, 202, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom29']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(189, 210, 95)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:edit_groups']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 190, 205)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom9']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 158, 226)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:log_a_call']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(72, 195, 204)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom19']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(58, 190, 177)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:filter']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(253, 144, 181)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:user_activation']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:opportunity_competitor']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:canvas']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(129, 153, 175)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:change_record_type']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_notebook']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(230, 212, 120)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:docusign']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(80, 128, 219)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:share_link']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(122, 154, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:add_file']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(126, 139, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:edit_relationship']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(29, 204, 191)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:notebook']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(230, 212, 120)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_lead']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 98)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom_object']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(167, 212, 77)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_account']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:question_post_action']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(50, 175, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:share_file']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(186, 172, 147)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:default_custom_object']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(129, 153, 175)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:opportunity_team_member']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:add_photo_video']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 205, 192)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:sort']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(250, 185, 165)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:call']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(31, 202, 160)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:concur']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(76, 195, 199)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:reject']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 198, 183)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:share_poll']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(105, 155, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:following']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(125, 207, 100)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:defer']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 126, 173)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:opportunity_line_item']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:social_post']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(234, 116, 162)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:share_post']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(101, 202, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:view_relationship']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 151, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:adjust_value']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(71, 180, 108)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:upload']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:remove_relationship']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 110, 100)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:freeze_user']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_person_account']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:bug']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 110, 93)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:apex']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(105, 110, 113)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_opportunity']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(252, 185, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:fallback']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(152, 149, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:dial_in']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(139, 154, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:approval']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 198, 183)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:change_owner']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_task']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(75, 192, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:priority']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(251, 180, 57)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:remove']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:web_link']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(86, 170, 223)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:leave_group']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(243, 158, 88)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:manage_perm_sets']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:close']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 110, 100)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:google_news']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(245, 103, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:announcement']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(254, 143, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:back']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(13, 194, 217)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom90']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(34, 164, 138)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:download']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom80']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(101, 154, 213)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom91']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(191, 123, 102)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:search']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(72, 173, 235)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_event']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom70']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(231, 105, 180)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom81']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(218, 98, 127)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom92']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(81, 126, 130)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:refresh']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:share_thanks']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(233, 105, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:update']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(129, 180, 214)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:email']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(149, 174, 197)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:join_group']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(119, 158, 242)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom60']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(191, 90, 136)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom71']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(227, 110, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom82']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(209, 91, 151)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom93']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(144, 77, 76)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:edit']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(29, 204, 191)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:quote']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(136, 198, 81)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:dropbox']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(82, 174, 249)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:description']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(125, 195, 125)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:map']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(118, 198, 238)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:user']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(101, 202, 228)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:reset_password']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom50']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(73, 188, 211)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom61']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(245, 115, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom72']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(141, 155, 251)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom83']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(231, 128, 111)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom94']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(67, 156, 186)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:clone']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(108, 161, 233)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:script']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 112, 210)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:delete']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(230, 113, 124)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom40']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(131, 199, 94)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom51']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(216, 199, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom62']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(107, 146, 220)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom73']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(103, 158, 240)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom84']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(246, 112, 123)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom95']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(139, 207, 106)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:share']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom30']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(245, 159, 113)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom41']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(67, 181, 181)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom52']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(238, 142, 111)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom63']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(124, 207, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom74']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(65, 200, 160)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom85']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 104, 145)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom96']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(109, 157, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:log_event']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(108, 161, 233)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_group']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(131, 182, 255)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom20']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(72, 199, 200)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom31']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 104, 127)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom42']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(207, 208, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:info']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom53']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(243, 110, 131)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom64']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(97, 143, 216)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom75']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(205, 159, 101)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom86']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(226, 96, 171)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:flow']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(0, 121, 188)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom97']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(221, 96, 133)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:submit_for_approval']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(80, 204, 122)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(51, 188, 231)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_campaign']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(244, 151, 86)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom10']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(100, 136, 227)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom21']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(138, 122, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom32']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(56, 195, 147)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom43']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 147, 249)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom54']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(234, 112, 177)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom65']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 121, 171)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom76']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(219, 109, 122)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom87']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(216, 118, 229)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom98']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(225, 190, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_case']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 207, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom100']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(225, 93, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom1']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 123, 132)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_contact']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(160, 148, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:office_365']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(255, 128, 65)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom11']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(135, 132, 234)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom22']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(139, 133, 249)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom33']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(151, 207, 93)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom44']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(200, 202, 88)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom55']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(214, 110, 224)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom66']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(216, 190, 95)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom77']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(181, 93, 91)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom88']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(153, 111, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom99']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(240, 133, 110)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:add_contact']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(160, 148, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:evernote']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(134, 200, 111)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom2']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(207, 208, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:lead_convert']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 137, 98)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom12']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(220, 113, 209)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom23']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(176, 112, 230)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom34']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(213, 138, 106)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom45']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(217, 88, 121)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom56']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(113, 141, 235)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom67']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(248, 125, 118)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:recall']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(74, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom78']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(90, 149, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom89']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(62, 153, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:follow']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(49, 185, 248)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:record']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(125, 195, 125)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom3']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(236, 180, 108)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_note']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(230, 212, 120)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom13']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(223, 97, 132)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom24']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(229, 103, 152)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom35']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(233, 99, 126)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom46']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(103, 165, 231)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom57']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(90, 156, 221)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom68']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(242, 105, 121)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom79']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(142, 211, 99)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_child_case']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(250, 151, 92)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom4']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(225, 217, 81)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom14']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(60, 194, 179)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom25']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(228, 111, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom36']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(212, 114, 212)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom47']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(95, 204, 100)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom58']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(52, 181, 157)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom69']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(237, 99, 135)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom5']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(159, 219, 102)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:goal']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(86, 170, 223)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom15']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(247, 126, 117)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom26']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(118, 152, 240)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom37']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(140, 137, 242)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom48']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(239, 105, 127)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom59']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(227, 208, 103)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom6']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 196, 115)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:log_this_event']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(235, 112, 146)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom16']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(233, 175, 103)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom27']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(90, 176, 210)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom38']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(83, 182, 215)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom49']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(226, 92, 128)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom7']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(106, 137, 229)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:more']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(98, 183, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:add_relationship']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(98, 183, 237)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom17']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(172, 211, 96)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom28']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(137, 192, 89)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom39']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(79, 190, 117)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:password_unlock']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:check']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(84, 105, 141)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:update_status']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(30, 199, 190)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:preview']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(127, 141, 225)); 
+}
+
+:host([data-render-mode="shadow"][icon-name='action\:new_custom8']) { 
+  --sds-c-icon-color-background: var(--slds-c-icon-color-background, rgb(80, 206, 185)); 
 }
 
 /**