/*
 * Your global styles here
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

html,
body {
    height: 100%;
}

body {
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

iframe {
    border-width: var(--custom-iframe-border-width, var(--iframe-border-width, 0));
}

:root {
    --type-displayOne-size: calc(var(--typescale, 1rem) * 2.875);
    --type-displayOne-line-height: calc(var(--typescale, 1rem) * 3.5);
    --type-displayOne-spacing: calc(var(--typescale, 1rem) * 0);

    --type-displayTwo-line-height: calc(var(--typescale, 1rem) * 2.5);
    --type-displayTwo-size: calc(var(--typescale, 1rem) * 2.125);
    --type-displayTwo-spacing: calc(var(--typescale, 1rem) * 0.016);

    /* Typography  */
    --se-font-family: Roboto;
    --font-family:
        var(--se-font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol';

    --typescale: 1rem;
    --mobile-typescale: var(--typescale);
    --type-line-height-base: calc(var(--typescale, 1rem) * 1);
    --type-spacing-base: calc(var(--typescale, 1rem) * 0);

    --type-h1-size: calc(var(--typescale, 1rem) * 1.5);
    --type-h1-line-height: calc(var(--typescale, 1rem) * 1.75);
    --type-h1-spacing: calc(var(--typescale, 1rem) * 0);

    --type-h2-size: calc(var(--typescale, 1rem) * 1.25);
    --type-h2-spacing: calc(var(--typescale, 1rem) * 0.009);
    --type-h2-line-height: calc(var(--typescale, 1rem) * 1.5);

    --type-h3-size: calc(var(--typescale, 1rem) * 1);
    --type-h3-spacing: calc(var(--typescale, 1rem) * 0.009);
    --type-h3-line-height: calc(var(--typescale, 1rem) * 1.5);

    --type-h4-size: calc(var(--typescale, 1rem) * 0.875);
    --type-h4-spacing: calc(var(--typescale, 1rem) * 0.006);
    --type-h4-line-height: calc(var(--typescale, 1rem) * 1.25);

    --type-p-size: calc(var(--typescale, 1rem) * 1);
    --type-p-spacing: calc(var(--typescale, 1rem) * 0.031);
    --type-p-line-height: calc(var(--typescale, 1rem) * 1.5);

    --type-small-size: calc(var(--typescale, 1rem) * 0.875);
    --type-small-spacing: calc(var(--typescale, 1rem) * 0.016);
    --type-small-line-height: calc(var(--typescale, 1rem) * 1.25);

    --type-caption-size: calc(var(--typescale, 1rem) * 0.75);
    --type-caption-spacing: calc(var(--typescale, 1rem) * 0.025);
    --type-caption-line-height: calc(var(--typescale, 1rem) * 1);

    --type-overline-size: calc(var(--typescale, 1rem) * 0.625);
    --type-overline-spacing: calc(var(--typescale, 1rem) * 0.094);
    --type-overline-line-height: calc(var(--typescale, 1rem) * 0.75);

    --type-weight-light: 300;
    --type-weight-regular: 400;
    --type-weight-medium: 500;
    --type-weight-bold: 700;

    --type-text-transform-capitalize: capitalize;
    --type-text-transform-lowercase: lowercase;
    --type-text-transform-uppercase: uppercase;
    --type-text-transform-none: none;
    --type-text-transform-unset: unset;

    --type-style-italic: italic;
    --type-style-normal: normal;

    --text-decoration-none: none;
    --text-decoration-overline: overline;
    --text-decoration-line-through: line-through;
    --text-decoration-underline: underline;
    --text-decoration-overline-underline: overline underline;

    /* =====================================================================
         dxp replacement & SLDS Variable Modifications
         ===================================================================== */
    --dxp-c-input-text-font-size: var(--type-small-size);
    --dxp-s-form-element-text-line-height: var(--input-line-height, 2.375rem);
    --dxp-s-form-element-text-letter-spacing: var(--type-small-spacing);

    --dxp-c-textarea-text-font-size: var(--type-small-size);
    --dxp-s-form-element-text-letter-spacing: var(--type-small-spacing);

    /* input label */
    --dxp-s-form-element-label-font-size: var(--type-caption-size);
    --dxp-s-form-element-label-letter-spacing: var(--type-caption-spacing);
    --dxp-s-form-element-label-line-height: var(--type-caption-line-height);

    /*  ::placeholder  */
    color: var(--dxp-c-placeholder-text-color, var(--dxp-g-neutral-3));
    font-weight: var(--dxp-c-placeholder-font-weight);
    opacity: var(--dxp-c-placeholder-opacity);

    /* select */
    --dxp-c-select-text-font-size: var(--type-small-size);

    /* listbox options */
    --dxp-s-form-element-text-font-family: var(--font-family);

    /* Selection Highlight */
    --dxp-c-selection-color-background: var(--blue-20);
    --dxp-c-selection-text-shadow: 1px 1px 0 var(--blue-10);
    --dxp-c-selection-text-color: var(--blue-100);

    /* =====================================================================
         dxp replacement: builder themes changes will do nothing with this in place.
         ===================================================================== */
    --dxp-s-html-font-size: var(--typescale);
    --dxp-s-html-font-size-mobile: var(--mobile-typescale);
    --dxp-s-text-heading-extra-large-font-family: var(--font-family);
    --dxp-s-text-heading-large-font-family: var(--font-family);
    --dxp-s-text-heading-medium-font-family: var(--font-family);
    --dxp-s-text-heading-small-font-family: var(--font-family);
    --dxp-s-body-font-family: var(--font-family);
    --dxp-s-body-small-font-family: var(--font-family);
    --dxp-s-text-heading-extra-large-font-size: var(--type-h1-size);
    --dxp-s-text-heading-extra-large-line-height: var(--type-h1-line-height);
    --dxp-s-text-heading-extra-large-letter-spacing: var(--type-spacing-base);
    --dxp-s-text-heading-extra-large-font-style: var(--type-style-normal);
    --dxp-s-text-heading-extra-large-text-transform: var(--type-text-transform-none);
    --dxp-s-text-heading-extra-large-text-decoration: var(--text-decoration-none);
    --dxp-s-text-heading-extra-large-font-weight: var(--type-weight-regular, 400);
    --dxp-s-text-heading-extra-large-color: var(--dxp-g-root-contrast);

    --dxp-s-text-heading-large-font-size: var(--type-h2-size);
    --dxp-s-text-heading-large-letter-spacing: var(--type-h2-spacing);
    --dxp-s-text-heading-large-line-height: var(--type-h2-line-height);
    --dxp-s-text-heading-large-font-style: var(--type-style-normal);
    --dxp-s-text-heading-large-text-transform: var(--type-text-transform-none);
    --dxp-s-text-heading-large-text-decoration: var(--text-decoration-none);
    --dxp-s-text-heading-large-font-weight: var(--type-weight-regular, 400);
    --dxp-s-text-heading-large-color: var(--dxp-g-root-contrast);

    --dxp-s-text-heading-medium-font-size: var(--type-h3-size);
    --dxp-s-text-heading-medium-letter-spacing: var(--type-h3-spacing);
    --dxp-s-text-heading-medium-line-height: var(--type-h3-line-height);
    --dxp-s-text-heading-medium-font-style: var(--type-style-normal);
    --dxp-s-text-heading-medium-text-transform: var(--type-text-transform-none);
    --dxp-s-text-heading-medium-text-decoration: var(--text-decoration-none);
    --dxp-s-text-heading-medium-font-weight: 500;
    --dxp-s-text-heading-medium-color: var(--dxp-g-root-contrast);

    --dxp-s-text-heading-small-font-size: var(--type-h4-size);
    --dxp-s-text-heading-small-letter-spacing: var(--type-h4-spacing);
    --dxp-s-text-heading-small-line-height: var(--type-h4-line-height);
    --dxp-s-text-heading-small-font-style: var(--type-style-normal);
    --dxp-s-text-heading-small-text-decoration: var(--text-decoration-none);
    --dxp-s-text-heading-small-text-transform: var(--type-text-transform-none);
    --dxp-s-text-heading-small-font-weight: 500;
    --dxp-s-text-heading-small-color: var(--dxp-g-root-contrast);

    --dxp-s-body-font-size: var(--type-small-size);
    --dxp-s-body-letter-spacing: var(--type-p-spacing);
    --dxp-s-body-line-height: var(--type-p-line-height);
    --dxp-s-body-font-style: var(--type-style-normal);
    --dxp-s-body-text-decoration: var(--text-decoration-none);
    --dxp-s-body-text-transform: var(--type-text-transform-none);
    --dxp-s-body-font-weight: var(--type-weight-regular, 400);
    --dxp-s-body-text-color: var(--dxp-g-root-contrast);

    --dxp-s-body-small-font-size: var(--type-small-size);
    --dxp-s-body-small-line-height: var(--type-small-line-height);
    --dxp-s-body-small-letter-spacing: var(--type-small-spacing);
    --dxp-s-body-small-font-style: var(--type-style-normal);
    --dxp-s-body-small-text-decoration: var(--text-decoration-none);
    --dxp-s-body-small-text-transform: var(--type-text-transform-none);
    --dxp-s-body-small-font-weight: var(--type-weight-regular, 400);
    --dxp-s-body-small-text-color: var(--dxp-g-root-contrast);

    --dxp-s-form-element-text-font-family: var(--font-family);
    --dxp-s-form-element-text-font-weight: var(--type-weight-regular, 400);

    --dxp-s-form-element-caption-text-font-family: var(--font-family);
    --dxp-s-form-element-caption-text-font-weight: var(--type-weight-regular, 400);
    --dxp-s-form-element-caption-text-text-transform: var(--text-decoration-none);

    --dxp-s-form-element-label-font-family: var(--font-family);
    --dxp-s-form-element-label-font-style: var(--type-style-normal);
    --dxp-s-form-element-label-text-transform: var(--text-decoration-none);
    --dxp-s-form-element-label-font-weight: var(--type-weight-regular, 400);

    --dxp-g-brand: var(--blue-50);
    --dxp-g-brand-1: var(--blue-60);
    --dxp-g-brand-2: var(--blue-70);
    --dxp-g-brand-3: var(--blue-80);
    --dxp-g-brand-contrast: var(--white);
    --dxp-g-brand-contrast-1: var(--white);
    --dxp-g-brand-contrast-3: var(--white);
    --dxp-g-brand-contrast-2: var(--white);

    --dxp-g-root: var(--white);
    --dxp-g-root-1: var(--gray-lightest);
    --dxp-g-root-2: var(--gray-lighter);
    --dxp-g-root-3: var(--gray-light);
    --dxp-g-root-contrast: var(--ink-base);
    --dxp-g-root-contrast-1: var(--ink-light);
    --dxp-g-root-contrast-2: var(--ink-lighter);
    --dxp-g-root-contrast-3: var(--ink-lightest);

    --dxp-s-link-text-color: var(--dxp-g-brand);
    --dxp-s-link-text-color-1: var(--blue-80);
    --dxp-s-link-text-color-hover: var(--blue-60);

    --dxp-s-link-text-decoration: var(--text-decoration-none);
    --dxp-s-link-text-decoration-hover: var(--text-decoration-underline);
    --dxp-s-link-text-decoration-focus: var(--text-decoration-underline);

    --dxp-s-button-font-family: var(--font-family);
    --dxp-s-button-font-style: var(--type-style-normal);
    --dxp-s-button-font-weight: var(--type-weight-medium);
    --dxp-s-button-letter-spacing: var(--type-spacing-base);
    --dxp-s-button-text-transform: var(--type-text-transform-none);
    --dxp-s-button-line-height: 1.875rem;

    --dxp-s-button-large-font-size: 1.25rem;
    --dxp-s-button-large-padding: 1.25rem;
    --dxp-s-button-large-radius-border: 0.125rem;

    --dxp-s-button-font-size: 0.875rem;
    --dxp-s-button-padding: 0.5rem;
    --dxp-s-button-radius-border: 0.125rem;

    --dxp-s-button-small-font-size: 0.75rem;
    --dxp-s-button-small-radius-border: 0.125rem;
    --dxp-s-button-small-padding: 0.75rem;

    --sds-c-button-radius-border: var(--dxp-s-button-large-radius-border, var(--dxp-s-button-radius-border, var(--dxp-s-button-small-radius-border, 0.125rem)));

    --dxp-s-button-color: var(--dxp-g-brand);
    --dxp-s-button-color-1: var(--blue-70);

    --dxp-s-button-color-contrast: var(--white);

    --dxp-s-button-color-hover: rgb(21, 97, 229);
    --dxp-s-button-color-hover-contrast: var(--white);

    --dxp-s-button-color-active: rgb(21, 97, 229);
    --dxp-s-button-color-active-contrast: var(--white);

    --dxp-s-button-color-focus: rgb(21, 97, 229);
    --dxp-s-button-color-focus-contrast: var(--white);

    /* Color */
    --dxp-g-success: var(--green-70);

    /* NOT customized */ /* NOT customized */ /* NOT customized */
    --dxp-g-neutral: var(--gray-lightest);
    --dxp-g-neutral-1: var(--gray-lighter);
    --dxp-g-neutral-2: var(--gray-light);
    --dxp-g-neutral-3: var(--gray);
    --dxp-g-neutral-contrast: var(--ink);
    --dxp-g-neutral-contrast-1: var(--ink);
    --dxp-g-neutral-contrast-2: var(--ink);
    --dxp-g-neutral-contrast-3: var(--ink);

    --dxp-g-warning: var(--yellow-60);
    --dxp-g-warning-1: var(--yellow-60); /* unused variable */
    --dxp-g-warning-2: var(--yellow-60); /* unused variable */
    --dxp-g-warning-3: var(--yellow-60); /* unused variable */
    --dxp-g-warning-contrast: var(--yellow-100);
    --dxp-g-warning-contrast-1: var(--yellow-100);
    --dxp-g-warning-contrast-2: var(--yellow-100); /* unused variable */
    --dxp-g-warning-contrast-3: var(--yellow-100); /* unused variable */

    --dxp-g-offline: #444444;
    --dxp-g-offline-1: #303030;
    --dxp-g-offline-2: #070707;
    --dxp-g-offline-3: #000000;
    --dxp-g-offline-contrast: #ffffff;
    --dxp-g-offline-contrast-1: #ffffff;
    --dxp-g-offline-contrast-2: #ffffff;
    --dxp-g-offline-contrast-3: #ffffff;

    --dxp-g-success-1: var(--green-80);
    --dxp-g-success-2: var(--green-80);
    --dxp-g-success-3: var(--green-80);
    --dxp-g-success-contrast: var(--white);
    --dxp-g-success-contrast-1: var(--white);
    --dxp-g-success-contrast-2: #ffffff;
    --dxp-g-success-contrast-3: #ffffff;

    --dxp-g-info: #16325c;
    --dxp-g-info-1: #0e203b;
    --dxp-g-info-2: #000000;
    --dxp-g-info-3: #000000;
    --dxp-g-info-contrast: #ffffff;
    --dxp-g-info-contrast-1: #ffffff;
    --dxp-g-info-contrast-2: #ffffff;
    --dxp-g-info-contrast-3: #ffffff;

    /* NOT customized */ /* NOT customized */ /* NOT customized */

    --dxp-g-destructive: var(--red-60);
    --dxp-g-destructive-1: var(--red-70);
    --dxp-g-destructive-2: var(--red-90);
    --dxp-g-destructive-3: var(--red-100);
    --dxp-g-destructive-contrast: var(--white);
    --dxp-g-destructive-contrast-1: var(--white);
    --dxp-g-destructive-contrast-2: var(--white);
    --dxp-g-destructive-contrast-3: var(--white);

    /* Neutrals */
    --gray-lightest: #f7f7f7;
    --gray-lighter: #e5e5e5;
    --gray-light: #cccccc;
    --gray: #aeaeae;
    --white: #ffffff;
    --ink-white: #ffffff;
    --ink-lightest: #8f8f8f;
    --ink-lighter: #616161;
    --ink-light: #303030;
    --ink-base: #0a0a0a;
    --ink: #0a0a0a;

    /* Blue */
    --blue-10: #e6effe;
    --blue-20: #c3d9fd;
    --blue-30: #82adf8;
    --blue-40: #5b94f2;
    --blue-50: #307bf3;
    --blue-60: #1561e5;
    --blue-70: #0945b3;
    --blue-80: #073288;
    --blue-90: #052261;
    --blue-100: #031130;
    /* Purple */
    --purple-10: #f3e8fc;
    --purple-20: #e2caf7;
    --purple-30: #c290ee;
    --purple-40: #ad70eb;
    --purple-50: #954be8;
    --purple-60: #7a1de2;
    --purple-70: #5e16b6;
    --purple-80: #440f8a;
    --purple-90: #2c0a5c;
    --purple-100: #15052e;
    /* Green */
    --green-10: #e7fdf2;
    --green-20: #c7fae2;
    --green-30: #88f6c1;
    --green-40: #4defa9;
    --green-50: #12e58d;
    --green-60: #12c47a;
    --green-70: #10a261;
    --green-80: #0e864e;
    --green-90: #0b5b33;
    --green-100: #062d19;
    /* Yellow */
    --yellow-10: #fff8e5;
    --yellow-20: #fff0c7;
    --yellow-30: #fee39a;
    --yellow-40: #fdd568;
    --yellow-50: #ffc933;
    --yellow-60: #f7b500;
    --yellow-70: #cc9200;
    --yellow-80: #986b01;
    --yellow-90: #654401;
    --yellow-100: #322001;
    /* Red */
    --red-10: #fde8e8;
    --red-20: #f9c7c9;
    --red-30: #f39197;
    --red-40: #ed6e78;
    --red-50: #e54353;
    --red-60: #de2137;
    --red-70: #b5172a;
    --red-80: #8a0f1c;
    --red-90: #5c0a11;
    --red-100: #2e0509;

    /* Margins Padding Spacing */
    --spacing-00: 0;
    --spacing-02: 0.125rem;
    --spacing-04: 0.25rem;
    --spacing-08: 0.5rem;
    --spacing-16: 1rem;
    --spacing-24: 1.5rem;
    --spacing-32: 2rem;
    --spacing-40: 2.5rem;
    --spacing-48: 3rem;
    --spacing-56: 3.5rem;
    --spacing-64: 4rem;
    --spacing-80: 5rem;
    --spacing-96: 6rem;

    --value-00: var(--spacing-00);
    --value-02: var(--spacing-02);
    --value-04: var(--spacing-04);
    --value-08: var(--spacing-08);
    --value-16: var(--spacing-16);
}

/* TYPOGRAPHY */
.displayOne,
.displayTwo,
.display1,
.display2,
h1,
h2,
h3,
h4,
p,
.small,
.slds-tabs_default__nav p,
.field-label,
.field-value,
.field-item lightning-formatted-date-time,
.caption,
.overline,
.displayOne[class*='slds-text-'],
.displayTwo[class*='slds-text-'],
h1[class*='slds-text-'],
h2[class*='slds-text-'],
h3[class*='slds-text-'],
h4[class*='slds-text-'],
p[class*='slds-text-'],
.small[class*='slds-text-'],
.caption[class*='slds-text-'],
.overline[class*='slds-text-'] {
    --type-size: var(--typescale);
    --type-line-height: var(--type-line-height-base);
    --type-spacing: var(--type-spacing-base);
    --type-weight: var(--type-weight-regular);
    --type-text-transform: var(--type-text-transform-unset);

    font-size: var(--type-size);
    line-height: var(--type-line-height);
    font-weight: var(--type-weight);
    text-transform: var(--type-text-transform);
    letter-spacing: var(--type-spacing);
}

.display1,
.displayOne,
.display1[class*='slds-text-'],
.displayOne[class*='slds-text-'] {
    --type-size: var(--type-displayOne-size);
    --type-line-height: var(--type-displayOne-line-height);
    --type-spacing: var(--type-displayOne-spacing);
    --type-weight: var(--type-weight-light);
}
.display2,
.displayTwo,
.display2[class*='slds-text-'],
.displayTwo[class*='slds-text-'] {
    --type-size: var(--type-displayTwo-size);
    --type-line-height: var(--type-displayTwo-line-height);
    --type-spacing: var(--type-displayTwo-spacing);
    --type-weight: var(--type-weight-light);
}
h1,
h1[class*='slds-text-'],
.h1 {
    --type-size: var(--type-h1-size);
    --type-line-height: var(--type-h1-line-height);
    --type-spacing: var(--type-h1-spacing);
}
h2,
h2[class*='slds-text-'],
.h2 {
    --type-size: var(--type-h2-size);
    --type-line-height: var(--type-h2-line-height);
    --type-spacing: var(--type-h2-spacing);
    --dxp-s-text-heading-small-font-size: var(--type-size);
    --dxp-s-text-heading-small-letter-spacing: var(--type-spacing);
    --dxp-s-text-heading-small-line-height: var(--type-line-height);
    --dxp-s-text-heading-small-color: var(--ink);
    --dxp-s-text-heading-small-font-weight: var(--type-weight-normal);
}
h3,
h3[class*='slds-text-'],
.h3 {
    --type-size: var(--type-h3-size);
    --type-line-height: var(--type-h3-line-height);
    --type-spacing: var(--type-h3-spacing);
    --type-weight: var(--type-weight-medium);
}
h4,
h4[class*='slds-text-'],
.h4 {
    --type-size: var(--type-h4-size);
    --type-line-height: var(--type-h4-line-height);
    --type-spacing: var(--type-h4-spacing);
    --type-weight: var(--type-weight-medium);
}
p,
p[class*='slds-text-'] {
    --type-size: var(--type-p-size);
    --type-line-height: var(--type-p-line-height);
    --type-spacing: var(--type-p-spacing);
}
.slds-tabs_default__nav p,
.small,
.small p,
.small[class*='slds-text-'],
.field-value,
.field-value p,
.field-item lightning-formatted-date-time {
    --type-size: var(--type-small-size);
    --type-line-height: var(--type-small-line-height);
    --type-spacing: var(--type-small-spacing);
    --dxp-c-input-text-font-size: var(--type-small-size);
}
p.caption,
.caption,
.caption[class*='slds-text-'],
.field-label {
    --type-size: var(--type-caption-size);
    --type-line-height: var(--type-caption-line-height);
    --type-spacing: var(--type-caption-spacing);
}
.overline,
.overline[class*='slds-text-'] {
    --type-size: var(--type-overline-size);
    --type-line-height: var(--type-overline-line-height);
    --type-spacing: var(--type-overline-spacing);
    --type-weight: var(--type-weight-medium);
    --type-text-transform: var(--type-text-transform-uppercase);
}

.type-weight-light {
    font-weight: var(--type-weight-light);
}
.type-weight-regular {
    font-weight: var(--type-weight-regular);
}
.type-weight-medium {
    font-weight: var(--type-weight-medium);
}
.type-weight-bold {
    font-weight: var(--type-weight-bold);
}

.text-transform-capitalize {
    text-transform: var(--type-text-transform-capitalize);
}
.text-transform-lowercase {
    text-transform: var(--type-text-transform-lowercase);
}
.text-transform-uppercase {
    text-transform: var(--type-text-transform-uppercase);
}
.text-transform-none {
    text-transform: var(--type-text-transform-none);
}
.text-transform-unset {
    text-transform: var(--type-text-transform-unset);
}

.field-label {
    color: var(--field-label-color, var(--ink-lighter));
}

.gray-pill {
    padding: 0.0625rem 0.25rem;
    border: 1px solid var(--gray-lighter);
    color: var(--ink-lightest);
}

/* TABLE */
:root {
    --table-cell-spacing-block: calc(var(--spacing-16) + var(--spacing-02));
    --table-cell-spacing-inline: var(--spacing-16);
    --table-header-fixed-height: var(--spacing-48);

    --table-border-width: 0;
    --table-border-style: solid;
    --table-border-color: var(--gray-lighter);
    --table-border-radius: var(--spacing-04);
    --table-hover-border-color: var(--blue-20);
    --table-hover-bg-color: var(--blue-10);
    --table-th-action-bg-color-hover: var(--gray-lighter);
    --table-thead-bg-color: var(--white);
    --table-header-fixed-container-background-color: var(--gray-lightest);
}

.slds-table,
table {
    font-size: var(--table-font-size, calc(var(--typescale) * 0.875));
    font-weight: var(--table-font-weight, var(--type-weight-regular));
    line-height: var(--table-line-height, calc(var(--typescale) * 0.875));
    background-color: var(--table-background-color, var(--white, var(--slds-g-color-neutral-base-100, #fff)));

    border-width: var(--table-border-width-top, var(--table-border-width, 0)) var(--table-border-width-right, var(--table-border-width, 0))
        var(--table-border-width-bottom, var(--table-border-width, 0)) var(--table-border-width-left, var(--table-border-width, 0));

    border-style: var(--table-border-style-top, var(--table-border-style, solid)) var(--table-border-style-right, var(--table-border-style, solid))
        var(--table-border-style-bottom, var(--table-border-style, solid)) var(--table-border-style-left, var(--table-border-style, solid));

    border-color: var(--table-border-color-top, var(--table-border-color, var(--gray-lighter)))
        var(--table-border-color-right, var(--table-border-color, var(--gray-lighter)))
        var(--table-border-color-bottom, var(--table-border-color, var(--gray-lighter)))
        var(--table-border-color-left, var(--table-border-color, var(--gray-lighter)));
}

.slds-table_cell-buffer {
    &.slds-table_bordered {
        border-top: 1px solid var(--gray-lighter);
        border-bottom: 1px solid var(--gray-lighter);
    }

    & thead th {
        padding: 1rem;
    }
}

.gray-header {
    --table-header-fixed-container-background-color: var(--gray-lightest);
    --table-thead-bg-color: var(--gray-lightest);
    --dxp-c-link-color-background: var(--gray-lightest);
    --dxp-c-link-text-color: var(--ink-base);

    & .slds-table_header-fixed_container {
        background: var(--table-header-fixed-container-background-color, var(--slds-g-color-neutral-base-95, #f3f3f3));
    }
    & .slds-scrollable_y {
        background: var(--white);
        min-width: 100%;
    }
}
.dt-outer-container {
    & .slds-table_header-fixed_container {
        --_slds-c-datatable-sizing-height-header: var(--table-header-fixed-height);
    }
}

.slds-resizable__divider {
    --table-resizable-divider: var(--gray-lightest);

    &:before {
        background-color: var(--custom-table-resizable-divider, var(--table-resizable-divider, var(--slds-g-color-neutral-base-70, #aeaeae)));
    }
}
/* sf datatable */
.slds-table td,
.slds-table th {
    padding-top: var(--table-th-action-spacing-block-start, var(--table-cell-spacing-block-start, var(--table-cell-spacing-block, 0)));
    padding-right: var(--table-th-action-spacing-inline-end, var(--table-cell-spacing-inline-end, var(--table-cell-spacing-inline, 0)));
    padding-bottom: var(--table-th-action-spacing-block-end, var(--table-cell-spacing-block-end, var(--table-cell-spacing-block, 0)));
    padding-left: var(--table-th-action-spacing-inline-start, var(--table-cell-spacing-inline-start, var(--table-cell-spacing-inline, 0)));
    font-size: var(--custom-table-cell-font-size);
    font-weight: var(--custom-table-cell-font-weight);
    line-height: var(--custom-table-cell-line-height);
    vertical-align: var(--custom-table-cell-vertical-align);
}
.slds-table thead th {
    background-color: var(--table-thead-bg-color, var(--slds-g-color-neutral-base-95, #f3f3f3));
}
.slds-cell-fixed {
    background-color: var(--table-cellfixed-bg-color, var(--table-thead-bg-color, var(--slds-g-color-neutral-base-95, #f3f3f3)));
}

.slds-th__action {
    font-weight: var(--table-th-action-font-weight, var(--type-weight-medium, 500));
    height: var(--table-header-fixed-height);
    text-decoration: var(--table-th-action-text-decoration, var(--text-decoration-none));
}
.slds-is-sortable .slds-th__action:focus,
.slds-is-sortable .slds-th__action:hover,
.slds-is-sortable.slds-has-focus .slds-th__action,
.slds-is-sortable.slds-has-focus .slds-th__action:focus,
.slds-is-sortable.slds-has-focus .slds-th__action:hover {
    background-color: var(--table-th-action-bg-color-hover, var(--slds-g-color-neutral-base-100, #fff));
}

.slds-table_header-fixed_container {
    border-width: var(--custom-table-container-border-width-top, var(--table-container-border-width-top, var(--table-container-border-width, 1px)))
        var(--custom-table-container-border-width-right, var(--table-container-border-width-right, var(--table-container-border-width, 1px)))
        var(--custom-table-container-border-width-bottom, var(--table-container-border-width-bottom, var(--table-container-border-width, 1px)))
        var(--custom-table-container-border-width-left, var(--table-container-border-width-left, var(--table-container-border-width, 1px)));
    border-style: solid;
    border-color: var(
            --custom-table-container-border-color-top,
            var(--table-container-border-color-top, var(--table-container-border-color, var(--gray-lighter)))
        )
        var(--custom-table-container-border-color-right, var(--table-container-border-color-right, var(--table-container-border-color, var(--gray-lighter))))
        var(--custom-table-container-border-color-bottom, var(--table-container-border-color-bottom, var(--table-container-border-color, var(--gray-lighter))))
        var(--custom-table-container-border-color-left, var(--table-container-border-color-left, var(--table-container-border-color, var(--gray-lighter))));

    padding-top: var(--table-header-fixed-height);
    border-radius: var(--table-border-radius-top-left, var(--table-border-radius, 0)) var(--table-border-radius-top-right, var(--table-border-radius, 0))
        var(--table-border-radius-bottom-right, var(--table-border-radius, 0)) var(--table-border-radius-bottom-left, var(--table-border-radius, 0));
    background: var(--table-header-fixed-container-background-color, var(--slds-g-color-neutral-base-95, #f3f3f3));
}

.slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus > td:not(.slds-has-focus),
.slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus > th:not(.slds-has-focus),
.slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-has-focus),
.slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-has-focus),
.slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > td:not(.slds-has-focus),
.slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > th:not(.slds-has-focus),
.slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-has-focus),
.slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-has-focus) {
    box-shadow:
        var(--table-hover-border-color, var(--slds-g-color-border-base-1, #e5e5e5)) 0 -1px 0 inset,
        var(--table-hover-border-color, var(--slds-g-color-border-base-1, #e5e5e5)) 0 1px 0 inset;
}
.slds-table:not(.slds-no-row-hover) tbody tr:focus > td,
.slds-table:not(.slds-no-row-hover) tbody tr:focus > th,
.slds-table:not(.slds-no-row-hover) tbody tr:hover > td,
.slds-table:not(.slds-no-row-hover) tbody tr:hover > th {
    background-color: var(--table-hover-bg-color, var(--slds-g-color-neutral-base-95, #f3f3f3));
}

/* TABLE */
/* TABS */
:root {
    --sds-c-tabs-item-color-border-active: var(--purple-50);
    --sds-c-tabs-item-color-border-hover: var(--purple-50);
}

.se-custom-tabset {
    --sds-c-tabs-list-color-border: var(--gray-lighter);
}
.se-custom-tabset .dxp-tab-bar-tab-styles.dxp-tab-bar-tab-horizontal {
    padding-bottom: calc(var(--dxp-c-tab-padding) + var(--dxp-c-active-tab-border-weight));

    &:active,
    &:focus,
    &:focus-visible {
        outline: none;
    }
}

.se-custom-tabset .dxp-tab-bar-hover-tab-horizontal.dxp-tab-bar-visible-tab-hover[data-active='false']:hover {
    padding-bottom: calc(var(--dxp-c-tab-padding) + var(--dxp-c-hover-tab-border-weight));
}

.se-custom-tabset .dxp-tab-bar-hover-tab-horizontal + .dxp-tab-bar-hover-tab-horizontal {
    margin-left: 1.5rem;
}

/* OVERWRITE ADMINSTYLES.CSS - FOUND IN sourcingRequestSharing AND modal */
.slds-tabs_default__nav {
    --slds-c-tabs-list-color-border: var(--gray-lighter);
}
.slds-tabs_default__item.slds-is-active {
    --slds-c-tabs-item-text-color: var(--ink);
}
.slds-tabs--default__item.slds-active .slds-tabs--default__link,
.slds-tabs--default__item.slds-active .slds-tabs_default__link,
.slds-tabs--default__item.slds-is-active .slds-tabs--default__link,
.slds-tabs--default__item.slds-is-active .slds-tabs_default__link,
.slds-tabs_default__item.slds-active .slds-tabs--default__link,
.slds-tabs_default__item.slds-active .slds-tabs_default__link,
.slds-tabs_default__item.slds-is-active .slds-tabs--default__link,
.slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
    font-weight: 400;
}
a.slds-tabs_default__link {
    --dxp-c-link-text-color: var(--ink-lightest);
    --dxp-c-link-text-decoration: var(--text-decoration-none);
    --dxp-s-link-text-decoration-hover: var(--text-decoration-none);
    --dxp-s-link-text-decoration-focus: var(--text-decoration-none);

    --dxp-c-link-text-color-hover: var(--ink-light);
    --dxp-c-link-text-color-active: var(--ink);
    --dxp-c-link-text-color-focus: var(--ink);
}
.slds-tabs_default__item.slds-is-active a.slds-tabs_default__link {
    --dxp-c-link-text-color: var(--ink);
    --dxp-c-link-text-decoration: var(--text-decoration-none);
    --dxp-s-link-text-decoration-hover: var(--text-decoration-none);
    --dxp-s-link-text-decoration-focus: var(--text-decoration-none);

    --dxp-c-link-text-color-hover: var(--ink);
    --dxp-c-link-text-color-active: var(--ink);
    --dxp-c-link-text-color-focus: var(--ink);
}
.slds-tabs_default__item.slds-is-active:hover:after {
    height: calc(var(--slds-c-tabs-list-sizing-border, var(--sds-c-tabs-list-sizing-border, 1px)) + 2px);
}
.slds-vertical-tabs {
    border: var(--vertical-tabs-border-width, 1px) var(--vertical-tabs-border-style, solid)
        var(--vertical-tabs-border-color, var(--slds-g-color-border-base-1, #e5e5e5));
    border-radius: 0.25rem;
}
.slds-vertical-tabs__nav {
    border-right: var(--vertical-tabs__nav-border-width, 1px) var(--vertical-tabs__nav-border-style, solid)
        var(--vertical-tabs__nav-border-color, var(--slds-g-color-border-base-1, #e5e5e5));
    background: var(--vertical-tabs__nav-background-color, var(--slds-g-color-neutral-base-95, #f3f3f3));
    height: var(--vertical-tabs-height, auto);
}
.slds-vertical-tabs__nav-item {
    border-bottom: var(--vertical-tabs__nav-item-border-width, 1px) var(--vertical-tabs__nav-item-border-style, solid)
        var(--vertical-tabs__nav-item-border-color, var(--slds-g-color-border-base-1, #e5e5e5));

    &.slds-is-active {
        background: var(--vertical-tabs__nav-item-background-color, var(--slds-g-color-neutral-base-100, #fff));
    }
}

/* TABS */
/* COLOR */
.gray-lightest {
    color: var(--gray-lightest);
}
.gray-lighter {
    color: var(--gray-lighter);
}
.gray-light {
    color: var(--gray-light);
}
.gray {
    color: var(--gray);
}
.white {
    color: var(--white);
}
.ink-white {
    color: var(--ink-white);
}
.ink-lightest {
    color: var(--ink-lightest);
}
.ink-lighter {
    color: var(--ink-lighter);
}
.ink-light {
    color: var(--ink-light);
}
.ink-base {
    color: var(--ink-base);
}
.ink {
    color: var(--ink);
}
.blue-10 {
    color: var(--blue-10);
}
.blue-20 {
    color: var(--blue-20);
}
.blue-30 {
    color: var(--blue-30);
}
.blue-40 {
    color: var(--blue-40);
}
.blue-50 {
    color: var(--blue-50);
}
.blue-60 {
    color: var(--blue-60);
}
.blue-70 {
    color: var(--blue-70);
}
.blue-80 {
    color: var(--blue-80);
}
.blue-90 {
    color: var(--blue-90);
}
.blue-100 {
    color: var(--blue-100);
}
.purple-10 {
    color: var(--purple-10);
}
.purple-20 {
    color: var(--purple-20);
}
.purple-30 {
    color: var(--purple-30);
}
.purple-40 {
    color: var(--purple-40);
}
.purple-50 {
    color: var(--purple-50);
}
.purple-60 {
    color: var(--purple-60);
}
.purple-70 {
    color: var(--purple-70);
}
.purple-80 {
    color: var(--purple-80);
}
.purple-90 {
    color: var(--purple-90);
}
.purple-100 {
    color: var(--purple-100);
}
.green-10 {
    color: var(--green-10);
}
.green-20 {
    color: var(--green-20);
}
.green-30 {
    color: var(--green-30);
}
.green-40 {
    color: var(--green-40);
}
.green-50 {
    color: var(--green-50);
}
.green-60 {
    color: var(--green-60);
}
.green-70 {
    color: var(--green-70);
}
.green-80 {
    color: var(--green-80);
}
.green-90 {
    color: var(--green-90);
}
.green-100 {
    color: var(--green-100);
}
.yellow-10 {
    color: var(--yellow-10);
}
.yellow-20 {
    color: var(--yellow-20);
}
.yellow-30 {
    color: var(--yellow-30);
}
.yellow-40 {
    color: var(--yellow-40);
}
.yellow-50 {
    color: var(--yellow-50);
}
.yellow-60 {
    color: var(--yellow-60);
}
.yellow-70 {
    color: var(--yellow-70);
}
.yellow-80 {
    color: var(--yellow-80);
}
.yellow-90 {
    color: var(--yellow-90);
}
.yellow-100 {
    color: var(--yellow-100);
}
.red-10 {
    color: var(--red-10);
}
.red-20 {
    color: var(--red-20);
}
.red-30 {
    color: var(--red-30);
}
.red-40 {
    color: var(--red-40);
}
.red-50 {
    color: var(--red-50);
}
.red-60 {
    color: var(--red-60);
}
.red-70 {
    color: var(--red-70);
}
.red-80 {
    color: var(--red-80);
}
.red-90 {
    color: var(--red-90);
}
.red-100 {
    color: var(--red-100);
}

/* Background Color */
.bg-gray-lightest {
    background-color: var(--gray-lightest);
}
.bg-gray-lighter {
    background-color: var(--gray-lighter);
}
.bg-gray-light {
    background-color: var(--gray-light);
}
.bg-gray {
    background-color: var(--gray);
}
.bg-white {
    background-color: var(--white);
}
.bg-ink-white {
    background-color: var(--ink-white);
}
.bg-ink-lightest {
    background-color: var(--ink-lightest);
}
.bg-ink-lighter {
    background-color: var(--ink-lighter);
}
.bg-ink-light {
    background-color: var(--ink-light);
}
.bg-ink-base {
    background-color: var(--ink-base);
}
.bg-ink {
    background-color: var(--ink);
}
.bg-blue-10 {
    background-color: var(--blue-10);
}
.bg-blue-20 {
    background-color: var(--blue-20);
}
.bg-blue-30 {
    background-color: var(--blue-30);
}
.bg-blue-40 {
    background-color: var(--blue-40);
}
.bg-blue-50 {
    background-color: var(--blue-50);
}
.bg-blue-60 {
    background-color: var(--blue-60);
}
.bg-blue-70 {
    background-color: var(--blue-70);
}
.bg-blue-80 {
    background-color: var(--blue-80);
}
.bg-blue-90 {
    background-color: var(--blue-90);
}
.bg-blue-100 {
    background-color: var(--blue-100);
}
.bg-purple-10 {
    background-color: var(--purple-10);
}
.bg-purple-20 {
    background-color: var(--purple-20);
}
.bg-purple-30 {
    background-color: var(--purple-30);
}
.bg-purple-40 {
    background-color: var(--purple-40);
}
.bg-purple-50 {
    background-color: var(--purple-50);
}
.bg-purple-60 {
    background-color: var(--purple-60);
}
.bg-purple-70 {
    background-color: var(--purple-70);
}
.bg-purple-80 {
    background-color: var(--purple-80);
}
.bg-purple-90 {
    background-color: var(--purple-90);
}
.bg-purple-100 {
    background-color: var(--purple-100);
}
.bg-green-10 {
    background-color: var(--green-10);
}
.bg-green-20 {
    background-color: var(--green-20);
}
.bg-green-30 {
    background-color: var(--green-30);
}
.bg-green-40 {
    background-color: var(--green-40);
}
.bg-green-50 {
    background-color: var(--green-50);
}
.bg-green-60 {
    background-color: var(--green-60);
}
.bg-green-70 {
    background-color: var(--green-70);
}
.bg-green-80 {
    background-color: var(--green-80);
}
.bg-green-90 {
    background-color: var(--green-90);
}
.bg-green-100 {
    background-color: var(--green-100);
}
.bg-yellow-10 {
    background-color: var(--yellow-10);
}
.bg-yellow-20 {
    background-color: var(--yellow-20);
}
.bg-yellow-30 {
    background-color: var(--yellow-30);
}
.bg-yellow-40 {
    background-color: var(--yellow-40);
}
.bg-yellow-50 {
    background-color: var(--yellow-50);
}
.bg-yellow-60 {
    background-color: var(--yellow-60);
}
.bg-yellow-70 {
    background-color: var(--yellow-70);
}
.bg-yellow-80 {
    background-color: var(--yellow-80);
}
.bg-yellow-90 {
    background-color: var(--yellow-90);
}
.bg-yellow-100 {
    background-color: var(--yellow-100);
}
.bg-red-10 {
    background-color: var(--red-10);
}
.bg-red-20 {
    background-color: var(--red-20);
}
.bg-red-30 {
    background-color: var(--red-30);
}
.bg-red-40 {
    background-color: var(--red-40);
}
.bg-red-50 {
    background-color: var(--red-50);
}
.bg-red-60 {
    background-color: var(--red-60);
}
.bg-red-70 {
    background-color: var(--red-70);
}
.bg-red-80 {
    background-color: var(--red-80);
}
.bg-red-90 {
    background-color: var(--red-90);
}
.bg-red-100 {
    background-color: var(--red-100);
}

.input-bg-gray-lightest .slds-input {
    --sds-c-input-text-color: var(--ink);
    --border-color: var(--input-color-background);
    --input-color-background: var(--gray-lightest);
}
.input-bg-gray-lighter .slds-input {
    --sds-c-input-text-color: var(--ink);
    --border-color: var(--input-color-background);
    --input-color-background: var(--gray-lighter);
}
.input-bg-gray-light .slds-input {
    --sds-c-input-text-color: var(--ink);
    --border-color: var(--input-color-background);
    --input-color-background: var(--gray-light);
}
.input-bg-gray .slds-input {
    --sds-c-input-text-color: var(--ink);
    --border-color: var(--input-color-background);
    --input-color-background: var(--gray);
}
.input-bg-ink-lightest .slds-input {
    --sds-c-input-text-color: var(--ink);
    --border-color: var(--input-color-background);
    --input-color-background: var(--ink-lightest);
}
.input-bg-ink-lighter .slds-input {
    --sds-c-input-text-color: var(--ink);
    --border-color: var(--input-color-background);
    --input-color-background: var(--ink-lighter);
}
.input-bg-ink-light .slds-input {
    --sds-c-input-text-color: var(--ink);
    --border-color: var(--input-color-background);
    --input-color-background: var(--ink-light);
}
.input-bg-ink-base .slds-input {
    --sds-c-input-text-color: var(--ink);
    --border-color: var(--input-color-background);
    --input-color-background: var(--ink-base);
}
.input-bg-blue-10 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-10);
}
.input-bg-blue-20 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-20);
}
.input-bg-blue-30 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-30);
}
.input-bg-blue-40 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-40);
}
.input-bg-blue-50 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-50);
}
.input-bg-blue-60 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-60);
}
.input-bg-blue-70 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-70);
}
.input-bg-blue-80 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-80);
}
.input-bg-blue-90 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-90);
}
.input-bg-blue-100 .slds-input {
    --sds-c-input-text-color: var(--blue-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--blue-100);
}
.input-bg-purple-10 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-10);
}
.input-bg-purple-20 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-20);
}
.input-bg-purple-30 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-30);
}
.input-bg-purple-40 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-40);
}
.input-bg-purple-50 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-50);
}
.input-bg-purple-60 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-60);
}
.input-bg-purple-70 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-70);
}
.input-bg-purple-80 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-80);
}
.input-bg-purple-90 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-90);
}
.input-bg-purple-100 .slds-input {
    --sds-c-input-text-color: var(--purple-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--purple-100);
}
.input-bg-green-10 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-10);
}
.input-bg-green-20 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-20);
}
.input-bg-green-30 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-30);
}
.input-bg-green-40 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-40);
}
.input-bg-green-50 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-50);
}
.input-bg-green-60 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-60);
}
.input-bg-green-70 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-70);
}
.input-bg-green-80 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-80);
}
.input-bg-green-90 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-90);
}
.input-bg-green-100 .slds-input {
    --sds-c-input-text-color: var(--green-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--green-100);
}
.input-bg-yellow-10 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-10);
}
.input-bg-yellow-20 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-20);
}
.input-bg-yellow-30 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-30);
}
.input-bg-yellow-40 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-40);
}
.input-bg-yellow-50 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-50);
}
.input-bg-yellow-60 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-60);
}
.input-bg-yellow-70 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-70);
}
.input-bg-yellow-80 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-80);
}
.input-bg-yellow-90 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-90);
}
.input-bg-yellow-100 .slds-input {
    --sds-c-input-text-color: var(--yellow-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--yellow-100);
}
.input-bg-red-10 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-10);
}
.input-bg-red-20 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-20);
}
.input-bg-red-30 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-30);
}
.input-bg-red-40 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-40);
}
.input-bg-red-50 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-50);
}
.input-bg-red-60 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-60);
}
.input-bg-red-70 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-70);
}
.input-bg-red-80 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-80);
}
.input-bg-red-90 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-90);
}
.input-bg-red-100 .slds-input {
    --sds-c-input-text-color: var(--red-100);
    --border-color: var(--input-color-background);
    --input-color-background: var(--red-100);
}

/* button  */
/* SLDS Button reset */
:root {
    --sds-c-button-shadow-focus: none;

    /* Neutral */
    --sds-c-button-neutral-color-background: var(--gray-lightest);
    --sds-c-button-neutral-color-border: var(--gray-lightest);
    --sds-c-button-neutral-color-background-hover: var(--gray-lighter);
    --sds-c-button-neutral-color-border-hover: var(--gray-lighter);
    --sds-c-button-neutral-color-background-active: var(--gray-light);
    --sds-c-button-neutral-color-border-active: var(--gray-light);

    /* Brand */
    /* Brand Outline */
    --sds-c-button-outline-brand-color-background: var(--blue-10);
    --sds-c-button-outline-brand-color-border: var(--blue-10);
    --sds-c-button-outline-brand-color-background-hover: var(--blue-20);
    --sds-c-button-outline-brand-color-border-hover: var(--blue-20);
    --sds-c-button-outline-brand-color-background-active: var(--blue-20);
    --sds-c-button-outline-brand-color-border-active: var(--blue-20);
    /* Destructive */
    /* Destructive Text */
    /* Success */
    /* inverse */
    --sds-c-button-inverse-text-color: var(--white);

    --icon-border-filled-text-color: var(--blue-60);
    --icon-border-filled-background-color: var(--blue-10);
    --icon-border-filled-border-color: var(--blue-10);

    --listbox-option-box-shadow-1-hover: none;
    --listbox-option-box-shadow-2-hover: none;
}
/* button border color when tr hover state turns blue */
tr:hover {
    --custom-icon-border-filled-border-color-hover: var(--blue-20);
}

.slds-button {
    /* dxp forces a button left and right padding that isn't available to customize on a per use basis. extend slds to allow for it */
    font-weight: var(--button-font-weight, var(--dxp-s-button-font-weight));

    border-radius: var(
            --custom-button-radius-border-top-left,
            var(--button-radius-border-top-left, var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, 0.25rem)))
        )
        var(
            --custom-button-radius-border-top-right,
            var(--button-radius-border-top-right, var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, 0.25rem)))
        )
        var(
            --custom-button-radius-border-bottom-right,
            var(--button-radius-border-bottom-right, var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, 0.25rem)))
        )
        var(
            --custom-button-radius-border-bottom-left,
            var(--button-radius-border-bottom-left, var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, 0.25rem)))
        );

    width: var(--button-width, initial);

    white-space: var(--button-white-space, normal);

    --sds-c-button-brand-spacing-inline-start: var(
        --button-brand-spacing-inline-start,
        var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-start, 1em))
    );
    --sds-c-button-brand-spacing-inline-end: var(--button-brand-spacing-inline-end, var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-end, 1em)));
    --sds-c-button-outline-brand-spacing-inline-start: var(
        --button-outline-brand-spacing-inline-start,
        var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-start, 1em))
    );
    --sds-c-button-outline-brand-spacing-inline-end: var(
        --button-outline-brand-spacing-inline-end,
        var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-end, 1em))
    );
    --sds-c-button-destructive-spacing-inline-start: var(
        --button-destructive-spacing-inline-start,
        var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-start, 1em))
    );
    --sds-c-button-destructive-spacing-inline-end: var(
        --button-destructive-spacing-inline-end,
        var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-end, 1em))
    );
    --sds-c-button-text-destructive-spacing-inline-start: var(
        --button-text-destructive-spacing-inline-start,
        var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-start, 1em))
    );
    --sds-c-button-text-destructive-spacing-inline-end: var(
        --button-text-destructive-spacing-inline-end,
        var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-end, 1em))
    );
    --sds-c-button-success-spacing-inline-start: var(
        --button-success-spacing-inline-start,
        var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-start, 1em))
    );
    --sds-c-button-success-spacing-inline-end: var(
        --button-success-spacing-inline-end,
        var(--dxp-s-button-padding, var(--dxp-s-button-padding-inline-end, 1em))
    );
    --sds-c-button-spacing-block-start: var(--button-spacing-block-start, var(--dxp-s-button-padding-block-start, 0));
    --sds-c-button-spacing-block-end: var(--button-spacing-block-end, var(--dxp-s-button-padding-block-end, 0));

    line-height: var(--custom-button-line-height, var(--button-line-height, var(--dxp-s-button-line-height)));

    &.icon-left c-display-icon {
        margin-right: 0.25rem;
    }
    &.icon-right c-display-icon {
        margin-left: 0.25rem;
    }
    &.slds-button--icon-border.slds-is-selected .slds-button__icon,
    &.slds-button--icon-container.slds-is-selected .slds-button__icon,
    &.slds-button_icon-border-filled.slds-is-selected .slds-button__icon,
    &.slds-button_icon-border-inverse.slds-is-selected .slds-button__icon,
    &.slds-button_icon-border.slds-is-selected .slds-button__icon,
    &.slds-button_icon-container.slds-is-selected .slds-button__icon {
        fill: var(--rich-text-editor-fill, var(--slds-g-color-neutral-base-100, #fff));
        --rich-text-editor-fill: transparent;
    }
    .rounded & {
        --sds-c-button-radius-border: var(--dxp-s-button-line-height);
        --dxp-s-button-padding: 1rem;
    }
    &.slds-button_icon-bare {
        --sds-c-button-spacing-inline-start: 0;
        --sds-c-button-spacing-inline-end: 0;
    }
}

.slds-button--neutral,
.slds-button_neutral {
    --slds-c-button-spacing-inline-start: var(
        --button-neutral-spacing-inline-start,
        var(--slds-c-button-neutral-spacing-inline-start, var(--sds-c-button-neutral-spacing-inline-start, 1rem))
    );
    --slds-c-button-spacing-inline-end: var(
        --button-neutral-spacing-inline-end,
        var(--slds-c-button-neutral-spacing-inline-end, var(--sds-c-button-neutral-spacing-inline-end, 1rem))
    );
}

lightning-button-stateful[variant='text'] {
    --slds-c-button-color-background-hover: transparent;
}
.slds-button:hover,
lightning-button::part(button):hover {
    background-color: var(
        --icon-border-filled-background-color-hover,
        var(--slds-c-button-color-background, var(--sds-c-button-color-background, var(--dxp-s-tertiary-button-color-hover, rgba(0, 0, 0, 0))))
    );
    border-color: var(
        --icon-border-filled-border-color-hover,
        var(--slds-c-button-color-border, var(--sds-c-button-color-border, var(--dxp-s-tertiary-button-border-color-hover, rgba(0, 0, 0, 0))))
    );
    color: var(
        --icon-border-filled-text-color-hover,
        var(--sds-c-button-text-color-hover, var(--dxp-s-tertiary-button-text-color-hover, var(--dxp-g-brand-1, #014486)))
    );
}

.slds-button_brand {
    &:hover {
        --sds-c-button-brand-text-color-hover: var(--ink-white);
        --sds-c-button-text-color-hover: var(--ink-white);
    }
}

.slds-button--icon-border.slds-is-selected,
.slds-button--icon-container.slds-is-selected,
.slds-button_icon-border-filled.slds-is-selected,
.slds-button_icon-border-inverse.slds-is-selected,
.slds-button_icon-border.slds-is-selected,
.slds-button_icon-container.slds-is-selected {
    color: var(
        --custom-icon-border-filled-text-color-hover,
        var(--custom-icon-border-filled-text-color, var(--icon-border-filled-text-color-hover, var(--icon-border-filled-text-color, var(--dxp-g-neutral-3))))
    );
    border-color: var(
        --custom-icon-border-filled-border-color-hover,
        var(
            --custom-icon-border-filled-border-color,
            var(--icon-border-filled-border-color-hover, var(--icon-border-filled-border-color, var(--gray-lightest)))
        )
    );
    background-color: var(
        --custom-icon-border-filled-background-color-hover,
        var(
            --custom-icon-border-filled-background-color,
            var(--icon-border-filled-background-color-hover, var(--icon-border-filled-background-color, var(--gray-lightest)))
        )
    );
    --icon-border-filled-background-color: var(--grey-light);
}

[variant='neutral'],
.slds-button_neutral {
    --sds-c-button-text-color: var(--button-neutral-text-color, var(--blue-60));
    --sds-c-button-text-color-hover: var(--button-neutral-text-color-hover, var(--ink));
}

.slds-button_inverse {
    --sds-c-button-text-color: var(--slds-c-button-inverse-text-color, var(--sds-c-button-inverse-text-color, var(--slds-g-color-neutral-base-100, #f3f3f3)));
}

.slds-button:disabled,
.slds-button[disabled] {
    background-color: var(--disabled-button-background-color, transparent);
    border-color: var(--disabled-button-border-color, transparent);
    color: var(--disabled-button-text-color, var(--slds-g-color-neutral-base-80, #c9c9c9));

    &.slds-button_brand {
        --disabled-button-background-color: var(--custom-disabled-button-background-color, var(--blue-20));
        --disabled-button-border-color: var(--custom-disabled-button-border-color, var(--blue-20));
        --disabled-button-text-color: var(--custom-disabled-button-text-color, var(--white));
    }
    &.slds-button_outline-brand {
        --disabled-button-background-color: var(--custom-disabled-button-background-color, var(--gray-lightest));
        --disabled-button-border-color: var(--custom-disabled-button-border-color, var(--gray-lightest));
        --disabled-button-text-color: var(--custom-disabled-button-text-color, var(--ink-lightest));
    }
}

.gray-button {
    --slds-c-button-text-color: var(--gray);
    --icon-border-filled-background-color: var(--gray-lightest);
    --icon-border-filled-border-color: var(--gray-lightest);

    & .slds-button:hover {
        --sds-c-button-text-color-hover: var(--ink-lightest);
        --sds-c-button-color-background: var(--gray-lighter);
        --sds-c-button-color-border: var(--gray-lighter);
    }
}

.slds-button_icon-border,
.slds-button_icon-border-filled {
    color: var(--custom-icon-border-filled-text-color, var(--icon-border-filled-text-color, var(--dxp-g-neutral-3)));
    border-color: var(--custom-icon-border-filled-border-color, var(--icon-border-filled-border-color, var(--gray-lightest)));
    background-color: var(--custom-icon-border-filled-background-color, var(--icon-border-filled-background-color, var(--gray-lightest)));

    &:hover {
        --icon-border-filled-text-color: var(--custom-icon-border-filled-text-color-hover, var(--blue-80));
        --icon-border-filled-border-color: var(--custom-icon-border-filled-border-color-hover, var(--blue-20));
        --icon-border-filled-background-color: var(--custom-icon-border-filled-background-color-hover, var(--blue-20));
    }
}

.slds-button.slds-button_icon {
    &.slds-button_icon-border-filled {
        color: var(--border-filled-text-color, var(--dxp-s-button-color, var(--dxp-g-neutral-3)));
        background-color: var(--border-filled-color-background, var(--gray-lightest, var(--dxp-g-neutral-3)));
        border-color: var(--border-filled-color-border, var(--gray-lightest, var(--dxp-g-neutral-1)));

        &:hover {
            background-color: var(--border-filled-color-background-hover, var(--sds-c-button-neutral-color-background-hover));
            border-color: var(--border-filled-color-border-hover, var(--sds-c-button-neutral-color-border-hover));
        }
    }

    &.slds-button_icon-container {
        --slds-c-button-text-color: var(--gray);
        --sds-c-button-color-background: var(--gray-lightest);
        --slds-c-button-color-background-hover: var(--gray-lighter);
        &:hover {
            color: var(--container-text-color-hover, var(--sds-c-button-text-color-hover, #005fb2));
        }
    }

    &.slds-button_icon-bare {
        &:hover {
            color: var(--bare-text-color-hover, var(--sds-c-button-text-color-hover, #005fb2));
            --slds-c-button-color-background: transparent;
        }
    }

    &.slds-button_icon-border {
        --slds-c-button-text-color: var(--blue-60);
        color: var(--custom-icon-border-filled-text-color, var(--icon-border-filled-text-color, var(--dxp-g-neutral-3)));

        &:hover {
            --icon-border-filled-background-color-hover: var(--blue-20);
            color: var(--icon-border-text-color-hover, var(--sds-c-button-text-color-hover, #005fb2));
        }
    }
}

.slds-button--icon-border,
.slds-button--icon-border-filled,
.slds-button--icon-border-inverse,
.slds-button--icon-container,
.slds-button--icon-container-more,
.slds-button--icon-more,
.slds-button_icon-border,
.slds-button_icon-border-filled,
.slds-button_icon-border-inverse,
.slds-button_icon-brand,
.slds-button_icon-container,
.slds-button_icon-container-more,
.slds-button_icon-more {
    width: var(--button-width, 2rem);
    height: 2rem;
}

.feather-icon {
    & .slds-button_icon-container {
        --dxp-s-button-font-size: 1.125rem;
        --slds-c-icon-color-foreground: transparent;
        --slds-c-button-text-color: var(--blue-60);
    }
}

/* dropdown */
.slds-dropdown {
    padding: var(--dropdown-padding-top, var(--dropdown-padding-block, var(--dropdown-padding, 0.5rem)))
        var(--dropdown-padding-right, var(--dropdown-padding-inline, var(--dropdown-padding, 0)))
        var(--dropdown-padding-bottom, var(--dropdown-padding-block, var(--dropdown-padding, 0.5rem)))
        var(--dropdown-padding-left, var(--dropdown-padding-inline, var(--dropdown-padding, 0)));
}

.slds-dropdown__item > * {
    line-height: 1rem;
}

.slds-dropdown__header {
    font-size: var(--dropdown-header-font-size, 0.875rem);
    font-weight: var(--dropdown-header-font-weight, 700);
    padding: var(--dropdown-header-padding, 0.5rem 0.75rem);
    line-height: var(--dropdown-header-line-height, 1.5rem);
}

/* button group */
.slds-button-group .slds-button,
.slds-button-group-list .slds-button {
    border-radius: var(--button-group-button-border-radius-top-left, var(--button-group-button-border-radius, 0))
        var(--button-group-button-border-radius-top-right, var(--button-group-button-border-radius, 0))
        var(--button-group-button-border-radius-bottom-right, var(--button-group-button-border-radius, 0))
        var(--button-group-button-border-radius-bottom-left, var(--button-group-button-border-radius, 0));
    border-width: var(--button-group-button-border-width-top, var(--button-group-button-border-width, 1px))
        var(--button-group-button-border-width-right, var(--button-group-button-border-width, 1px))
        var(--button-group-button-border-width-bottom, var(--button-group-button-border-width, 1px))
        var(--button-group-button-border-width-left, var(--button-group-button-border-width, 1px));
}
.slds-button-group .slds-button:first-child,
.slds-button-group-list li:first-child .slds-button {
    border-radius: var(--button-group-button-border-radius-top-left, var(--button-group-button-border-radius, 0.25rem))
        var(--button-group-button-border-radius-top-right, var(--button-group-button-border-radius, 0))
        var(--button-group-button-border-radius-bottom-right, var(--button-group-button-border-radius, 0))
        var(--button-group-button-border-radius-bottom-left, var(--button-group-button-border-radius, 0.25rem));
}
.slds-button-group .slds-button.slds-button_last,
.slds-button-group .slds-button:last-child,
.slds-button-group .slds-button_last .slds-button,
.slds-button-group .slds-button_last .slds-button:only-child,
.slds-button-group-list li:last-child .slds-button {
    border-radius: var(--button-group-button-border-radius-top-left, var(--button-group-button-border-radius, 0))
        var(--button-group-button-border-radius-top-right, var(--button-group-button-border-radius, 0.25rem))
        var(--button-group-button-border-radius-bottom-right, var(--button-group-button-border-radius, 0.25rem))
        var(--button-group-button-border-radius-bottom-left, var(--button-group-button-border-radius, 0));
}

.button-rounded {
    --sds-c-input-radius-border: 2rem;
    --sds-c-button-radius-border: 2rem;
}

.input-rounded {
    --sds-c-input-radius-border: 2rem;
}

.button-inline {
    & .slds-form-element,
    & lightning-primitive-input-simple > div,
    lightning-combobox& > div {
        display: flex;
        align-items: center;
    }
}

.slds-input_faux {
    &[data-value='Active'],
    &[data-value='Inactive'] {
        padding-left: 1.75rem;
        position: relative;
        background: var(--gray-lightest);
        --sds-c-input-color-border: var(--gray-lightest);

        &:before {
            content: '';
            height: 8px;
            width: 8px;
            background: var(--input-faux-state-icon-color);
            position: absolute;
            border-radius: 50%;
            left: 1rem;
            top: 50%;
            transform: translateY(-50%);
        }
    }

    &[data-value='Active'] {
        --input-faux-state-icon-color: var(--green-50);
    }

    &[data-value='Inactive'] {
        --input-faux-state-icon-color: var(--gray);
    }
}

/* expanding section button */
.slds-section {
    margin-top: var(--slds-section-margin-top, 0.5rem);
    margin-right: var(--slds-section-margin-right, 0);
    margin-bottom: var(--slds-section-margin-bottom, 0.5rem);
    margin-left: var(--slds-section-margin-left, 0);
}

.slds-section.slds-is-open {
    /* overwrite slds to handle nested blades */
    & .slds-section__content {
        padding-top: unset;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        height: 0;
    }
    & > h3 {
        --sds-c-button-outline-brand-color-border: var(--blue-20);
    }

    & > .slds-section__content {
        padding-top: var(--slds-section__content-padding-top, 0.5rem);
        padding-right: var(--slds-section__content-padding-right, 0);
        padding-bottom: var(--slds-section__content-padding-bottom, 0);
        padding-left: var(--slds-section__content-padding-left, 0);
        overflow: visible;
        visibility: visible;
        opacity: 1;
        height: auto;

        border-width: var(--slds-section-content-border-width-top, var(--slds-section-content-border-width, 0px))
            var(--slds-section-content-border-width-right, var(--slds-section-content-border-width, 0px))
            var(--slds-section-content-border-width-bottom, var(--slds-section-content-border-width, 0px))
            var(--slds-section-content-border-width-left, var(--slds-section-content-border-width, 0px));

        border-color: var(--slds-section-content-border-color-top, var(--slds-section-content-border-color, var(--gray-lighter)))
            var(--slds-section-content-border-color-right, var(--slds-section-content-border-color, var(--gray-lighter)))
            var(--slds-section-content-border-color-bottom, var(--slds-section-content-border-color, var(--gray-lighter)))
            var(--slds-section-content-border-color-left, var(--slds-section-content-border-color, var(--gray-lighter)));

        border-style: var(--slds-section-content-border-style, solid);
    }
}

.slds-section__title-action.slds-button {
    background-color: var(--slds-c-button-color-background, var(--sds-c-button-color-background, transparent));
    color: var(--slds-c-button-text-color, var(--sds-c-button-text-color, currentColor));
    padding-top: var(--slds-c-button-spacing-block-start, var(--sds-c-button-spacing-block-start, 0));
    padding-right: var(--slds-c-button-spacing-inline-end, var(--sds-c-button-spacing-inline-end, 0.5rem));
    padding-bottom: var(--slds-c-button-spacing-block-end, var(--sds-c-button-spacing-block-end, 0));
    padding-left: var(--slds-c-button-spacing-inline-start, var(--sds-c-button-spacing-inline-start, 0.5rem));
    border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent));
    border-style: solid;
    border-width: var(
            --section-title-action-button-border-width-top-is-open,
            var(--section-title-action-button-border-width-top, var(--slds-c-button-sizing-border, var(--sds-c-button-sizing-border, 1px)))
        )
        var(
            --section-title-action-button-border-width-right-is-open,
            var(--section-title-action-button-border-width-right, var(--slds-c-button-sizing-border, var(--sds-c-button-sizing-border, 1px)))
        )
        var(
            --section-title-action-button-border-width-bottom-is-open,
            var(--section-title-action-button-border-width-bottom, var(--slds-c-button-sizing-border, var(--sds-c-button-sizing-border, 1px)))
        )
        var(
            --section-title-action-button-border-width-left-is-open,
            var(--section-title-action-button-border-width-left, var(--slds-c-button-sizing-border, var(--sds-c-button-sizing-border, 1px)))
        );

    border-radius: var(
            --button-radius-border-top-left-is-open,
            var(
                --custom-button-radius-border-top-left,
                var(--button-radius-border-top-left, var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, 0.25rem)))
            )
        )
        var(
            --button-radius-border-top-right-is-open,
            var(
                --custom-button-radius-border-top-right,
                var(--button-radius-border-top-right, var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, 0.25rem)))
            )
        )
        var(
            --button-radius-border-bottom-right-is-open,
            var(
                --custom-button-radius-border-bottom-right,
                var(--button-radius-border-bottom-right, var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, 0.25rem)))
            )
        )
        var(
            --button-radius-border-bottom-left-is-open,
            var(
                --custom-button-radius-border-bottom-left,
                var(--button-radius-border-bottom-left, var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, 0.25rem)))
            )
        );
}

.expanding-group {
    & .slds-is-open {
        --button-radius-border-bottom-right-is-open: 0;
        --button-radius-border-bottom-left-is-open: 0;
        --section-title-action-button-border-width-bottom-is-open: 0;
    }

    & .slds-section__title-action {
    }
}

.slds-section__title-action.slds-button:hover {
    --slds-c-button-color-border: var(--slds-c-button-color-border-hover);
    --slds-c-button-color-background: var(--slds-c-button-color-background-hover);
    color: var(--slds-c-button-text-color-hover, var(--sds-c-button-text-color-hover, #014486));
}
.slds-section__title-action.slds-button:focus {
    --slds-c-button-color-background: var(--gray-lightest);
}

.slds-section__title-action.slds-button:active {
    color: var(--slds-c-button-text-color-active, var(--sds-c-button-text-color-active, #014486));
    background-color: var(--slds-c-button-color-background-active);
    border-color: var(--slds-c-button-color-border-active);
}
.slds-listbox__option.slds-has-focus,
.slds-listbox__option:focus,
.slds-listbox__option:hover {
    --sds-c-icon-color-foreground-default: white;
}

.toggle-inline_reverse .slds-checkbox_faux_container {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 0.25rem;
}
:root {
    --sds-c-checkbox-toggle-color-border: var(--gray-lighter);
    --sds-c-checkbox-toggle-color-background: var(--gray-lighter);
    --sds-c-checkbox-toggle-color-background-checked-hover: var(--gray-lighter);
    --sds-c-checkbox-toggle-switch-color-background: var(--gray);
    --sds-c-checkbox-toggle-color-background-hover: var(--gray-light);
    --sds-c-checkbox-toggle-color-border-hover: var(--gray-light);
    --sds-c-checkbox-toggle-mark-color-foreground: var(--green-50);
    --sds-c-checkbox-toggle-switch-color-background-checked: var(--green-50);
    --sds-c-checkbox-toggle-color-background-checked-focus: var(--gray-lighter);
    --sds-c-checkbox-toggle-shadow-focus: none;
}

.slds-checkbox--toggle .slds-checkbox--faux:focus,
.slds-checkbox--toggle .slds-checkbox--faux:hover,
.slds-checkbox--toggle .slds-checkbox_faux:focus,
.slds-checkbox--toggle .slds-checkbox_faux:hover,
.slds-checkbox_toggle .slds-checkbox--faux:focus,
.slds-checkbox_toggle .slds-checkbox--faux:hover,
.slds-checkbox_toggle .slds-checkbox_faux:focus,
.slds-checkbox_toggle .slds-checkbox_faux:hover {
    --slds-c-checkbox-toggle-color-border: var(--sds-c-checkbox-toggle-color-border-hover, var(--dxp-g-neutral-2));
}

.slds-checkbox_toggle {
    align-items: var(--slds-checkbox-toggle-align-items, unset);

    & .slds-form-element__label {
        margin: var(--slds-checkbox-toggle-label-margin-top, 0) var(--slds-checkbox-toggle-label-margin-right, 0)
            var(--slds-checkbox-toggle-label-margin-bottom, 0.125rem) var(--slds-checkbox-toggle-label-margin-left, 0);
    }
}

/* Caption Button */
.button-caption {
    --dxp-s-button-font-size: var(--type-caption-size);
    --dxp-s-button-letter-spacing: var(--type-caption-spacing);
    --slds-c-button-spacing-inline-start: var(--spacing-08);
    --slds-c-button-spacing-inline-end: var(--spacing-08);
    --dxp-s-button-font-weight: var(--type-weight-regular);
}

.lineGroup-addGroup {
    display: block;

    & .slds-dropdown-trigger {
        width: 100%;
    }
}

button.slds-button.add-row {
    --slds-c-button-color-border: var(--add-row-border-color, var(--blue-50));
    --slds-c-button-color-background: var(--add-row-text-color, var(--blue-10));

    width: 100%;
    padding: var(--add-row-padding-block, 0.625rem) var(--add-row-padding-inline, 1rem) var(--add-row-padding-block, 0.625rem)
        var(--add-row-padding-inline, 1rem);
    border-style: dashed;
    --slds-c-button-sizing-border: 1px;
    border-width: var(--slds-c-button-sizing-border);
    display: inline-flex;
    justify-content: center;
}

button.slds-button.add-row:hover,
button.slds-button.add-row:focus {
    --slds-c-button-color-border: var(--add-row-border-color-hover);
    --slds-c-button-color-background: var(--add-row-background-color-hover, var(--blue-50));
    --sds-c-button-text-color-hover: var(--add-row-text-color-hover, var(--ink-white));
    --add-row-icon-color: var(--add-row-icon-color-hover, var(--ink-white));
}

/* borders */
/*
 *  BORDERS
 */
[class*='slds-border_'],
.border {
    --se_border-width-top: 0;
    --se_border-width-right: 0;
    --se_border-width-bottom: 0;
    --se_border-width-left: 0;

    --se_border-style-top: solid;
    --se_border-style-right: solid;
    --se_border-style-bottom: solid;
    --se_border-style-left: solid;

    --se_border-color-top: var(--gray-lighter);
    --se_border-color-right: var(--gray-lighter);
    --se_border-color-bottom: var(--gray-lighter);
    --se_border-color-left: var(--gray-lighter);

    border-width: var(--se_border-width-top) var(--se_border-width-right) var(--se_border-width-bottom) var(--se_border-width-left);
    border-style: var(--se_border-style-top) var(--se_border-style-right) var(--se_border-style-bottom) var(--se_border-style-left);
    border-color: var(--se_border-color-top) var(--se_border-color-right) var(--se_border-color-bottom) var(--se_border-color-left);
}

.border-y,
.border-around,
.border-top,
.slds-border_top {
    --se_border-width-top: 1px;
}
.border-x,
.border-around,
.border-right,
.slds-border_right {
    --se_border-width-right: 1px;
}
.border-y,
.border-around,
.border-bottom,
.slds-border_bottom {
    --se_border-width-bottom: 1px;
}
.border-x,
.border-around,
.border-left,
.slds-border_left {
    --se_border-width-left: 1px;
}

.border-y-0,
.border-around-0,
.border-top-0 {
    --se_border-width-top: 0px;
}
.border-x-0,
.border-around-0,
.border-right-0 {
    --se_border-width-right: 0px;
}
.border-y-0,
.border-around-0,
.border-bottom-0 {
    --se_border-width-bottom: 0px;
}
.border-x-0,
.border-around-0,
.border-left-0 {
    --se_border-width-left: 0px;
}

/* border radius */
.border-radius {
    --border-radius-top-left: 0;
    --border-radius-top-right: 0;
    --border-radius-bottom-right: 0;
    --border-radius-bottom-left: 0;

    border-top-left-radius: var(--border-radius-top-left);
    border-top-right-radius: var(--border-radius-top-right);
    border-bottom-right-radius: var(--border-radius-bottom-right);
    border-bottom-left-radius: var(--border-radius-bottom-left);
}

.radius-xxs {
    --border-radius-top-left: 0.125rem;
    --border-radius-top-right: 0.125rem;
    --border-radius-bottom-right: 0.125rem;
    --border-radius-bottom-left: 0.125rem;
}
.radius-xs {
    --border-radius-top-left: 0.25rem;
    --border-radius-top-right: 0.25rem;
    --border-radius-bottom-right: 0.25rem;
    --border-radius-bottom-left: 0.25rem;
}
.radius-s {
    --border-radius-top-left: 0.375rem;
    --border-radius-top-right: 0.375rem;
    --border-radius-bottom-right: 0.375rem;
    --border-radius-bottom-left: 0.375rem;
}
.radius-m {
    --border-radius-top-left: 0.5rem;
    --border-radius-top-right: 0.5rem;
    --border-radius-bottom-right: 0.5rem;
    --border-radius-bottom-left: 0.5rem;
}
.radius-l {
    --border-radius-top-left: 0.625rem;
    --border-radius-top-right: 0.625rem;
    --border-radius-bottom-right: 0.625rem;
    --border-radius-bottom-left: 0.625rem;
}

/*
 *  BORDERS
 */

[size='large'] {
    --dxp-s-button-font-size: 1.25rem;
}

.feather-icon {
    .slds-button__icon {
        width: calc(1 * var(--dxp-s-button-font-size, var(--dxp-g-font-size-3)));
        height: calc(1 * var(--dxp-s-button-font-size, var(--dxp-g-font-size-3)));
    }

    & svg {
        mask: var(--feather-icon_svg);
        background: var(--slds-c-button-text-color);
        mask-size: cover;

        & * {
            visibility: hidden;
        }
    }

    &.slds-icon_container {
        --slds-c-button-text-color: var(--ink-lighter);
    }

    &.slds-icon-utility-search {
        --feather-icon_svg: var(--feather-icon_search);
    }
}

/* DROPDOWN MENU */
.slds-dropdown {
    --_slds-g-shadow-inset-focus: 0 0 0 transparent;
    --dxp-s-dropdown-color-background-hover: var(--gray-lightest);
    --dxp-s-dropdown-text-color-hover: var(--ink);

    -webkit-box-shadow: var(--custom-dropdown-box-shadow, var(--dropdown-box-shadow, 0 2px 3px 0 rgba(0, 0, 0, 0.16)));
    box-shadow: var(--custom-dropdown-box-shadow, var(--dropdown-box-shadow, 0 2px 3px 0 rgba(0, 0, 0, 0.16)));

    z-index: var(--slds-dropdown-z-index, 7002);
    font-size: var(--type-small-size);
    line-height: 2rem;
    letter-spacing: var(--type-small-spacing);
    font-weight: 400;

    & .active-item {
        background-color: var(--gray-lightest);
    }
    & > a {
        padding: 0 1em;
    }
    & > a,
    & .filter-checkbox,
    & .filter-checkbox > lightning-primitive-input-checkbox {
        display: flex;
        width: 100%;
        min-height: 32px;
        align-items: center;
    }
    & .filter-checkbox {
        gap: 0.5rem;
        padding: var(--filter-checkbox-padding-top, var(--filter-checkbox-padding-block, var(--filter-checkbox-padding, 0rem)))
            var(--filter-checkbox-padding-right, var(--filter-checkbox-padding-inline, var(--filter-checkbox-padding, 0rem)))
            var(--filter-checkbox-padding-bottom, var(--filter-checkbox-padding-block, var(--filter-checkbox-padding, 0rem)))
            var(--filter-checkbox-padding-left, var(--filter-checkbox-padding-inline, var(--filter-checkbox-padding, 0rem)));
    }

    & .filter-checkbox:focus,
    & .filter-checkbox:hover,
    & > a:focus,
    & > a:hover {
        color: var(--drop-down-item-text-color-hover, var(--dxp-s-dropdown-text-color-hover, var(--dxp-g-neutral-contrast)));
        background-color: var(--drop-down-item-background-color-hover, var(--dxp-s-dropdown-color-background-hover, var(--dxp-g-neutral)));
        cursor: pointer;
    }

    &.active-item > a {
        color: var(--drop-down-item-text-color-hover, var(--dxp-s-dropdown-text-color-hover, var(--dxp-g-neutral-contrast)));
        background-color: var(--drop-down-item-background-color-hover, var(--dxp-s-dropdown-color-background-hover, var(--dxp-g-neutral)));
    }
    & .filter-checkbox .slds-checkbox__label {
        display: flex;
        padding: 0 0.75rem;
        cursor: pointer;
        min-height: 32px;
        align-items: center;
    }
}

.slds-listbox--vertical .slds-listbox__option--plain,
.slds-listbox--vertical .slds-listbox__option_plain,
.slds-listbox_vertical .slds-listbox__option--plain,
.slds-listbox_vertical .slds-listbox__option_plain {
    padding: var(--filter-checkbox-padding-top, var(--filter-checkbox-padding-block, var(--filter-checkbox-padding, 0rem)))
        var(--filter-checkbox-padding-right, var(--filter-checkbox-padding-inline, var(--filter-checkbox-padding, 0.75rem)))
        var(--filter-checkbox-padding-bottom, var(--filter-checkbox-padding-block, var(--filter-checkbox-padding, 0rem)))
        var(--filter-checkbox-padding-left, var(--filter-checkbox-padding-inline, var(--filter-checkbox-padding, 0.75rem)));
    line-height: 2rem;
}

/* icon in dropdown combobox */
.table-filter .slds-listbox__option-icon {
    --slds-c-icon-color-foreground-default: var(--ink-lightest);
}

.slds-dropdown-trigger {
    --feather-icon-transform: rotate(0deg);
    --feather-icon-transition: all ease-in-out 200ms;
    width: var(--dropdown-trigger-width, auto);

    &.slds-is-open {
        --feather-icon-transform: rotate(180deg);
    }
}

.noTransform .slds-dropdown-trigger {
    &.slds-is-open {
        --feather-icon-transform: unset;
    }
}

/* DROPDOWN MENU */

.slds-rich-text-editor svg {
    mask: var(--feather-icon_svg);
    background: var(--rich-text-editor-color-hover, var(--rich-text-editor-color, var(--ink-light)));
    height: 1.125rem;
    width: 1.125rem;
    mask-size: cover;
}

.slds-rich-text-editor__toolbar .ql-active.slds-is-selected {
    --icon-border-filled-border-color: inherit;
    --icon-border-filled-background-color: var(--gray-light);
    --rich-text-editor-fill: transparent;
    background-color: var(--icon-border-filled-background-color);
    border-color: var(--gray-light);
    color: transparent;
}

[title='Bold'] {
    --feather-icon_svg: var(--feather-icon_bold);
}
[title='Italic'] {
    --feather-icon_svg: var(--feather-icon_italic);
}
[title='Underline'] {
    --feather-icon_svg: var(--feather-icon_underline);
}
[title='Bulleted list'] {
    --feather-icon_svg: var(--feather-icon_list);
}
[title='Numbered list'] {
    --feather-icon_svg: var(--feather-icon_ordered);
}
[title='Link'] {
    --feather-icon_svg: var(--feather-icon_link-2);
}
[title='Remove formatting'] {
    --feather-icon_svg: var(--feather-icon_remove-format);
}
[title='Left align text'] {
    --feather-icon_svg: var(--feather-icon_align-left);
}
[title='Center align text'] {
    --feather-icon_svg: var(--feather-icon_align-center);
}
[title='Right align text'] {
    --feather-icon_svg: var(--feather-icon_align-right);
}
[title='Strikethrough'] {
    --feather-icon_svg: var(--feather-icon_strikethrough);
}
[title='Attach Files'] {
    --feather-icon_svg: var(--feather-icon_paperclip);
}

.feather-icon_activity {
    --feather-icon_svg: var(--feather-icon_activity);
}
.feather-icon_airplay {
    --feather-icon_svg: var(--feather-icon_airplay);
}
.feather-icon_alert-circle {
    --feather-icon_svg: var(--feather-icon_alert-circle);
}
.feather-icon_alert-octagon {
    --feather-icon_svg: var(--feather-icon_alert-octagon);
}
.feather-icon_alert-triangle {
    --feather-icon_svg: var(--feather-icon_alert-triangle);
}
.feather-icon_align-center {
    --feather-icon_svg: var(--feather-icon_align-center);
}
.feather-icon_align-justify {
    --feather-icon_svg: var(--feather-icon_align-justify);
}
.feather-icon_align-left {
    --feather-icon_svg: var(--feather-icon_align-left);
}
.feather-icon_align-right {
    --feather-icon_svg: var(--feather-icon_align-right);
}
.feather-icon_anchor {
    --feather-icon_svg: var(--feather-icon_anchor);
}
.feather-icon_aperture {
    --feather-icon_svg: var(--feather-icon_aperture);
}
.feather-icon_archive {
    --feather-icon_svg: var(--feather-icon_archive);
}
.feather-icon_arrow-down-circle {
    --feather-icon_svg: var(--feather-icon_arrow-down-circle);
}
.feather-icon_arrow-down-left {
    --feather-icon_svg: var(--feather-icon_arrow-down-left);
}
.feather-icon_arrow-down-right {
    --feather-icon_svg: var(--feather-icon_arrow-down-right);
}
.feather-icon_arrow-down {
    --feather-icon_svg: var(--feather-icon_arrow-down);
}
.feather-icon_arrow-left-circle {
    --feather-icon_svg: var(--feather-icon_arrow-left-circle);
}
.feather-icon_arrow-left {
    --feather-icon_svg: var(--feather-icon_arrow-left);
}
.feather-icon_arrow-right-circle {
    --feather-icon_svg: var(--feather-icon_arrow-right-circle);
}
.feather-icon_arrow-right {
    --feather-icon_svg: var(--feather-icon_arrow-right);
}
.feather-icon_arrow-up-circle {
    --feather-icon_svg: var(--feather-icon_arrow-up-circle);
}
.feather-icon_arrow-up-left {
    --feather-icon_svg: var(--feather-icon_arrow-up-left);
}
.feather-icon_arrow-up-right {
    --feather-icon_svg: var(--feather-icon_arrow-up-right);
}
.feather-icon_arrow-up {
    --feather-icon_svg: var(--feather-icon_arrow-up);
}
.feather-icon_at-sign {
    --feather-icon_svg: var(--feather-icon_at-sign);
}
.feather-icon_award {
    --feather-icon_svg: var(--feather-icon_award);
}
.feather-icon_bar-chart-2 {
    --feather-icon_svg: var(--feather-icon_bar-chart-2);
}
.feather-icon_bar-chart {
    --feather-icon_svg: var(--feather-icon_bar-chart);
}
.feather-icon_battery-charging {
    --feather-icon_svg: var(--feather-icon_battery-charging);
}
.feather-icon_battery {
    --feather-icon_svg: var(--feather-icon_battery);
}
.feather-icon_bell-off {
    --feather-icon_svg: var(--feather-icon_bell-off);
}
.feather-icon_bell {
    --feather-icon_svg: var(--feather-icon_bell);
}
.feather-icon_bluetooth {
    --feather-icon_svg: var(--feather-icon_bluetooth);
}
.feather-icon_bold {
    --feather-icon_svg: var(--feather-icon_bold);
}
.feather-icon_book-open {
    --feather-icon_svg: var(--feather-icon_book-open);
}
.feather-icon_book {
    --feather-icon_svg: var(--feather-icon_book);
}
.feather-icon_bookmark {
    --feather-icon_svg: var(--feather-icon_bookmark);
}
.feather-icon_box {
    --feather-icon_svg: var(--feather-icon_box);
}
.feather-icon_briefcase {
    --feather-icon_svg: var(--feather-icon_briefcase);
}
.feather-icon_calendar {
    --feather-icon_svg: var(--feather-icon_calendar);
}
.feather-icon_camera-off {
    --feather-icon_svg: var(--feather-icon_camera-off);
}
.feather-icon_camera {
    --feather-icon_svg: var(--feather-icon_camera);
}
.feather-icon_cast {
    --feather-icon_svg: var(--feather-icon_cast);
}
.feather-icon_check-circle {
    --feather-icon_svg: var(--feather-icon_check-circle);
}
.feather-icon_check-square {
    --feather-icon_svg: var(--feather-icon_check-square);
}
.feather-icon_check {
    --feather-icon_svg: var(--feather-icon_check);
}
.feather-icon_chevron-down {
    --feather-icon_svg: var(--feather-icon_chevron-down);
}
.feather-icon_chevron-left {
    --feather-icon_svg: var(--feather-icon_chevron-left);
}
.feather-icon_chevron-right {
    --feather-icon_svg: var(--feather-icon_chevron-right);
}
.feather-icon_chevron-up {
    --feather-icon_svg: var(--feather-icon_chevron-up);
}
.feather-icon_chevrons-down {
    --feather-icon_svg: var(--feather-icon_chevrons-down);
}
.feather-icon_chevrons-left {
    --feather-icon_svg: var(--feather-icon_chevrons-left);
}
.feather-icon_chevrons-right {
    --feather-icon_svg: var(--feather-icon_chevrons-right);
}
.feather-icon_chevrons-up {
    --feather-icon_svg: var(--feather-icon_chevrons-up);
}
.feather-icon_chrome {
    --feather-icon_svg: var(--feather-icon_chrome);
}
.feather-icon_circle {
    --feather-icon_svg: var(--feather-icon_circle);
}
.feather-icon_clipboard {
    --feather-icon_svg: var(--feather-icon_clipboard);
}
.feather-icon_clock {
    --feather-icon_svg: var(--feather-icon_clock);
}
.feather-icon_cloud-drizzle {
    --feather-icon_svg: var(--feather-icon_cloud-drizzle);
}
.feather-icon_cloud-lightning {
    --feather-icon_svg: var(--feather-icon_cloud-lightning);
}
.feather-icon_cloud-off {
    --feather-icon_svg: var(--feather-icon_cloud-off);
}
.feather-icon_cloud-rain {
    --feather-icon_svg: var(--feather-icon_cloud-rain);
}
.feather-icon_cloud-snow {
    --feather-icon_svg: var(--feather-icon_cloud-snow);
}
.feather-icon_cloud {
    --feather-icon_svg: var(--feather-icon_cloud);
}
.feather-icon_code {
    --feather-icon_svg: var(--feather-icon_code);
}
.feather-icon_codepen {
    --feather-icon_svg: var(--feather-icon_codepen);
}
.feather-icon_codesandbox {
    --feather-icon_svg: var(--feather-icon_codesandbox);
}
.feather-icon_coffee {
    --feather-icon_svg: var(--feather-icon_coffee);
}
.feather-icon_columns {
    --feather-icon_svg: var(--feather-icon_columns);
}
.feather-icon_command {
    --feather-icon_svg: var(--feather-icon_command);
}
.feather-icon_compass {
    --feather-icon_svg: var(--feather-icon_compass);
}
.feather-icon_copy {
    --feather-icon_svg: var(--feather-icon_copy);
}
.feather-icon_corner-down-left {
    --feather-icon_svg: var(--feather-icon_corner-down-left);
}
.feather-icon_corner-down-right {
    --feather-icon_svg: var(--feather-icon_corner-down-right);
}
.feather-icon_corner-left-down {
    --feather-icon_svg: var(--feather-icon_corner-left-down);
}
.feather-icon_corner-left-up {
    --feather-icon_svg: var(--feather-icon_corner-left-up);
}
.feather-icon_corner-right-down {
    --feather-icon_svg: var(--feather-icon_corner-right-down);
}
.feather-icon_corner-right-up {
    --feather-icon_svg: var(--feather-icon_corner-right-up);
}
.feather-icon_corner-up-left {
    --feather-icon_svg: var(--feather-icon_corner-up-left);
}
.feather-icon_corner-up-right {
    --feather-icon_svg: var(--feather-icon_corner-up-right);
}
.feather-icon_cpu {
    --feather-icon_svg: var(--feather-icon_cpu);
}
.feather-icon_credit-card {
    --feather-icon_svg: var(--feather-icon_credit-card);
}
.feather-icon_crop {
    --feather-icon_svg: var(--feather-icon_crop);
}
.feather-icon_crosshair {
    --feather-icon_svg: var(--feather-icon_crosshair);
}
.feather-icon_database {
    --feather-icon_svg: var(--feather-icon_database);
}
.feather-icon_delete {
    --feather-icon_svg: var(--feather-icon_delete);
}
.feather-icon_disc {
    --feather-icon_svg: var(--feather-icon_disc);
}
.feather-icon_divide-circle {
    --feather-icon_svg: var(--feather-icon_divide-circle);
}
.feather-icon_divide-square {
    --feather-icon_svg: var(--feather-icon_divide-square);
}
.feather-icon_divide {
    --feather-icon_svg: var(--feather-icon_divide);
}
.feather-icon_dollar-sign {
    --feather-icon_svg: var(--feather-icon_dollar-sign);
}
.feather-icon_download-cloud {
    --feather-icon_svg: var(--feather-icon_download-cloud);
}
.feather-icon_download {
    --feather-icon_svg: var(--feather-icon_download);
}
.feather-icon_dribbble {
    --feather-icon_svg: var(--feather-icon_dribbble);
}
.feather-icon_droplet {
    --feather-icon_svg: var(--feather-icon_droplet);
}
.feather-icon_edit-2 {
    --feather-icon_svg: var(--feather-icon_edit-2);
}
.feather-icon_edit-3 {
    --feather-icon_svg: var(--feather-icon_edit-3);
}
.feather-icon_edit {
    --feather-icon_svg: var(--feather-icon_edit);
}
.feather-icon_external-link {
    --feather-icon_svg: var(--feather-icon_external-link);
}
.feather-icon_eye-off {
    --feather-icon_svg: var(--feather-icon_eye-off);
}
.feather-icon_eye {
    --feather-icon_svg: var(--feather-icon_eye);
}
.feather-icon_facebook {
    --feather-icon_svg: var(--feather-icon_facebook);
}
.feather-icon_fast-forward {
    --feather-icon_svg: var(--feather-icon_fast-forward);
}
.feather-icon_feather {
    --feather-icon_svg: var(--feather-icon_feather);
}
.feather-icon_figma {
    --feather-icon_svg: var(--feather-icon_figma);
}
.feather-icon_file-minus {
    --feather-icon_svg: var(--feather-icon_file-minus);
}
.feather-icon_file-plus {
    --feather-icon_svg: var(--feather-icon_file-plus);
}
.feather-icon_file-text {
    --feather-icon_svg: var(--feather-icon_file-text);
}
.feather-icon_file {
    --feather-icon_svg: var(--feather-icon_file);
}
.feather-icon_film {
    --feather-icon_svg: var(--feather-icon_film);
}
.feather-icon_filter {
    --feather-icon_svg: var(--feather-icon_filter);
}
.feather-icon_flag {
    --feather-icon_svg: var(--feather-icon_flag);
}
.feather-icon_folder-minus {
    --feather-icon_svg: var(--feather-icon_folder-minus);
}
.feather-icon_folder-plus {
    --feather-icon_svg: var(--feather-icon_folder-plus);
}
.feather-icon_folder {
    --feather-icon_svg: var(--feather-icon_folder);
}
.feather-icon_framer {
    --feather-icon_svg: var(--feather-icon_framer);
}
.feather-icon_frown {
    --feather-icon_svg: var(--feather-icon_frown);
}
.feather-icon_gift {
    --feather-icon_svg: var(--feather-icon_gift);
}
.feather-icon_git-branch {
    --feather-icon_svg: var(--feather-icon_git-branch);
}
.feather-icon_git-commit {
    --feather-icon_svg: var(--feather-icon_git-commit);
}
.feather-icon_git-merge {
    --feather-icon_svg: var(--feather-icon_git-merge);
}
.feather-icon_git-pull-request {
    --feather-icon_svg: var(--feather-icon_git-pull-request);
}
.feather-icon_github {
    --feather-icon_svg: var(--feather-icon_github);
}
.feather-icon_gitlab {
    --feather-icon_svg: var(--feather-icon_gitlab);
}
.feather-icon_globe {
    --feather-icon_svg: var(--feather-icon_globe);
}
.feather-icon_grid {
    --feather-icon_svg: var(--feather-icon_grid);
}
.feather-icon_hard-drive {
    --feather-icon_svg: var(--feather-icon_hard-drive);
}
.feather-icon_hash {
    --feather-icon_svg: var(--feather-icon_hash);
}
.feather-icon_headphones {
    --feather-icon_svg: var(--feather-icon_headphones);
}
.feather-icon_heart {
    --feather-icon_svg: var(--feather-icon_heart);
}
.feather-icon_help-circle {
    --feather-icon_svg: var(--feather-icon_help-circle);
}
.feather-icon_hexagon {
    --feather-icon_svg: var(--feather-icon_hexagon);
}
.feather-icon_home {
    --feather-icon_svg: var(--feather-icon_home);
}
.feather-icon_image {
    --feather-icon_svg: var(--feather-icon_image);
}
.feather-icon_inbox {
    --feather-icon_svg: var(--feather-icon_inbox);
}
.feather-icon_info {
    --feather-icon_svg: var(--feather-icon_info);
}
.feather-icon_instagram {
    --feather-icon_svg: var(--feather-icon_instagram);
}
.feather-icon_italic {
    --feather-icon_svg: var(--feather-icon_italic);
}
.feather-icon_key {
    --feather-icon_svg: var(--feather-icon_key);
}
.feather-icon_layers {
    --feather-icon_svg: var(--feather-icon_layers);
}
.feather-icon_layout {
    --feather-icon_svg: var(--feather-icon_layout);
}
.feather-icon_life-buoy {
    --feather-icon_svg: var(--feather-icon_life-buoy);
}
.feather-icon_link-2 {
    --feather-icon_svg: var(--feather-icon_link-2);
}
.feather-icon_link {
    --feather-icon_svg: var(--feather-icon_link);
}
.feather-icon_linkedin {
    --feather-icon_svg: var(--feather-icon_linkedin);
}
.feather-icon_list {
    --feather-icon_svg: var(--feather-icon_list);
}
.feather-icon_loader {
    --feather-icon_svg: var(--feather-icon_loader);
}
.feather-icon_lock {
    --feather-icon_svg: var(--feather-icon_lock);
}
.feather-icon_log-in {
    --feather-icon_svg: var(--feather-icon_log-in);
}
.feather-icon_log-out {
    --feather-icon_svg: var(--feather-icon_log-out);
}
.feather-icon_mail {
    --feather-icon_svg: var(--feather-icon_mail);
}
.feather-icon_map-pin {
    --feather-icon_svg: var(--feather-icon_map-pin);
}
.feather-icon_map {
    --feather-icon_svg: var(--feather-icon_map);
}
.feather-icon_maximize-2 {
    --feather-icon_svg: var(--feather-icon_maximize-2);
}
.feather-icon_maximize {
    --feather-icon_svg: var(--feather-icon_maximize);
}
.feather-icon_meh {
    --feather-icon_svg: var(--feather-icon_meh);
}
.feather-icon_menu {
    --feather-icon_svg: var(--feather-icon_menu);
}
.feather-icon_message-circle {
    --feather-icon_svg: var(--feather-icon_message-circle);
}
.feather-icon_message-square {
    --feather-icon_svg: var(--feather-icon_message-square);
}
.feather-icon_mic-off {
    --feather-icon_svg: var(--feather-icon_mic-off);
}
.feather-icon_mic {
    --feather-icon_svg: var(--feather-icon_mic);
}
.feather-icon_minimize-2 {
    --feather-icon_svg: var(--feather-icon_minimize-2);
}
.feather-icon_minimize {
    --feather-icon_svg: var(--feather-icon_minimize);
}
.feather-icon_minus-circle {
    --feather-icon_svg: var(--feather-icon_minus-circle);
}
.feather-icon_minus-square {
    --feather-icon_svg: var(--feather-icon_minus-square);
}
.feather-icon_minus {
    --feather-icon_svg: var(--feather-icon_minus);
}
.feather-icon_monitor {
    --feather-icon_svg: var(--feather-icon_monitor);
}
.feather-icon_moon {
    --feather-icon_svg: var(--feather-icon_moon);
}
.feather-icon_more-horizontal {
    --feather-icon_svg: var(--feather-icon_more-horizontal);
}
.feather-icon_more-vertical {
    --feather-icon_svg: var(--feather-icon_more-vertical);
}
.feather-icon_mouse-pointer {
    --feather-icon_svg: var(--feather-icon_mouse-pointer);
}
.feather-icon_move {
    --feather-icon_svg: var(--feather-icon_move);
}
.feather-icon_music {
    --feather-icon_svg: var(--feather-icon_music);
}
.feather-icon_navigation-2 {
    --feather-icon_svg: var(--feather-icon_navigation-2);
}
.feather-icon_navigation {
    --feather-icon_svg: var(--feather-icon_navigation);
}
.feather-icon_octagon {
    --feather-icon_svg: var(--feather-icon_octagon);
}
.feather-icon_ordered {
    --feather-icon_svg: var(--feather-icon_ordered);
}
.feather-icon_package {
    --feather-icon_svg: var(--feather-icon_package);
}
.feather-icon_paperclip {
    --feather-icon_svg: var(--feather-icon_paperclip);
}
.feather-icon_pause-circle {
    --feather-icon_svg: var(--feather-icon_pause-circle);
}
.feather-icon_pause {
    --feather-icon_svg: var(--feather-icon_pause);
}
.feather-icon_pen-tool {
    --feather-icon_svg: var(--feather-icon_pen-tool);
}
.feather-icon_percent {
    --feather-icon_svg: var(--feather-icon_percent);
}
.feather-icon_phone-call {
    --feather-icon_svg: var(--feather-icon_phone-call);
}
.feather-icon_phone-forwarded {
    --feather-icon_svg: var(--feather-icon_phone-forwarded);
}
.feather-icon_phone-incoming {
    --feather-icon_svg: var(--feather-icon_phone-incoming);
}
.feather-icon_phone-missed {
    --feather-icon_svg: var(--feather-icon_phone-missed);
}
.feather-icon_phone-off {
    --feather-icon_svg: var(--feather-icon_phone-off);
}
.feather-icon_phone-outgoing {
    --feather-icon_svg: var(--feather-icon_phone-outgoing);
}
.feather-icon_phone {
    --feather-icon_svg: var(--feather-icon_phone);
}
.feather-icon_pie-chart {
    --feather-icon_svg: var(--feather-icon_pie-chart);
}
.feather-icon_play-circle {
    --feather-icon_svg: var(--feather-icon_play-circle);
}
.feather-icon_play {
    --feather-icon_svg: var(--feather-icon_play);
}
.feather-icon_plus-circle {
    --feather-icon_svg: var(--feather-icon_plus-circle);
}
.feather-icon_plus-square {
    --feather-icon_svg: var(--feather-icon_plus-square);
}
.feather-icon_plus {
    --feather-icon_svg: var(--feather-icon_plus);
}
.feather-icon_pocket {
    --feather-icon_svg: var(--feather-icon_pocket);
}
.feather-icon_power {
    --feather-icon_svg: var(--feather-icon_power);
}
.feather-icon_printer {
    --feather-icon_svg: var(--feather-icon_printer);
}
.feather-icon_radio {
    --feather-icon_svg: var(--feather-icon_radio);
}
.feather-icon_refresh-ccw {
    --feather-icon_svg: var(--feather-icon_refresh-ccw);
}
.feather-icon_refresh-cw {
    --feather-icon_svg: var(--feather-icon_refresh-cw);
}
.feather-icon_remove-format {
    --feather-icon_svg: var(--feather-icon_remove-format);
}
.feather-icon_repeat {
    --feather-icon_svg: var(--feather-icon_repeat);
}
.feather-icon_rewind {
    --feather-icon_svg: var(--feather-icon_rewind);
}
.feather-icon_rotate-ccw {
    --feather-icon_svg: var(--feather-icon_rotate-ccw);
}
.feather-icon_rotate-cw {
    --feather-icon_svg: var(--feather-icon_rotate-cw);
}
.feather-icon_rss {
    --feather-icon_svg: var(--feather-icon_rss);
}
.feather-icon_save {
    --feather-icon_svg: var(--feather-icon_save);
}
.feather-icon_scissors {
    --feather-icon_svg: var(--feather-icon_scissors);
}
.feather-icon_search {
    --feather-icon_svg: var(--feather-icon_search);
}
.feather-icon_send {
    --feather-icon_svg: var(--feather-icon_send);
}
.feather-icon_server {
    --feather-icon_svg: var(--feather-icon_server);
}
.feather-icon_settings {
    --feather-icon_svg: var(--feather-icon_settings);
}
.feather-icon_share-2 {
    --feather-icon_svg: var(--feather-icon_share-2);
}
.feather-icon_share {
    --feather-icon_svg: var(--feather-icon_share);
}
.feather-icon_shield-off {
    --feather-icon_svg: var(--feather-icon_shield-off);
}
.feather-icon_shield {
    --feather-icon_svg: var(--feather-icon_shield);
}
.feather-icon_shopping-bag {
    --feather-icon_svg: var(--feather-icon_shopping-bag);
}
.feather-icon_shopping-cart {
    --feather-icon_svg: var(--feather-icon_shopping-cart);
}
.feather-icon_shuffle {
    --feather-icon_svg: var(--feather-icon_shuffle);
}
.feather-icon_sidebar {
    --feather-icon_svg: var(--feather-icon_sidebar);
}
.feather-icon_skip-back {
    --feather-icon_svg: var(--feather-icon_skip-back);
}
.feather-icon_skip-forward {
    --feather-icon_svg: var(--feather-icon_skip-forward);
}
.feather-icon_slack {
    --feather-icon_svg: var(--feather-icon_slack);
}
.feather-icon_slash {
    --feather-icon_svg: var(--feather-icon_slash);
}
.feather-icon_sliders {
    --feather-icon_svg: var(--feather-icon_sliders);
}
.feather-icon_smartphone {
    --feather-icon_svg: var(--feather-icon_smartphone);
}
.feather-icon_smile {
    --feather-icon_svg: var(--feather-icon_smile);
}
.feather-icon_speaker {
    --feather-icon_svg: var(--feather-icon_speaker);
}
.feather-icon_square {
    --feather-icon_svg: var(--feather-icon_square);
}
.feather-icon_star {
    --feather-icon_svg: var(--feather-icon_star);
}
.feather-icon_stop-circle {
    --feather-icon_svg: var(--feather-icon_stop-circle);
}
.feather-icon_strikethrough {
    --feather-icon_svg: var(--feather-icon_strikethrough);
}
.feather-icon_sun {
    --feather-icon_svg: var(--feather-icon_sun);
}
.feather-icon_sunrise {
    --feather-icon_svg: var(--feather-icon_sunrise);
}
.feather-icon_sunset {
    --feather-icon_svg: var(--feather-icon_sunset);
}
.feather-icon_table {
    --feather-icon_svg: var(--feather-icon_table);
}
.feather-icon_tablet {
    --feather-icon_svg: var(--feather-icon_tablet);
}
.feather-icon_tag {
    --feather-icon_svg: var(--feather-icon_tag);
}
.feather-icon_target {
    --feather-icon_svg: var(--feather-icon_target);
}
.feather-icon_terminal {
    --feather-icon_svg: var(--feather-icon_terminal);
}
.feather-icon_thermometer {
    --feather-icon_svg: var(--feather-icon_thermometer);
}
.feather-icon_thumbs-down {
    --feather-icon_svg: var(--feather-icon_thumbs-down);
}
.feather-icon_thumbs-up {
    --feather-icon_svg: var(--feather-icon_thumbs-up);
}
.feather-icon_toggle-left {
    --feather-icon_svg: var(--feather-icon_toggle-left);
}
.feather-icon_toggle-right {
    --feather-icon_svg: var(--feather-icon_toggle-right);
}
.feather-icon_tool {
    --feather-icon_svg: var(--feather-icon_tool);
}
.feather-icon_trash-2 {
    --feather-icon_svg: var(--feather-icon_trash-2);
}
.feather-icon_trash {
    --feather-icon_svg: var(--feather-icon_trash);
}
.feather-icon_trello {
    --feather-icon_svg: var(--feather-icon_trello);
}
.feather-icon_trending-down {
    --feather-icon_svg: var(--feather-icon_trending-down);
}
.feather-icon_trending-up {
    --feather-icon_svg: var(--feather-icon_trending-up);
}
.feather-icon_triangle {
    --feather-icon_svg: var(--feather-icon_triangle);
}
.feather-icon_truck {
    --feather-icon_svg: var(--feather-icon_truck);
}
.feather-icon_tv {
    --feather-icon_svg: var(--feather-icon_tv);
}
.feather-icon_twitch {
    --feather-icon_svg: var(--feather-icon_twitch);
}
.feather-icon_twitter {
    --feather-icon_svg: var(--feather-icon_twitter);
}
.feather-icon_type {
    --feather-icon_svg: var(--feather-icon_type);
}
.feather-icon_umbrella {
    --feather-icon_svg: var(--feather-icon_umbrella);
}
.feather-icon_underline {
    --feather-icon_svg: var(--feather-icon_underline);
}
.feather-icon_unlock {
    --feather-icon_svg: var(--feather-icon_unlock);
}
.feather-icon_upload-cloud {
    --feather-icon_svg: var(--feather-icon_upload-cloud);
}
.feather-icon_upload {
    --feather-icon_svg: var(--feather-icon_upload);
}
.feather-icon_user-check {
    --feather-icon_svg: var(--feather-icon_user-check);
}
.feather-icon_user-minus {
    --feather-icon_svg: var(--feather-icon_user-minus);
}
.feather-icon_user-plus {
    --feather-icon_svg: var(--feather-icon_user-plus);
}
.feather-icon_user-x {
    --feather-icon_svg: var(--feather-icon_user-x);
}
.feather-icon_user {
    --feather-icon_svg: var(--feather-icon_user);
}
.feather-icon_users {
    --feather-icon_svg: var(--feather-icon_users);
}
.feather-icon_video-off {
    --feather-icon_svg: var(--feather-icon_video-off);
}
.feather-icon_video {
    --feather-icon_svg: var(--feather-icon_video);
}
.feather-icon_voicemail {
    --feather-icon_svg: var(--feather-icon_voicemail);
}
.feather-icon_volume-1 {
    --feather-icon_svg: var(--feather-icon_volume-1);
}
.feather-icon_volume-2 {
    --feather-icon_svg: var(--feather-icon_volume-2);
}
.feather-icon_volume-x {
    --feather-icon_svg: var(--feather-icon_volume-x);
}
.feather-icon_volume {
    --feather-icon_svg: var(--feather-icon_volume);
}
.feather-icon_watch {
    --feather-icon_svg: var(--feather-icon_watch);
}
.feather-icon_wifi-off {
    --feather-icon_svg: var(--feather-icon_wifi-off);
}
.feather-icon_wifi {
    --feather-icon_svg: var(--feather-icon_wifi);
}
.feather-icon_wind {
    --feather-icon_svg: var(--feather-icon_wind);
}
.feather-icon_x-circle {
    --feather-icon_svg: var(--feather-icon_x-circle);
}
.feather-icon_x-octagon {
    --feather-icon_svg: var(--feather-icon_x-octagon);
}
.feather-icon_x-square {
    --feather-icon_svg: var(--feather-icon_x-square);
}
.feather-icon_x {
    --feather-icon_svg: var(--feather-icon_x);
}
.feather-icon_youtube {
    --feather-icon_svg: var(--feather-icon_youtube);
}
.feather-icon_zap-off {
    --feather-icon_svg: var(--feather-icon_zap-off);
}
.feather-icon_zap {
    --feather-icon_svg: var(--feather-icon_zap);
}
.feather-icon_zoom-in {
    --feather-icon_svg: var(--feather-icon_zoom-in);
}
.feather-icon_zoom-out {
    --feather-icon_svg: var(--feather-icon_zoom-out);
}

:root {
    --feather-icon_activity: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>');
    --feather-icon_airplay: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg>');
    --feather-icon_alert-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>');
    --feather-icon_alert-octagon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>');
    --feather-icon_alert-triangle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>');
    --feather-icon_align-center: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-center"><line x1="18" y1="10" x2="6" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="18" y1="18" x2="6" y2="18"></line></svg>');
    --feather-icon_align-justify: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-justify"><line x1="21" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="21" y1="18" x2="3" y2="18"></line></svg>');
    --feather-icon_align-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-left"><line x1="17" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="17" y1="18" x2="3" y2="18"></line></svg>');
    --feather-icon_align-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-right"><line x1="21" y1="10" x2="7" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="21" y1="18" x2="7" y2="18"></line></svg>');
    --feather-icon_anchor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-anchor"><circle cx="12" cy="5" r="3"></circle><line x1="12" y1="22" x2="12" y2="8"></line><path d="M5 12H2a10 10 0 0 0 20 0h-3"></path></svg>');
    --feather-icon_aperture: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-aperture"><circle cx="12" cy="12" r="10"></circle><line x1="14.31" y1="8" x2="20.05" y2="17.94"></line><line x1="9.69" y1="8" x2="21.17" y2="8"></line><line x1="7.38" y1="12" x2="13.12" y2="2.06"></line><line x1="9.69" y1="16" x2="3.95" y2="6.06"></line><line x1="14.31" y1="16" x2="2.83" y2="16"></line><line x1="16.62" y1="12" x2="10.88" y2="21.94"></line></svg>');
    --feather-icon_archive: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-archive"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg>');
    --feather-icon_arrow-down-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="8 12 12 16 16 12"></polyline><line x1="12" y1="8" x2="12" y2="16"></line></svg>');
    --feather-icon_arrow-down-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down-left"><line x1="17" y1="7" x2="7" y2="17"></line><polyline points="17 17 7 17 7 7"></polyline></svg>');
    --feather-icon_arrow-down-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down-right"><line x1="7" y1="7" x2="17" y2="17"></line><polyline points="17 7 17 17 7 17"></polyline></svg>');
    --feather-icon_arrow-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>');
    --feather-icon_arrow-left-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 8 8 12 12 16"></polyline><line x1="16" y1="12" x2="8" y2="12"></line></svg>');
    --feather-icon_arrow-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>');
    --feather-icon_arrow-right-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line></svg>');
    --feather-icon_arrow-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>');
    --feather-icon_arrow-up-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="16 12 12 8 8 12"></polyline><line x1="12" y1="16" x2="12" y2="8"></line></svg>');
    --feather-icon_arrow-up-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-left"><line x1="17" y1="17" x2="7" y2="7"></line><polyline points="7 17 7 7 17 7"></polyline></svg>');
    --feather-icon_arrow-up-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg>');
    --feather-icon_arrow-up: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>');
    --feather-icon_at-sign: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-at-sign"><circle cx="12" cy="12" r="4"></circle><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path></svg>');
    --feather-icon_award: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-award"><circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg>');
    --feather-icon_bar-chart-2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart-2"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>');
    --feather-icon_bar-chart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg>');
    --feather-icon_battery-charging: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-battery-charging"><path d="M5 18H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.19M15 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.19"></path><line x1="23" y1="13" x2="23" y2="11"></line><polyline points="11 6 7 12 13 12 9 18"></polyline></svg>');
    --feather-icon_battery: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-battery"><rect x="1" y="6" width="18" height="12" rx="2" ry="2"></rect><line x1="23" y1="13" x2="23" y2="11"></line></svg>');
    --feather-icon_bell-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell-off"><path d="M13.73 21a2 2 0 0 1-3.46 0"></path><path d="M18.63 13A17.89 17.89 0 0 1 18 8"></path><path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14"></path><path d="M18 8a6 6 0 0 0-9.33-5"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>');
    --feather-icon_bell: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>');
    --feather-icon_bluetooth: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bluetooth"><polyline points="6.5 6.5 17.5 17.5 12 23 12 1 17.5 6.5 6.5 17.5"></polyline></svg>');
    --feather-icon_bold: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bold"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path></svg>');
    --feather-icon_book-open: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book-open"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>');
    --feather-icon_book: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>');
    --feather-icon_bookmark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg>');
    --feather-icon_box: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-box"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
    --feather-icon_briefcase: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-briefcase"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>');
    --feather-icon_calendar: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');
    --feather-icon_camera-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-camera-off"><line x1="1" y1="1" x2="23" y2="23"></line><path d="M21 21H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3m3-3h6l2 3h4a2 2 0 0 1 2 2v9.34m-7.72-2.06a4 4 0 1 1-5.56-5.56"></path></svg>');
    --feather-icon_camera: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-camera"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>');
    --feather-icon_cast: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cast"><path d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6"></path><line x1="2" y1="20" x2="2.01" y2="20"></line></svg>');
    --feather-icon_check-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-circle"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>');
    --feather-icon_check-square: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>');
    --feather-icon_check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>');
    --feather-icon_chevron-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    --feather-icon_chevron-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>');
    --feather-icon_chevron-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>');
    --feather-icon_chevron-up: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"></polyline></svg>');
    --feather-icon_chevrons-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-down"><polyline points="7 13 12 18 17 13"></polyline><polyline points="7 6 12 11 17 6"></polyline></svg>');
    --feather-icon_chevrons-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-left"><polyline points="11 17 6 12 11 7"></polyline><polyline points="18 17 13 12 18 7"></polyline></svg>');
    --feather-icon_chevrons-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-right"><polyline points="13 17 18 12 13 7"></polyline><polyline points="6 17 11 12 6 7"></polyline></svg>');
    --feather-icon_chevrons-up: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up"><polyline points="17 11 12 6 7 11"></polyline><polyline points="17 18 12 13 7 18"></polyline></svg>');
    --feather-icon_chrome: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chrome"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="21.17" y1="8" x2="12" y2="8"></line><line x1="3.95" y1="6.06" x2="8.54" y2="14"></line><line x1="10.88" y1="21.94" x2="15.46" y2="14"></line></svg>');
    --feather-icon_circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-circle"><circle cx="12" cy="12" r="10"></circle></svg>');
    --feather-icon_clipboard: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clipboard"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg>');
    --feather-icon_clock: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
    --feather-icon_cloud-drizzle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-drizzle"><line x1="8" y1="19" x2="8" y2="21"></line><line x1="8" y1="13" x2="8" y2="15"></line><line x1="16" y1="19" x2="16" y2="21"></line><line x1="16" y1="13" x2="16" y2="15"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="12" y1="15" x2="12" y2="17"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path></svg>');
    --feather-icon_cloud-lightning: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-lightning"><path d="M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9"></path><polyline points="13 11 9 17 15 17 11 23"></polyline></svg>');
    --feather-icon_cloud-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-off"><path d="M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>');
    --feather-icon_cloud-rain: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-rain"><line x1="16" y1="13" x2="16" y2="21"></line><line x1="8" y1="13" x2="8" y2="21"></line><line x1="12" y1="15" x2="12" y2="23"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path></svg>');
    --feather-icon_cloud-snow: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-snow"><path d="M20 17.58A5 5 0 0 0 18 8h-1.26A8 8 0 1 0 4 16.25"></path><line x1="8" y1="16" x2="8.01" y2="16"></line><line x1="8" y1="20" x2="8.01" y2="20"></line><line x1="12" y1="18" x2="12.01" y2="18"></line><line x1="12" y1="22" x2="12.01" y2="22"></line><line x1="16" y1="16" x2="16.01" y2="16"></line><line x1="16" y1="20" x2="16.01" y2="20"></line></svg>');
    --feather-icon_cloud: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>');
    --feather-icon_code: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>');
    --feather-icon_codepen: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-codepen"><polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2"></polygon><line x1="12" y1="22" x2="12" y2="15.5"></line><polyline points="22 8.5 12 15.5 2 8.5"></polyline><polyline points="2 15.5 12 8.5 22 15.5"></polyline><line x1="12" y1="2" x2="12" y2="8.5"></line></svg>');
    --feather-icon_codesandbox: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-codesandbox"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline><polyline points="7.5 19.79 7.5 14.6 3 12"></polyline><polyline points="21 12 16.5 14.6 16.5 19.79"></polyline><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
    --feather-icon_coffee: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-coffee"><path d="M18 8h1a4 4 0 0 1 0 8h-1"></path><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path><line x1="6" y1="1" x2="6" y2="4"></line><line x1="10" y1="1" x2="10" y2="4"></line><line x1="14" y1="1" x2="14" y2="4"></line></svg>');
    --feather-icon_columns: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-columns"><path d="M12 3h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7m0-18H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7m0-18v18"></path></svg>');
    --feather-icon_command: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-command"><path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"></path></svg>');
    --feather-icon_compass: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-compass"><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg>');
    --feather-icon_copy: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>');
    --feather-icon_corner-down-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-down-left"><polyline points="9 10 4 15 9 20"></polyline><path d="M20 4v7a4 4 0 0 1-4 4H4"></path></svg>');
    --feather-icon_corner-down-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-down-right"><polyline points="15 10 20 15 15 20"></polyline><path d="M4 4v7a4 4 0 0 0 4 4h12"></path></svg>');
    --feather-icon_corner-left-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-left-down"><polyline points="14 15 9 20 4 15"></polyline><path d="M20 4h-7a4 4 0 0 0-4 4v12"></path></svg>');
    --feather-icon_corner-left-up: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-left-up"><polyline points="14 9 9 4 4 9"></polyline><path d="M20 20h-7a4 4 0 0 1-4-4V4"></path></svg>');
    --feather-icon_corner-right-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-right-down"><polyline points="10 15 15 20 20 15"></polyline><path d="M4 4h7a4 4 0 0 1 4 4v12"></path></svg>');
    --feather-icon_corner-right-up: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-right-up"><polyline points="10 9 15 4 20 9"></polyline><path d="M4 20h7a4 4 0 0 0 4-4V4"></path></svg>');
    --feather-icon_corner-up-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-up-left"><polyline points="9 14 4 9 9 4"></polyline><path d="M20 20v-7a4 4 0 0 0-4-4H4"></path></svg>');
    --feather-icon_corner-up-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-up-right"><polyline points="15 14 20 9 15 4"></polyline><path d="M4 20v-7a4 4 0 0 1 4-4h12"></path></svg>');
    --feather-icon_cpu: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cpu"><rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line><line x1="20" y1="9" x2="23" y2="9"></line><line x1="20" y1="14" x2="23" y2="14"></line><line x1="1" y1="9" x2="4" y2="9"></line><line x1="1" y1="14" x2="4" y2="14"></line></svg>');
    --feather-icon_credit-card: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-credit-card"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line></svg>');
    --feather-icon_crop: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-crop"><path d="M6.13 1L6 16a2 2 0 0 0 2 2h15"></path><path d="M1 6.13L16 6a2 2 0 0 1 2 2v15"></path></svg>');
    --feather-icon_crosshair: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-crosshair"><circle cx="12" cy="12" r="10"></circle><line x1="22" y1="12" x2="18" y2="12"></line><line x1="6" y1="12" x2="2" y2="12"></line><line x1="12" y1="6" x2="12" y2="2"></line><line x1="12" y1="22" x2="12" y2="18"></line></svg>');
    --feather-icon_database: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-database"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path></svg>');
    --feather-icon_delete: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-delete"><path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"></path><line x1="18" y1="9" x2="12" y2="15"></line><line x1="12" y1="9" x2="18" y2="15"></line></svg>');
    --feather-icon_disc: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-disc"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="3"></circle></svg>');
    --feather-icon_divide-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-divide-circle"><line x1="8" y1="12" x2="16" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line><line x1="12" y1="8" x2="12" y2="8"></line><circle cx="12" cy="12" r="10"></circle></svg>');
    --feather-icon_divide-square: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-divide-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line><line x1="12" y1="8" x2="12" y2="8"></line></svg>');
    --feather-icon_divide: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-divide"><circle cx="12" cy="6" r="2"></circle><line x1="5" y1="12" x2="19" y2="12"></line><circle cx="12" cy="18" r="2"></circle></svg>');
    --feather-icon_dollar-sign: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dollar-sign"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>');
    --feather-icon_download-cloud: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download-cloud"><polyline points="8 17 12 21 16 17"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"></path></svg>');
    --feather-icon_download: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>');
    --feather-icon_dribbble: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dribbble"><circle cx="12" cy="12" r="10"></circle><path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32"></path></svg>');
    --feather-icon_droplet: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-droplet"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"></path></svg>');
    --feather-icon_edit-2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-2"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path></svg>');
    --feather-icon_edit-3: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-3"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg>');
    --feather-icon_edit: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>');
    --feather-icon_external-link: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>');
    --feather-icon_eye-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye-off"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>');
    --feather-icon_eye: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
    --feather-icon_facebook: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>');
    --feather-icon_fast-forward: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-fast-forward"><polygon points="13 19 22 12 13 5 13 19"></polygon><polygon points="2 19 11 12 2 5 2 19"></polygon></svg>');
    --feather-icon_feather: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-feather"><path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path><line x1="16" y1="8" x2="2" y2="22"></line><line x1="17.5" y1="15" x2="9" y2="15"></line></svg>');
    --feather-icon_figma: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-figma"><path d="M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z"></path><path d="M12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z"></path><path d="M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0z"></path><path d="M5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0z"></path><path d="M5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z"></path></svg>');
    --feather-icon_file-minus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-minus"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>');
    --feather-icon_file-plus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-plus"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" y1="18" x2="12" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line></svg>');
    --feather-icon_file-text: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>');
    --feather-icon_file: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>');
    --feather-icon_film: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-film"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect><line x1="7" y1="2" x2="7" y2="22"></line><line x1="17" y1="2" x2="17" y2="22"></line><line x1="2" y1="12" x2="22" y2="12"></line><line x1="2" y1="7" x2="7" y2="7"></line><line x1="2" y1="17" x2="7" y2="17"></line><line x1="17" y1="17" x2="22" y2="17"></line><line x1="17" y1="7" x2="22" y2="7"></line></svg>');
    --feather-icon_filter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>');
    --feather-icon_flag: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-flag"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line></svg>');
    --feather-icon_folder-minus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-folder-minus"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path><line x1="9" y1="14" x2="15" y2="14"></line></svg>');
    --feather-icon_folder-plus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-folder-plus"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path><line x1="12" y1="11" x2="12" y2="17"></line><line x1="9" y1="14" x2="15" y2="14"></line></svg>');
    --feather-icon_folder: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-folder"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>');
    --feather-icon_framer: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-framer"><path d="M5 16V9h14V2H5l14 14h-7m-7 0l7 7v-7m-7 0h7"></path></svg>');
    --feather-icon_frown: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-frown"><circle cx="12" cy="12" r="10"></circle><path d="M16 16s-1.5-2-4-2-4 2-4 2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>');
    --feather-icon_gift: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gift"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg>');
    --feather-icon_git-branch: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-branch"><line x1="6" y1="3" x2="6" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg>');
    --feather-icon_git-commit: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>');
    --feather-icon_git-merge: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-merge"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 0 0 9 9"></path></svg>');
    --feather-icon_git-pull-request: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-pull-request"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><line x1="6" y1="9" x2="6" y2="21"></line></svg>');
    --feather-icon_github: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>');
    --feather-icon_gitlab: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gitlab"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg>');
    --feather-icon_globe: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>');
    --feather-icon_grid: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>');
    --feather-icon_hard-drive: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hard-drive"><line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line></svg>');
    --feather-icon_hash: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line></svg>');
    --feather-icon_headphones: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-headphones"><path d="M3 18v-6a9 9 0 0 1 18 0v6"></path><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"></path></svg>');
    --feather-icon_heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>');
    --feather-icon_help-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>');
    --feather-icon_hexagon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hexagon"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg>');
    --feather-icon_home: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>');
    --feather-icon_image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>');
    --feather-icon_inbox: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-inbox"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path></svg>');
    --feather-icon_info: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>');
    --feather-icon_instagram: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>');
    --feather-icon_italic: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-italic"><line x1="19" y1="4" x2="10" y2="4"></line><line x1="14" y1="20" x2="5" y2="20"></line><line x1="15" y1="4" x2="9" y2="20"></line></svg>');
    --feather-icon_key: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>');
    --feather-icon_layers: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>');
    --feather-icon_layout: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layout"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>');
    --feather-icon_life-buoy: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-life-buoy"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="4.93" y1="4.93" x2="9.17" y2="9.17"></line><line x1="14.83" y1="14.83" x2="19.07" y2="19.07"></line><line x1="14.83" y1="9.17" x2="19.07" y2="4.93"></line><line x1="14.83" y1="9.17" x2="18.36" y2="5.64"></line><line x1="4.93" y1="19.07" x2="9.17" y2="14.83"></line></svg>');
    --feather-icon_link-2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link-2"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>');
    --feather-icon_link: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>');
    --feather-icon_linkedin: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>');
    --feather-icon_list: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>');
    --feather-icon_loader: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>');
    --feather-icon_lock: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>');
    --feather-icon_log-in: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-in"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" y1="12" x2="3" y2="12"></line></svg>');
    --feather-icon_log-out: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>');
    --feather-icon_mail: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
    --feather-icon_map-pin: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
    --feather-icon_map: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map"><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"></polygon><line x1="8" y1="2" x2="8" y2="18"></line><line x1="16" y1="6" x2="16" y2="22"></line></svg>');
    --feather-icon_maximize-2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>');
    --feather-icon_maximize: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg>');
    --feather-icon_meh: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-meh"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="15" x2="16" y2="15"></line><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>');
    --feather-icon_menu: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>');
    --feather-icon_message-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>');
    --feather-icon_message-square: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>');
    --feather-icon_mic-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mic-off"><line x1="1" y1="1" x2="23" y2="23"></line><path d="M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"></path><path d="M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg>');
    --feather-icon_mic: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mic"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg>');
    --feather-icon_minimize-2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minimize-2"><polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>');
    --feather-icon_minimize: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minimize"><path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"></path></svg>');
    --feather-icon_minus-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="12" x2="16" y2="12"></line></svg>');
    --feather-icon_minus-square: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line></svg>');
    --feather-icon_minus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>');
    --feather-icon_monitor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-monitor"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>');
    --feather-icon_moon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-moon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>');
    --feather-icon_more-horizontal: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>');
    --feather-icon_more-vertical: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-vertical"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>');
    --feather-icon_mouse-pointer: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mouse-pointer"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>');
    --feather-icon_move: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-move"><polyline points="5 9 2 12 5 15"></polyline><polyline points="9 5 12 2 15 5"></polyline><polyline points="15 19 12 22 9 19"></polyline><polyline points="19 9 22 12 19 15"></polyline><line x1="2" y1="12" x2="22" y2="12"></line><line x1="12" y1="2" x2="12" y2="22"></line></svg>');
    --feather-icon_music: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-music"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>');
    --feather-icon_navigation-2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation-2"><polygon points="12 2 19 21 12 17 5 21 12 2"></polygon></svg>');
    --feather-icon_navigation: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>');
    --feather-icon_octagon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon></svg>');
    --feather-icon_ordered: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 6H21" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 12H21" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 18H21" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.87678 4.36364V8H2.10795V5.09339H2.08665L1.25391 5.61541V4.93359L2.15412 4.36364H2.87678Z" fill="black"/><path d="M1.29474 14V13.446L2.58913 12.2475C2.69922 12.141 2.79155 12.0451 2.86612 11.9599C2.94188 11.8746 2.99929 11.7912 3.03835 11.7095C3.07741 11.6267 3.09695 11.5373 3.09695 11.4414C3.09695 11.3349 3.07268 11.2431 3.02415 11.1662C2.97562 11.0881 2.90933 11.0283 2.82528 10.9869C2.74124 10.9442 2.64595 10.9229 2.53942 10.9229C2.42815 10.9229 2.33108 10.9454 2.24822 10.9904C2.16536 11.0354 2.10144 11.0999 2.05646 11.1839C2.01148 11.268 1.98899 11.368 1.98899 11.484H1.25923C1.25923 11.2461 1.31309 11.0395 1.42081 10.8643C1.52853 10.6892 1.67945 10.5536 1.87358 10.4577C2.06771 10.3619 2.29143 10.3139 2.54474 10.3139C2.80516 10.3139 3.03184 10.3601 3.22479 10.4524C3.41892 10.5436 3.56984 10.6702 3.67756 10.8324C3.78527 10.9946 3.83913 11.1804 3.83913 11.3899C3.83913 11.5272 3.81191 11.6628 3.75746 11.7965C3.70419 11.9303 3.6089 12.0788 3.47159 12.2422C3.33428 12.4044 3.14074 12.5991 2.89098 12.8263L2.36009 13.3466V13.3714H3.88707V14H1.29474Z" fill="black"/><path d="M2.63885 20.0497C2.3737 20.0497 2.13755 20.0041 1.9304 19.913C1.72443 19.8207 1.56167 19.694 1.44212 19.533C1.32375 19.3709 1.26278 19.1838 1.25923 18.9719H2.03338C2.03812 19.0607 2.06712 19.1388 2.12038 19.2063C2.17483 19.2726 2.24704 19.3241 2.337 19.3608C2.42696 19.3975 2.52817 19.4158 2.64062 19.4158C2.75781 19.4158 2.86139 19.3951 2.95135 19.3537C3.04131 19.3123 3.11174 19.2549 3.16264 19.1815C3.21354 19.1081 3.23899 19.0234 3.23899 18.9276C3.23899 18.8305 3.21177 18.7447 3.15732 18.6701C3.10405 18.5943 3.02711 18.5352 2.92649 18.4925C2.82706 18.4499 2.70869 18.4286 2.57138 18.4286H2.23224V17.864H2.57138C2.68738 17.864 2.78977 17.8439 2.87855 17.8036C2.96851 17.7634 3.03835 17.7077 3.08807 17.6367C3.13778 17.5645 3.16264 17.4805 3.16264 17.3846C3.16264 17.2934 3.14074 17.2135 3.09695 17.1449C3.05433 17.075 2.99396 17.0206 2.91584 16.9815C2.8389 16.9425 2.74893 16.9229 2.64595 16.9229C2.54179 16.9229 2.4465 16.9419 2.36009 16.9798C2.27367 17.0165 2.20443 17.0691 2.15234 17.1378C2.10026 17.2064 2.07244 17.2869 2.06889 17.3793H1.33203C1.33558 17.1697 1.39536 16.9851 1.51136 16.8253C1.62737 16.6655 1.78362 16.5406 1.98011 16.4506C2.17779 16.3595 2.40092 16.3139 2.6495 16.3139C2.90045 16.3139 3.12003 16.3595 3.30824 16.4506C3.49645 16.5418 3.64264 16.6649 3.7468 16.82C3.85215 16.9738 3.90424 17.1467 3.90305 17.3384C3.90424 17.542 3.84091 17.7119 3.71307 17.848C3.58641 17.9841 3.42128 18.0705 3.21768 18.1072V18.1357C3.4852 18.17 3.6888 18.2629 3.82848 18.4144C3.96934 18.5647 4.03918 18.753 4.038 18.979C4.03918 19.1862 3.9794 19.3703 3.85866 19.5312C3.73911 19.6922 3.57398 19.8189 3.36328 19.9112C3.15258 20.0036 2.9111 20.0497 2.63885 20.0497Z" fill="black"/></svg>');
    --feather-icon_package: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-package"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
    --feather-icon_paperclip: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-paperclip"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>');
    --feather-icon_pause-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pause-circle"><circle cx="12" cy="12" r="10"></circle><line x1="10" y1="15" x2="10" y2="9"></line><line x1="14" y1="15" x2="14" y2="9"></line></svg>');
    --feather-icon_pause: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pause"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>');
    --feather-icon_pen-tool: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool"><path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>');
    --feather-icon_percent: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-percent"><line x1="19" y1="5" x2="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle></svg>');
    --feather-icon_phone-call: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-call"><path d="M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
    --feather-icon_phone-forwarded: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-forwarded"><polyline points="19 1 23 5 19 9"></polyline><line x1="15" y1="5" x2="23" y2="5"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
    --feather-icon_phone-incoming: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-incoming"><polyline points="16 2 16 8 22 8"></polyline><line x1="23" y1="1" x2="16" y2="8"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
    --feather-icon_phone-missed: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-missed"><line x1="23" y1="1" x2="17" y2="7"></line><line x1="17" y1="1" x2="23" y2="7"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
    --feather-icon_phone-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-off"><path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"></path><line x1="23" y1="1" x2="1" y2="23"></line></svg>');
    --feather-icon_phone-outgoing: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-outgoing"><polyline points="23 7 23 1 17 1"></polyline><line x1="16" y1="8" x2="23" y2="1"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
    --feather-icon_phone: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
    --feather-icon_pie-chart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pie-chart"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>');
    --feather-icon_play-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play-circle"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg>');
    --feather-icon_play: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>');
    --feather-icon_plus-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>');
    --feather-icon_plus-square: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>');
    --feather-icon_plus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>');
    --feather-icon_pocket: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pocket"><path d="M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z"></path><polyline points="8 10 12 14 16 10"></polyline></svg>');
    --feather-icon_power: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-power"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg>');
    --feather-icon_printer: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-printer"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg>');
    --feather-icon_radio: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-radio"><circle cx="12" cy="12" r="2"></circle><path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"></path></svg>');
    --feather-icon_refresh-ccw: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-ccw"><polyline points="1 4 1 10 7 10"></polyline><polyline points="23 20 23 14 17 14"></polyline><path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"></path></svg>');
    --feather-icon_refresh-cw: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>');
    --feather-icon_remove-format: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_456_23516)"><path d="M4 7V4M20 7V4H10" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 20H15" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 4V6M1 1L23 23M12 12V20" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_456_23516"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
    --feather-icon_repeat: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>');
    --feather-icon_rewind: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rewind"><polygon points="11 19 2 12 11 5 11 19"></polygon><polygon points="22 19 13 12 22 5 22 19"></polygon></svg>');
    --feather-icon_rotate-ccw: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>');
    --feather-icon_rotate-cw: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-cw"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path></svg>');
    --feather-icon_rss: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>');
    --feather-icon_save: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-save"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg>');
    --feather-icon_scissors: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-scissors"><circle cx="6" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><line x1="20" y1="4" x2="8.12" y2="15.88"></line><line x1="14.47" y1="14.48" x2="20" y2="20"></line><line x1="8.12" y1="8.12" x2="12" y2="12"></line></svg>');
    --feather-icon_search: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>');
    --feather-icon_send: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-send"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>');
    --feather-icon_server: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-server"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect><rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect><line x1="6" y1="6" x2="6.01" y2="6"></line><line x1="6" y1="18" x2="6.01" y2="18"></line></svg>');
    --feather-icon_settings: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>');
    --feather-icon_share-2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share-2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg>');
    --feather-icon_share: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line></svg>');
    --feather-icon_shield-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shield-off"><path d="M19.69 14a6.9 6.9 0 0 0 .31-2V5l-8-3-3.16 1.18"></path><path d="M4.73 4.73L4 5v7c0 6 8 10 8 10a20.29 20.29 0 0 0 5.62-4.38"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>');
    --feather-icon_shield: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shield"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>');
    --feather-icon_shopping-bag: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-bag"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><line x1="3" y1="6" x2="21" y2="6"></line><path d="M16 10a4 4 0 0 1-8 0"></path></svg>');
    --feather-icon_shopping-cart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg>');
    --feather-icon_shuffle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shuffle"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg>');
    --feather-icon_sidebar: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sidebar"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="3" x2="9" y2="21"></line></svg>');
    --feather-icon_skip-back: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-skip-back"><polygon points="19 20 9 12 19 4 19 20"></polygon><line x1="5" y1="19" x2="5" y2="5"></line></svg>');
    --feather-icon_skip-forward: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-skip-forward"><polygon points="5 4 15 12 5 20 5 4"></polygon><line x1="19" y1="5" x2="19" y2="19"></line></svg>');
    --feather-icon_slack: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-slack"><path d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z"></path><path d="M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path><path d="M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z"></path><path d="M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z"></path><path d="M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z"></path><path d="M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"></path><path d="M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z"></path><path d="M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z"></path></svg>');
    --feather-icon_slash: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-slash"><circle cx="12" cy="12" r="10"></circle><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line></svg>');
    --feather-icon_sliders: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sliders"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>');
    --feather-icon_smartphone: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smartphone"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg>');
    --feather-icon_smile: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>');
    --feather-icon_speaker: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-speaker"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><circle cx="12" cy="14" r="4"></circle><line x1="12" y1="6" x2="12.01" y2="6"></line></svg>');
    --feather-icon_square: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect></svg>');
    --feather-icon_star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>');
    --feather-icon_stop-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-stop-circle"><circle cx="12" cy="12" r="10"></circle><rect x="9" y="9" width="6" height="6"></rect></svg>');
    --feather-icon_strikethrough: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.0001 7V4H20.0001V7M22 12.5H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 20H15" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12.5V20M12 4V8.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    --feather-icon_sun: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>');
    --feather-icon_sunrise: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sunrise"><path d="M17 18a5 5 0 0 0-10 0"></path><line x1="12" y1="2" x2="12" y2="9"></line><line x1="4.22" y1="10.22" x2="5.64" y2="11.64"></line><line x1="1" y1="18" x2="3" y2="18"></line><line x1="21" y1="18" x2="23" y2="18"></line><line x1="18.36" y1="11.64" x2="19.78" y2="10.22"></line><line x1="23" y1="22" x2="1" y2="22"></line><polyline points="8 6 12 2 16 6"></polyline></svg>');
    --feather-icon_sunset: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sunset"><path d="M17 18a5 5 0 0 0-10 0"></path><line x1="12" y1="9" x2="12" y2="2"></line><line x1="4.22" y1="10.22" x2="5.64" y2="11.64"></line><line x1="1" y1="18" x2="3" y2="18"></line><line x1="21" y1="18" x2="23" y2="18"></line><line x1="18.36" y1="11.64" x2="19.78" y2="10.22"></line><line x1="23" y1="22" x2="1" y2="22"></line><polyline points="16 5 12 9 8 5"></polyline></svg>');
    --feather-icon_table: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-table"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"></path></svg>');
    --feather-icon_tablet: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tablet"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg>');
    --feather-icon_tag: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line></svg>');
    --feather-icon_target: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>');
    --feather-icon_terminal: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-terminal"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>');
    --feather-icon_thermometer: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thermometer"><path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z"></path></svg>');
    --feather-icon_thumbs-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thumbs-down"><path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path></svg>');
    --feather-icon_thumbs-up: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thumbs-up"><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg>');
    --feather-icon_toggle-left: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-toggle-left"><rect x="1" y="5" width="22" height="14" rx="7" ry="7"></rect><circle cx="8" cy="12" r="3"></circle></svg>');
    --feather-icon_toggle-right: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-toggle-right"><rect x="1" y="5" width="22" height="14" rx="7" ry="7"></rect><circle cx="16" cy="12" r="3"></circle></svg>');
    --feather-icon_tool: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tool"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg>');
    --feather-icon_trash-2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>');
    --feather-icon_trash: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>');
    --feather-icon_trello: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trello"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><rect x="7" y="7" width="3" height="9"></rect><rect x="14" y="7" width="3" height="5"></rect></svg>');
    --feather-icon_trending-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trending-down"><polyline points="23 18 13.5 8.5 8.5 13.5 1 6"></polyline><polyline points="17 18 23 18 23 12"></polyline></svg>');
    --feather-icon_trending-up: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trending-up"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg>');
    --feather-icon_triangle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path></svg>');
    --feather-icon_truck: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-truck"><rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle></svg>');
    --feather-icon_tv: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tv"><rect x="2" y="7" width="20" height="15" rx="2" ry="2"></rect><polyline points="17 2 12 7 7 2"></polyline></svg>');
    --feather-icon_twitch: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitch"><path d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7"></path></svg>');
    --feather-icon_twitter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>');
    --feather-icon_type: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-type"><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" y1="20" x2="15" y2="20"></line><line x1="12" y1="4" x2="12" y2="20"></line></svg>');
    --feather-icon_umbrella: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-umbrella"><path d="M23 12a11.05 11.05 0 0 0-22 0zm-5 7a3 3 0 0 1-6 0v-7"></path></svg>');
    --feather-icon_underline: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-underline"><path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"></path><line x1="4" y1="21" x2="20" y2="21"></line></svg>');
    --feather-icon_unlock: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-unlock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>');
    --feather-icon_upload-cloud: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload-cloud"><polyline points="16 16 12 12 8 16"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"></path><polyline points="16 16 12 12 8 16"></polyline></svg>');
    --feather-icon_upload: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>');
    --feather-icon_user-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-check"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><polyline points="17 11 19 13 23 9"></polyline></svg>');
    --feather-icon_user-minus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-minus"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="23" y1="11" x2="17" y2="11"></line></svg>');
    --feather-icon_user-plus: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-plus"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="20" y1="8" x2="20" y2="14"></line><line x1="23" y1="11" x2="17" y2="11"></line></svg>');
    --feather-icon_user-x: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-x"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="18" y1="8" x2="23" y2="13"></line><line x1="23" y1="8" x2="18" y2="13"></line></svg>');
    --feather-icon_user: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>');
    --feather-icon_users: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>');
    --feather-icon_video-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-video-off"><path d="M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2m5.66 0H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>');
    --feather-icon_video: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-video"><polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect></svg>');
    --feather-icon_voicemail: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-voicemail"><circle cx="5.5" cy="11.5" r="4.5"></circle><circle cx="18.5" cy="11.5" r="4.5"></circle><line x1="5.5" y1="16" x2="18.5" y2="16"></line></svg>');
    --feather-icon_volume-1: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume-1"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>');
    --feather-icon_volume-2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume-2"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>');
    --feather-icon_volume-x: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume-x"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><line x1="23" y1="9" x2="17" y2="15"></line><line x1="17" y1="9" x2="23" y2="15"></line></svg>');
    --feather-icon_volume: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon></svg>');
    --feather-icon_watch: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-watch"><circle cx="12" cy="12" r="7"></circle><polyline points="12 9 12 12 13.5 13.5"></polyline><path d="M16.51 17.35l-.35 3.83a2 2 0 0 1-2 1.82H9.83a2 2 0 0 1-2-1.82l-.35-3.83m.01-10.7l.35-3.83A2 2 0 0 1 9.83 1h4.35a2 2 0 0 1 2 1.82l.35 3.83"></path></svg>');
    --feather-icon_wifi-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-wifi-off"><line x1="1" y1="1" x2="23" y2="23"></line><path d="M16.72 11.06A10.94 10.94 0 0 1 19 12.55"></path><path d="M5 12.55a10.94 10.94 0 0 1 5.17-2.39"></path><path d="M10.71 5.05A16 16 0 0 1 22.58 9"></path><path d="M1.42 9a15.91 15.91 0 0 1 4.7-2.88"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line></svg>');
    --feather-icon_wifi: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-wifi"><path d="M5 12.55a11 11 0 0 1 14.08 0"></path><path d="M1.42 9a16 16 0 0 1 21.16 0"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line></svg>');
    --feather-icon_wind: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-wind"><path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2"></path></svg>');
    --feather-icon_x-circle: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>');
    --feather-icon_x-octagon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>');
    --feather-icon_x-square: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="9" x2="15" y2="15"></line><line x1="15" y1="9" x2="9" y2="15"></line></svg>');
    --feather-icon_x: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
    --feather-icon_youtube: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>');
    --feather-icon_zap-off: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zap-off"><polyline points="12.41 6.75 13 2 10.57 4.92"></polyline><polyline points="18.57 12.91 21 10 15.66 10"></polyline><polyline points="8 8 3 14 12 14 11 22 16 16"></polyline><line x1="1" y1="1" x2="23" y2="23"></line></svg>');
    --feather-icon_zap: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zap"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>');
    --feather-icon_zoom-in: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zoom-in"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>');
    --feather-icon_zoom-out: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zoom-out"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>');
}
/* Search Input Feather icon */
.slds-input-has-icon input[type='search'] {
    --slds-c-input-spacing-horizontal-start: 2.125rem;
}
.slds-input-has-icon input[type='search'] + lightning-primitive-icon {
    --feather-icon_svg: var(--feather-icon_search);
    --slds-c-button-text-color: var(--ink-lighter);
    --feather-icon-width: 1.25rem;
    --feather-icon-height: 1.25rem;
    --feather-icon-margin-top: calc(calc(var(--feather-icon-width) / 2) * -1);

    & svg {
        mask: var(--feather-icon_svg);
        background: var(--slds-c-button-text-color);
        mask-size: cover;
        width: var(--feather-icon-width, 1rem);
        height: var(--feather-icon-height, 1rem);
        margin-top: var(--feather-icon-margin-top, -0.4375rem);
        left: var(--feather-icon-left-position, 0.5rem);

        & * {
            visibility: hidden;
        }
    }
}

/* other css icons */
.supplierContainer,
.team-lookup-container {
    & .slds-icon_container.slds-icon-standard-category,
    & .slds-icon_container.slds-icon-standard-account {
        --slds-c-button-text-color: var(--blue-60);
        --sds-c-icon-color-background: transparent;

        & svg {
            mask: var(--feather-icon_svg);
            background: var(--slds-c-button-text-color);
            mask-size: cover;

            & * {
                visibility: hidden;
            }
        }
    }

    & .slds-icon_container.slds-icon-standard-account {
        --feather-icon_svg: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Display-icons / Code / Compiling"><path id="Combined Shape" opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M19.0607 14.5962C18.4749 15.182 18.4749 16.1317 19.0607 16.7175L22.5962 20.2531C23.182 20.8389 24.1317 20.8389 24.7175 20.2531L28.2531 16.7175C28.8389 16.1317 28.8389 15.182 28.2531 14.5962L24.7175 11.0607C24.1317 10.4749 23.182 10.4749 22.5962 11.0607L19.0607 14.5962ZM3.06068 14.5962C2.47489 15.182 2.47489 16.1317 3.06068 16.7175L6.59621 20.2531C7.182 20.8389 8.13175 20.8389 8.71753 20.2531L12.2531 16.7175C12.8389 16.1317 12.8389 15.182 12.2531 14.5962L8.71753 11.0607C8.13175 10.4749 7.182 10.4749 6.59621 11.0607L3.06068 14.5962Z" fill="%23307BF3"/><path id="Combined Shape_2" fill-rule="evenodd" clip-rule="evenodd" d="M11.0607 6.59621C10.4749 7.182 10.4749 8.13175 11.0607 8.71753L14.5962 12.2531C15.182 12.8389 16.1317 12.8389 16.7175 12.2531L20.2531 8.71753C20.8389 8.13175 20.8389 7.182 20.2531 6.59621L16.7175 3.06068C16.1317 2.47489 15.182 2.47489 14.5962 3.06068L11.0607 6.59621ZM11.0607 22.5962C10.4749 23.182 10.4749 24.1317 11.0607 24.7175L14.5962 28.2531C15.182 28.8389 16.1317 28.8389 16.7175 28.2531L20.2531 24.7175C20.8389 24.1317 20.8389 23.182 20.2531 22.5962L16.7175 19.0607C16.1317 18.4749 15.182 18.4749 14.5962 19.0607L11.0607 22.5962Z" fill="%23307BF3"/></g></svg>');
    }
    & .slds-icon_container.slds-icon-standard-category {
        --feather-icon_svg: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Display-icons / Electric / Fan"><path id="Oval 32 Copy 3" opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M31.1658 25.1961C29.5089 28.0659 24.5469 28.3029 20.0829 25.7256C15.6188 23.1483 13.3431 18.7325 15 15.8628C16.6568 12.993 21.6188 12.756 26.0829 15.3333C30.5469 17.9106 32.8226 22.3264 31.1658 25.1961Z" fill="%23307BF3"/><path id="Oval 32 Copy 5" opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M16.6666 2.66671C13.3529 2.66671 10.6666 6.84538 10.6666 12C10.6666 17.1547 13.3529 21.3334 16.6666 21.3334C19.9803 21.3334 22.6666 17.1547 22.6666 12C22.6666 6.84538 19.9803 2.66671 16.6666 2.66671Z" fill="%23307BF3"/><path id="Oval 32 Copy 4" opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M1.6666 25.1961C0.00974929 22.3264 2.28544 17.9106 6.74951 15.3333C11.2136 12.756 16.1756 12.993 17.8324 15.8628C19.4893 18.7325 17.2136 23.1483 12.7495 25.7256C8.28544 28.3029 3.32346 28.0659 1.6666 25.1961Z" fill="%23307BF3"/></g></svg>');
    }
}

/* DISPLAY  */
.w100 {
    width: 100%;
}
.h100 {
    height: 100%;
}

.display-contents {
    display: contents;
}
.display-block {
    display: block;
}
.display-inline-block {
    display: inline-block;
}

.display-flex,
.slds-grid:not(.slds-checkbox_toggle) {
    column-gap: var(--grid-col-gap);
    row-gap: var(--grid-row-gap);
}
.display-flex {
    --grid-col-gap: 1rem;
    --grid-row-gap: 1rem;
    display: flex;
}
.display-grid {
    --grid-column-count: 1;
    --grid-col-gap: 1rem;
    --grid-row-gap: 1rem;

    display: grid;
    grid-template-columns: var(--grid-template-columns, repeat(var(--grid-column-count), 1fr));
    column-gap: var(--grid-col-gap);
    row-gap: var(--grid-row-gap);

    &.grid-count_2 {
        --grid-column-count: 2;

        &.se_rightSidebar {
            --grid-template-columns: var(--grid-column_1) var(--grid-column_2);
            --grid-col-gap: 0;
            --grid-row-gap: 0;
            --grid-column_1: 75%;
            --grid-column_2: 25%;
        }
    }
    &.grid-count_3 {
        --grid-column-count: 3;
    }
    &.grid-count_4 {
        --grid-column-count: 4;
    }
    &.grid-count_5 {
        --grid-column-count: 5;
    }
    &.grid-count_6 {
        --grid-column-count: 6;
    }
    &.grid-count_7 {
        --grid-column-count: 7;
    }
    &.grid-count_8 {
        --grid-column-count: 8;
    }
    &.grid-count_9 {
        --grid-column-count: 9;
    }
    &.grid-count_10 {
        --grid-column-count: 10;
    }
    &.grid-count_11 {
        --grid-column-count: 11;
    }
    &.grid-count_12 {
        --grid-column-count: 12;
    }
    &.slds-form-element {
        display: block;

        --grid-column-count: 1;
        --grid-col-gap: 1rem;
        --grid-row-gap: 1rem;

        &.grid-count_2 {
            --grid-column-count: 2;
        }
        &.grid-count_3 {
            --grid-column-count: 3;
        }
        &.grid-count_4 {
            --grid-column-count: 4;
        }
        &.grid-count_5 {
            --grid-column-count: 5;
        }
        &.grid-count_6 {
            --grid-column-count: 6;
        }
        &.grid-count_7 {
            --grid-column-count: 7;
        }
        &.grid-count_8 {
            --grid-column-count: 8;
        }
        &.grid-count_9 {
            --grid-column-count: 9;
        }
        &.grid-count_10 {
            --grid-column-count: 10;
        }
        &.grid-count_11 {
            --grid-column-count: 11;
        }
        &.grid-count_12 {
            --grid-column-count: 12;
        }

        & .slds-form-element__control {
            display: grid;
            grid-template-columns: repeat(var(--grid-column-count), 1fr);
            column-gap: var(--grid-col-gap);
            row-gap: var(--grid-row-gap);
        }
    }
}
@media (min-width: 30em) {
    /* small */
    .display-grid {
        &.grid-count-sm_2 {
            --grid-column-count: 2;
        }
        &.grid-count-sm_3 {
            --grid-column-count: 3;
        }
        &.grid-count-sm_4 {
            --grid-column-count: 4;
        }
        &.grid-count-sm_5 {
            --grid-column-count: 5;
        }
        &.grid-count-sm_6 {
            --grid-column-count: 6;
        }
        &.grid-count-sm_7 {
            --grid-column-count: 7;
        }
        &.grid-count-sm_8 {
            --grid-column-count: 8;
        }
        &.grid-count-sm_9 {
            --grid-column-count: 9;
        }
        &.grid-count-sm_10 {
            --grid-column-count: 10;
        }
        &.grid-count-sm_11 {
            --grid-column-count: 11;
        }
        &.grid-count-sm_12 {
            --grid-column-count: 12;
        }
    }
}
@media (min-width: 48em) {
    /* medium */
    .display-grid {
        &.grid-count-md_2 {
            --grid-column-count: 2;
        }
        &.grid-count-md_3 {
            --grid-column-count: 3;
        }
        &.grid-count-md_4 {
            --grid-column-count: 4;
        }
        &.grid-count-md_5 {
            --grid-column-count: 5;
        }
        &.grid-count-md_6 {
            --grid-column-count: 6;
        }
        &.grid-count-md_7 {
            --grid-column-count: 7;
        }
        &.grid-count-md_8 {
            --grid-column-count: 8;
        }
        &.grid-count-md_9 {
            --grid-column-count: 9;
        }
        &.grid-count-md_10 {
            --grid-column-count: 10;
        }
        &.grid-count-md_11 {
            --grid-column-count: 11;
        }
        &.grid-count-md_12 {
            --grid-column-count: 12;
        }
    }
}
@media (min-width: 64em) {
    /* large */
    .display-grid {
        &.grid-count-lg_2 {
            --grid-column-count: 2;
            grid-template-columns: var(--grid-column_1) var(--grid-column_2);

            &.se_rightSidebar {
                --grid-col-gap: 0;
                --grid-row-gap: 0;
                --grid-column_1: 75%;
                --grid-column_2: 25%;
            }
        }
        &.grid-count-lg_3 {
            --grid-column-count: 3;
        }
        &.grid-count-lg_4 {
            --grid-column-count: 4;
        }
        &.grid-count-lg_5 {
            --grid-column-count: 5;
        }
        &.grid-count-lg_6 {
            --grid-column-count: 6;
        }
        &.grid-count-lg_7 {
            --grid-column-count: 7;
        }
        &.grid-count-lg_8 {
            --grid-column-count: 8;
        }
        &.grid-count-lg_9 {
            --grid-column-count: 9;
        }
        &.grid-count-lg_10 {
            --grid-column-count: 10;
        }
        &.grid-count-lg_11 {
            --grid-column-count: 11;
        }
        &.grid-count-lg_12 {
            --grid-column-count: 12;
        }
    }
}

@media (min-width: 78em) {
    /* large */
    .display-grid {
        &.grid-count-xl_2 {
            --grid-column-count: 2;
        }
        &.grid-count-xl_3 {
            --grid-column-count: 3;
        }
        &.grid-count-xl_4 {
            --grid-column-count: 4;
        }
        &.grid-count-xl_5 {
            --grid-column-count: 5;
        }
        &.grid-count-xl_6 {
            --grid-column-count: 6;
        }
        &.grid-count-xl_7 {
            --grid-column-count: 7;
        }
        &.grid-count-xl_8 {
            --grid-column-count: 8;
        }
        &.grid-count-xl_9 {
            --grid-column-count: 9;
        }
        &.grid-count-xl_10 {
            --grid-column-count: 10;
        }
        &.grid-count-xl_11 {
            --grid-column-count: 11;
        }
        &.grid-count-xl_12 {
            --grid-column-count: 12;
        }
    }
}

.gap-zero {
    --grid-row-gap: 0;
    --grid-col-gap: 0;
    &.slds-form-element {
        --grid-row-gap: 0;
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0;
            --grid-col-gap: 0;
        }
    }
}
.gap-xxxs {
    --grid-row-gap: 0.125rem;
    --grid-col-gap: 0.125rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0.125rem;
            --grid-col-gap: 0.125rem;
        }
    }
}
.gap-xxs {
    --grid-row-gap: 0.25rem;
    --grid-col-gap: 0.25rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0.25rem;
            --grid-col-gap: 0.25rem;
        }
    }
}
.gap-xs {
    --grid-row-gap: 0.5rem;
    --grid-col-gap: 0.5rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0.5rem;
            --grid-col-gap: 0.5rem;
        }
    }
}
.gap-s {
    --grid-row-gap: 0.75rem;
    --grid-col-gap: 0.75rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0.75rem;
            --grid-col-gap: 0.75rem;
        }
    }
}
.gap-m {
    --grid-row-gap: 1rem;
    --grid-col-gap: 1rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 1rem;
            --grid-col-gap: 1rem;
        }
    }
}
.gap-l {
    --grid-row-gap: 1.5rem;
    --grid-col-gap: 1.5rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 1.5rem;
            --grid-col-gap: 1.5rem;
        }
    }
}
.gap-xl {
    --grid-row-gap: 2rem;
    --grid-col-gap: 2rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 2rem;
            --grid-col-gap: 2rem;
        }
    }
}
.gap-xxl {
    --grid-row-gap: 3rem;
    --grid-col-gap: 3rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 3rem;
            --grid-col-gap: 3rem;
        }
    }
}

.gap-col-zero {
    --grid-col-gap: 0;
    &.slds-form-element {
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-col-gap: 0;
        }
    }
}
.gap-col-xxxs {
    --grid-col-gap: 0.125rem;
    &.slds-form-element {
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-col-gap: 0.125rem;
        }
    }
}
.gap-col-xxs {
    --grid-col-gap: 0.25rem;
    &.slds-form-element {
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-col-gap: 0.25rem;
        }
    }
}
.gap-col-xs {
    --grid-col-gap: 0.5rem;
    &.slds-form-element {
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-col-gap: 0.5rem;
        }
    }
}
.gap-col-s {
    --grid-col-gap: 0.75rem;
    &.slds-form-element {
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-col-gap: 0.75rem;
        }
    }
}
.gap-col-m {
    --grid-col-gap: 1rem;
    &.slds-form-element {
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-col-gap: 1rem;
        }
    }
}
.gap-col-l {
    --grid-col-gap: 1.5rem;
    &.slds-form-element {
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-col-gap: 1.5rem;
        }
    }
}
.gap-col-xl {
    --grid-col-gap: 2rem;
    &.slds-form-element {
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-col-gap: 2rem;
        }
    }
}
.gap-col-xxl {
    --grid-col-gap: 3rem;
    &.slds-form-element {
        --grid-col-gap: 0;
        & .slds-form-element__control {
            --grid-col-gap: 3rem;
        }
    }
}

.gap-row-zero {
    --grid-row-gap: 0;
    &.slds-form-element {
        --grid-row-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0;
        }
    }
}
.gap-row-xxxs {
    --grid-row-gap: 0.125rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0.125rem;
        }
    }
}
.gap-row-xxs {
    --grid-row-gap: 0.25rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0.25rem;
        }
    }
}
.gap-row-xs {
    --grid-row-gap: 0.5rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0.5rem;
        }
    }
}
.gap-row-s {
    --grid-row-gap: 0.75rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 0.75rem;
        }
    }
}
.gap-row-m {
    --grid-row-gap: 1rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 1rem;
        }
    }
}
.gap-row-l {
    --grid-row-gap: 1.5rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 1.5rem;
        }
    }
}
.gap-row-xl {
    --grid-row-gap: 2rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 2rem;
        }
    }
}
.gap-row-xxl {
    --grid-row-gap: 3rem;
    &.slds-form-element {
        --grid-row-gap: 0;
        & .slds-form-element__control {
            --grid-row-gap: 3rem;
        }
    }
}

.col-start-2 {
    grid-column-start: 2;
}
.col-start-3 {
    grid-column-start: 3;
}
.col-start-4 {
    grid-column-start: 4;
}
.col-start-5 {
    grid-column-start: 5;
}
.col-start-6 {
    grid-column-start: 6;
}
.col-end-2 {
    grid-column-end: 2;
}
.col-end-3 {
    grid-column-end: 3;
}
.col-end-4 {
    grid-column-end: 4;
}
.col-end-5 {
    grid-column-end: 5;
}
.col-end-6 {
    grid-column-end: 6;
}

.flex-column {
    flex-direction: column;
}

.position {
    --item-position: unset;
    position: var(--item-position);

    &.is-static {
        --item-position: static;
    }
    &.is-relative {
        --item-position: relative;
    }
    &.is-absolute {
        --item-position: absolute;
    }
    &.is-sticky {
        --item-position: sticky;
    }
    &.is-fixed {
        --item-position: fixed;
    }
}

/* COMBOBOX AND INPUT */
:root {
    --slds-form-element-margin-bottom: 0;
    --combobox-readonly-border-color: var(--gray-lighter);
    --sds-c-input-shadow-focus: none;
    --_slds-g-shadow-outline-focus: none;
}
.slds-combobox__input,
.slds-input {
    border-top-left-radius: var(
        --custom-input-border-top-left-radius,
        var(--input-border-top-left-radius, var(--sds-c-input-radius-border, var(--dxp-s-form-element-radius-border, 4px)))
    );
    border-top-right-radius: var(
        --custom-input-border-top-right-radius,
        var(--input-border-top-right-radius, var(--sds-c-input-radius-border, var(--dxp-s-form-element-radius-border, 4px)))
    );
    border-bottom-left-radius: var(
        --custom-input-border-bottom-left-radius,
        var(--input-border-bottom-left-radius, var(--sds-c-input-radius-border, var(--dxp-s-form-element-radius-border, 4px)))
    );
    border-bottom-right-radius: var(
        --custom-input-border-bottom-right-radius,
        var(--input-border-bottom-right-radius, var(--sds-c-input-radius-border, var(--dxp-s-form-element-radius-border, 4px)))
    );

    --input-color-background: var(
        --custom-input-color-background,
        var(--sds-c-input-color-background, var(--dxp-s-form-element-color-background, var(--dxp-g-root)))
    );
    --input-color-background-focus: var(
        --custom-input-color-background-focus,
        var(
            --sds-c-input-color-background-focus,
            var(--dxp-s-form-element-color-background-active, var(--dxp-s-form-element-color-background, var(--dxp-g-root)))
        )
    );
    background-color: var(--input-color-background);

    border-width: var(--input-width-border-top, var(--dxp-c-input-width-border, var(--dxp-s-form-element-width-border, 1px)))
        var(--input-width-border-right, var(--dxp-c-input-width-border, var(--dxp-s-form-element-width-border, 1px)))
        var(--input-width-border-bottom, var(--dxp-c-input-width-border, var(--dxp-s-form-element-width-border, 1px)))
        var(--input-width-border-left, var(--dxp-c-input-width-border, var(--dxp-s-form-element-width-border, 1px)));

    line-height: var(--custom-input-line-height, var(--input-line-height, var(--dxp-s-form-element-text-line-height, var(--dxp-s-body-line-height))));
}
.slds-select {
    height: calc(var(--dxp-s-form-element-text-line-height) + (1px * 2));
}
lightning-base-combobox {
    & .slds-input_faux.fix-slds-input_faux {
        line-height: var(--dxp-s-form-element-text-line-height);
    }

    & .slds-listbox__option {
        --dxp-s-form-element-text-line-height: var(--type-small-line-height);
    }
}

.slds-textarea {
    --dxp-s-form-element-text-line-height: (--type-small-line-height);
}

.slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.slds-listbox_vertical .slds-listbox__option:focus,
.slds-listbox_vertical .slds-listbox__option:hover {
    -webkit-box-shadow:
        var(--listbox-option-box-shadow-1-hover, 0 0 0 2px var(--dxp-g-root) inset),
        var(--listbox-option-box-shadow-2-hover, 0 0 0 3px var(--dxp-g-brand) inset);
    box-shadow:
        var(--listbox-option-box-shadow-1-hover, 0 0 0 2px var(--dxp-g-root) inset),
        var(--listbox-option-box-shadow-2-hover, 0 0 0 3px var(--dxp-g-brand) inset);
}

[role='combobox'] input[readonly],
input[readonly][role='combobox'] {
    border-color: var(--custom-combobox-readonly-border-color, var(--combobox-readonly-border-color, var(--slds-g-color-border-base-4, #c9c9c9)));
}

/* checkboxes */
:root {
    --sds-c-checkbox-color-background-checked: var(--blue-50);
    --sds-c-checkbox-color-border-checked: var(--blue-50);
    --sds-c-checkbox-radius-border: 0.125rem;
}

/* Input, textarea */
:root {
    --dxp-c-input-color-background-disabled: var(--gray-lightest);
    --dxp-c-input-color-border-disabled: var(--gray-light);
    --input-color-disabled: var(--ink-lighter);
    --slds-form-element__label: inline-block;
}
.slds-input.slds-is-disabled,
.slds-input[disabled] {
    color: var(--input-color-disabled, var(--slds-g-color-neutral-base-50, #444));
}
/* .slds-rich-text-editor__output:not(.slds-form-element__label) {
     line-height: var(--dxp-s-form-element-text-line-height,var(--dxp-s-body-line-height));
 } */
/* ,
 .slds-rich-text-editor__textarea */

.slds-radio .slds-form-element__label {
    --dxp-s-form-element-label-font-size: var(--type-small-size);
    --dxp-s-form-element-label-line-height: var(--type-small-line-height);
}

.slds-form-element {
    margin-bottom: var(--slds-form-element-margin-bottom, var(--dxp-g-spacing-medium));
    font-size: var(--type-small-size);
}

.slds-form-element__label {
    display: var(--slds-form-element__label);
}

/* stacked input */
.stacked-label label {
    flex-direction: column;
    --grid-row-gap: 0;
    margin-top: var(--stacked-label-margin-top);
}

.stacked-label .slds-checkbox_faux_container {
    display: var(--stacked-label-toggle-display);
    height: var(--stacked-label-toggle-height);
    align-items: var(--stacked-label-toggle-align);
    margin-top: var(--stacked-label-toggle-margin-top);
    justify-content: var(--stacked-label-toggle-justify-content);
}
/* rate card customization */
.rate-card-lineitem .slds-form-element__label {
    --slds-form-element__label: var(--rate-card-lineitem-label);
}

/* empty help */
.slds-form-element__help:empty {
    margin: 0;
    height: 0;
    padding: 0;
    position: absolute;
}
/* informational sections - should these be a reusable component  */

.informational-box {
    --informational-color: var(--gray-lightest);
    --informational-text: var(--ink-base);
    padding: 1rem;
    border-radius: 4px;
    color: var(--informational-text);
    background: var(--informational-color);
}

.informational_green-10 {
    --informational-text: var(--green-100);
    --informational-color: var(--green-10);
}
.informational_yellow-10 {
    --informational-text: var(--yellow-100);
    --informational-color: var(--yellow-10);
}

.informational-callout {
    --informational-color: var(--purple-10);
    --informational-text: var(--purple-100);

    padding: 1rem;
    border-radius: 4px;
    background: var(--informational-color);
    color: var(--informational-text);

    & a {
        color: var(--blue-70);
        &:hover {
            color: var(--blue-80);
        }
    }
}

.informational-callout .read-more {
    text-decoration: underline;
    cursor: pointer;
}

.slds-rich-text-editor {
    border-width: var(--custom-rich-text-editor-border-width-top, var(--rich-text-editor-border-width-top, var(--rich-text-editor-border-width, 1px)))
        var(--custom-rich-text-editor-border-width-right, var(--rich-text-editor-border-width-right, var(--rich-text-editor-border-width, 1px)))
        var(--custom-rich-text-editor-border-width-bottom, var(--rich-text-editor-border-width-bottom, var(--rich-text-editor-border-width, 1px)))
        var(--custom-rich-text-editor-border-width-left, var(--rich-text-editor-border-width-left, var(--rich-text-editor-border-width, 1px)));
    border-style: solid;
    border-color: var(
            --custom-rich-text-editor-border-color-top,
            var(--rich-text-editor-border-color-top, var(--rich-text-editor-border-color, var(--gray-lighter)))
        )
        var(--custom-rich-text-editor-border-color-right, var(--rich-text-editor-border-color-right, var(--rich-text-editor-border-color, var(--gray-lighter))))
        var(
            --custom-rich-text-editor-border-color-bottom,
            var(--rich-text-editor-border-color-bottom, var(--rich-text-editor-border-color, var(--gray-lighter)))
        )
        var(--custom-rich-text-editor-border-color-left, var(--rich-text-editor-border-color-left, var(--rich-text-editor-border-color, var(--gray-lighter))));
    border-radius: var(
            --custom-rich-text-editor-border-radius-top-left,
            var(--rich-text-editor-border-radius-top-left, var(--rich-text-editor-border-radius, 0.125rem))
        )
        var(--custom-rich-text-editor-border-radius-top-right, var(--rich-text-editor-border-radius-top-right, var(--rich-text-editor-border-radius, 0.125rem)))
        var(
            --custom-rich-text-editor-border-radius-bottom-right,
            var(--rich-text-editor-border-radius-bottom-right, var(--rich-text-editor-border-radius, 0.125rem))
        )
        var(
            --custom-rich-text-editor-border-radius-bottom-left,
            var(--rich-text-editor-border-radius-bottom-left, var(--rich-text-editor-border-radius, 0.125rem))
        );

    --icon-border-filled-background-color: white;
    --icon-border-filled-border-color: var(--gray-light);
    --icon-border-filled-text-color: transparent;
    --rich-text-editor-shadow-focus: none;
    --rich-text-editor-border-color-focus: var(--gray-lighter);

    &.slds-has-focus {
        border: var(--rich-text-editor-border-width-focus, 1px) solid var(--rich-text-editor-border-color-focus, var(--slds-g-color-border-base-4, #e5e5e5));
        box-shadow: var(--rich-text-editor-shadow-focus, var(--_slds-g-shadow-outset-focus, 0 0 3px #0176d3));

        & .slds-rich-text-area__content {
            box-shadow: inset 0px 0px 3px 0px var(--blue-20);
            border: 1px solid var(--blue-10);
        }
    }
}

.slds-rich-text-editor__toolbar {
    --dxp-s-button-color-hover: transparent;

    border-color: var(
            --custom-rich-text-toolbar-border-color-top,
            var(--rich-text-toolbar-border-color-top, var(--rich-text-toolbar-border-color, var(--gray-lighter)))
        )
        var(
            --custom-rich-text-toolbar-border-color-right,
            var(--rich-text-toolbar-border-color-right, var(--rich-text-toolbar-border-color, var(--gray-lighter)))
        )
        var(
            --custom-rich-text-toolbar-border-color-bottom,
            var(--rich-text-toolbar-border-color-bottom, var(--rich-text-toolbar-border-color, var(--gray-lighter)))
        )
        var(
            --custom-rich-text-toolbar-border-color-left,
            var(--rich-text-toolbar-border-color-left, var(--rich-text-toolbar-border-color, var(--gray-lighter)))
        );
    border-radius: var(
            --custom-rich-text-toolbar-border-radius-top-left,
            var(--rich-text-toolbar-border-radius-top-left, var(--rich-text-toolbar-border-radius, 0.125rem))
        )
        var(
            --custom-rich-text-toolbar-border-radius-top-right,
            var(--rich-text-toolbar-border-radius-top-right, var(--rich-text-toolbar-border-radius, 0.125rem))
        )
        var(
            --custom-rich-text-toolbar-border-radius-bottom-right,
            var(--rich-text-toolbar-border-radius-bottom-right, var(--rich-text-toolbar-border-radius, 0))
        )
        var(--custom-rich-text-toolbar-border-radius-bottom-left, var(--rich-text-toolbar-border-radius-bottom-left, var(--rich-text-toolbar-border-radius, 0)));
    background-color: var(--custom-rich-text-toolbar-background, var(--rich-text-toolbar-background, var(--white)));

    --button-icon-fill-active: transparent;
    --button-icon-fill-disabled: transparent;
    --button-icon-fill-focused: transparent;
    --button-icon-fill-hover: transparent;

    & .slds-button:hover {
        --icon-border-filled-text-color-hover: transparent;
        --icon-border-filled-border-color-hover: inherit;
        --icon-border-filled-background-color-hover: var(--gray-lighter);
        --rich-text-editor-color-hover: var(--ink);
    }
}

.slds-button:active .slds-button__icon,
.slds-button:disabled .slds-button__icon,
.slds-button:focus .slds-button__icon,
.slds-button:hover .slds-button__icon,
.slds-button[disabled] .slds-button__icon {
    fill: var(--button-icon-fill-active, var(--button-icon-fill-disabled, var(--button-icon-fill-focused, var(--button-icon-fill-hover, currentColor))));
}

/* Page and Component overrides */
.hide-caret {
    & lightning-primitive-icon + lightning-primitive-icon {
        display: none;
    }

    & .slds-button_icon {
        width: 1.75rem;
        height: 1.75rem;
    }

    & .slds-button__icon {
        width: 0.875rem;
        height: 0.875rem;
        margin-bottom: 3px;
    }
}

.button-large .slds-button {
    --button-line-height: 2.5rem;
}

/* action button overrides */
.action-buttons {
    --table-cell-spacing-block: 0;
    --table-cell-spacing-inline: 0;
}

.action-buttons .slds-button_icon-x-small {
    width: 2rem;
    height: 2rem;

    & .slds-button__icon {
        width: calc(0.875 * var(--dxp-s-button-font-size, var(--dxp-g-font-size-3)));
        height: calc(0.875 * var(--dxp-s-button-font-size, var(--dxp-g-font-size-3)));
    }
}

.action-buttons.single-action lightning-primitive-cell-factory > span {
    justify-content: center;
}

/* c-datatablefiltertext_datatablefiltertext */
.dropdown-search-container {
    margin-top: -0.25rem;
}

/* c-marketplacesearch_marketplacesearch */
.facets_container {
    padding: var(--facet-container-padding-block-start, var(--facet-container-padding-block, 0))
        var(--facet-container-padding-inline-end, var(--facet-container-padding-inline, 0))
        var(--facet-container-padding-block-end, var(--facet-container-padding-block, 0))
        var(--facet-container-padding-inline-start, var(--facet-container-padding-inline, 0));
}
/* c-marketplacesearch_marketplacesearch */
/* c-marketplace-custom-filter-section */
.facets_container .slds-text-heading_small {
    font-size: var(--type-h4-size);
    letter-spacing: var(--type-h4-spacing);
    line-height: var(--type-h4-line-height);
}
.facets_container .container .slds-form-element {
    margin-bottom: 0;
}
.facets_container .container[c-marketplaceToggleFilter_marketplaceToggleFilter] {
    font-size: var(--type-small-size);
    letter-spacing: var(--type-small-spacing);
    line-height: var(--type-small-line-height);

    &:hover {
        color: var(--blue-60);
    }
}
.facets_container .slds-has-dividers_around-space.slds-m-top_medium {
    margin-top: 0.5rem;
}

.facets_container .filters header.slds-grid.slds-p-horizontal_x-small.slds-has-flexi-truncate {
    padding-left: 0;
}
/* c-quantic-facet-manager */
/* se card without border and shadow */
.flat-card {
    --sds-c-card-sizing-border: 0;
    --sds-c-card-shadow: 0 0 0 transparent;
    --sds-c-card-spacing-block: var(--spacing-32);
    --sds-c-card-spacing-inline: var(--spacing-32);
}
/* se card without border and shadow */
/* c-quantic-category-facet */
.facets_container .card[c-quanticCardContainer_quanticCardContainer] {
    padding: 0;
    background: unset;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.facets_container .card[c-quanticCardContainer_quanticCardContainer] li,
.facets_container .card[c-quanticCardContainer_quanticCardContainer] li * {
    margin-left: 0;
    font-size: var(--type-small-size);
    line-height: var(--type-small-line-height);
    letter-spacing: var(--type-small-spacing);
}

.facets_container .facet__value-option[c-quanticCategoryFacetValue_quanticCategoryFacetValue] {
    padding: 0;

    &:hover {
        color: var(--blue-60);
        background: unset;
    }
}

.facets_container .facet__active-parent {
    font-weight: var(--type-weight-medium);
}
.facets_container .card[c-quanticCardContainer_quanticCardContainer] li li {
    margin-left: 1rem;
}
.facets_container .facet__value-option[c-quanticCategoryFacet_quanticCategoryFacet] {
    padding: 0;

    &:hover {
        color: var(--blue-60);
        background: unset;
    }
}

.facet__value-option[c-quanticFacetValue_quanticFacetValue] {
    padding: 0 0 0.5rem 0;

    & .facet__value-checkbox.slds-form-element {
        margin: 0;
    }

    &:hover[c-quanticFacetValue_quanticFacetValue] {
        color: var(--blue-60);
        background: unset;
    }
}

.facets_container .slds-checkbox [type='checkbox']:checked + .slds-checkbox__label span.slds-checkbox_faux {
    background-color: var(--purple-50);
    border-color: var(--purple-50);
}

.facet__clear-filter {
    padding-left: 0;
    padding-right: 0;
    font-size: 0.75rem;
    --sds-c-button-shadow-focus: none;
    --slds-c-button-color-border-active: transparent;
}
.facet__value_selected[c-quanticFacetValue_quanticFacetValue] {
    font-weight: var(--type-weight-regular);
}

.facets_container .facet-manager__item {
    margin-bottom: 0;
}
c-quantic-facet:empty {
    display: none;
}

.facet-manager__host_slot .slds-form-element {
    margin-bottom: 0;
}
/* c-looker-dashboard-embed */
c-looker-dashboard-embed {
    height: 100%;
}

/* link styles */
.ink > a {
    --dxp-c-link-text-color: var(--ink-lighter);
    --dxp-c-link-text-color-hover: var(--ink-light);
}

/* LIGHTNING-FORMATTED-ADDRESS */
lightning-formatted-address {
    line-height: 1.25rem;
}

/* Radio button */
.slds-radio {
    width: 100%;
}

.slds-radio__label {
    cursor: pointer;
    padding: 0 1rem;
    line-height: calc(2.5rem - 2px);
    border-radius: 4px;
    border: 1px solid var(--radio-label-border-color-checked, var(--gray-lighter));
    display: block;
    background-color: var(--radio-label-background-color-checked, var(--white));
    transition: background-color 0.5s ease-out;
    color: var(--radio-label-color-checked, var(--dxp-s-form-element-label-color, var(--dxp-g-root-contrast)));
    --sds-c-radio-color-border-checked: var(--purple-50);
    --sds-c-radio-mark-color-foreground: var(--purple-50);
    --sds-c-radio-color-border-focus: var(--purple-50);
    --slds-c-radio-shadow-focus: 0 0 3px var(--purple-70);
}

[type='radio']:checked + .slds-radio__label {
    --radio-label-background-color-checked: var(--purple-10);
    --radio-label-border-color-checked: var(--purple-50);
    --radio-label-color-checked: var(--purple-100);
}
/* rich text editor */
.slds-rich-text-area__content.slds-text-color_weak > * {
    font-size: 0.875rem;
    color: var(--ink);
}
/* rich text toolbar button group */
.attach-files .slds-button_icon-border-filled {
    width: auto;
    padding: 0 calc(0.5rem - 1px);
    column-gap: 0.25rem;
}

/* COMMON CLASSES */
/* currency lable */
.in-input-group {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto;
    gap: 0.5rem;
    right: 0.25rem;
    top: var(--top-position-quote-line);
}

[variant='label-hidden'] + .currency-label,
[variant='label-hidden'] + .in-input-group {
    --top-position-quote-line: 0.25rem;
}

.currency-label {
    --dxp-s-button-line-height: 1.5rem;
}
.quote-line_change-item {
    --dxp-s-button-line-height: 1.375rem;
}
.currency-input {
    --sds-c-input-spacing-horizontal-end: 2.5rem;
}

.currency-label,
.quote-line_change-item {
    --top-position-quote-line: calc(1.5rem + 0.25rem);
    top: var(--top-position-quote-line);
    right: 0.25rem;
    line-height: var(--dxp-s-button-line-height, unset);
}

/* assistive text */
.slds-assistive-text {
    position: var(--slds-assistive-text-position, absolute) !important;
    margin: var(--slds-assistive-text-margin-top, var(--slds-assistive-text-margin, -1px))
        var(--slds-assistive-text-margin-right, var(--slds-assistive-text-margin, -1px))
        var(--slds-assistive-text-margin-bottom, var(--slds-assistive-text-margin, -1px))
        var(--slds-assistive-text-margin-left, var(--slds-assistive-text-margin, -1px)) !important;
    border: var(--slds-assistive-text-border-width, 0) var(--slds-assistive-text-border-style, unset) var(--slds-assistive-text-border-color, unset) !important;
    padding: var(--slds-assistive-text-padding-top, var(--slds-assistive-text-padding, 0))
        var(--slds-assistive-text-padding-right, var(--slds-assistive-text-padding, 0))
        var(--slds-assistive-text-padding-bottom, var(--slds-assistive-text-padding, 0))
        var(--slds-assistive-text-padding-left, var(--slds-assistive-text-padding, 0)) !important;
    width: var(--slds-assistive-text-width, 1px) !important;
    height: var(--slds-assistive-text-height, 1px) !important;
    overflow: var(--slds-assistive-text-overflow, hidden) !important;
    clip: var(--slds-assistive-text-clip, rect(0 0 0 0)) !important;
    text-transform: var(--slds-assistive-text-transform, none) !important;
    white-space: var(--slds-assistive-text-whitespace, nowrap) !important;
    color: var(--slds-assistive-text-color, unset) !important;
    font-weight: var(--slds-assistive-text-weight, unset) !important;
    font-size: var(--slds-assistive-text-size, unset) !important;
    letter-spacing: var(--slds-assistive-text-spacing, unset) !important;
}
/* MODAL CUSTOMIZATIONS */
.has-vertical-tabset {
    --modal-content-padding-block: 0;
    --modal-content-padding-inline: 0;
    --vertical-tabs-border-width: 0;
    --dxp-c-link-text-color: var(--ink-lighter);

    --vertical-tabs__nav-item-border-color: var(--gray-lighter);
    --vertical-tabs__nav-background-color: var(--white);
    --vertical-tabs__nav-item-background-color: var(--gray-lighter);
    --vertical-tabs__nav-border-color: var(--gray-lighter);
    --dxp-c-link-text-color-focus: var(--ink);
    --dxp-s-link-text-decoration-focus: var(--text-decoration-none);
    --_slds-g-shadow-inset-focus: none;
    --dxp-c-link-color-background-focus: var(--gray-lightest);

    & .slds-vertical-tabs__link:hover {
        --dxp-c-link-color-background-hover: var(--gray-lightest);
        --dxp-c-link-text-color-hover: var(--ink-light);
    }
    & .slds-is-active .slds-vertical-tabs__link:hover,
    & .slds-is-active .slds-vertical-tabs__link {
        --dxp-c-link-text-color: var(--dxp-c-link-text-color-hover);
        --dxp-s-link-text-decoration-hover: var(--text-decoration-none);
        --dxp-c-link-text-color-hover: var(--ink);
        --vertical-tabs__link-background-color: var(--gray-lighter);
        --dxp-s-link-text-decoration-focus: var(--text-decoration-none);

        background: var(--vertical-tabs__link-background-color, var(--slds-g-color-neutral-base-100, #fff));
        color: var(--dxp-c-link-text-color);
    }

    & .slds-modal__content {
        padding-top: var(--modal-content-padding-block-start, var(--modal-content-padding-block, var(--modal-content-padding, 0)));
        padding-right: var(--modal-content-padding-inline-end, var(--modal-content-padding-inline, var(--modal-content-padding, 0)));
        padding-bottom: var(--modal-content-padding-block-end, var(--modal-content-padding-block, var(--modal-content-padding, 0)));
        padding-left: var(--modal-content-padding-inline-start, var(--modal-content-padding-inline, var(--modal-content-padding, 0)));
        min-height: var(--modal-min-height);

        &.slds-p-around_medium {
            padding-top: var(
                --modal-content-padding-block-start,
                var(--modal-content-padding-block, var(--modal-content-padding, var(--dxp-g-spacing-medium)))
            );
            padding-left: var(
                --modal-content-padding-inline-end,
                var(--modal-content-padding-inline, var(--modal-content-padding, var(--dxp-g-spacing-medium)))
            );
            padding-bottom: var(
                --modal-content-padding-block-end,
                var(--modal-content-padding-block, var(--modal-content-padding, var(--dxp-g-spacing-medium)))
            );
            padding-right: var(
                --modal-content-padding-inline-start,
                var(--modal-content-padding-inline, var(--modal-content-padding, var(--dxp-g-spacing-medium)))
            );
        }
    }
}

/* screenflow customization */
.has-flow-form {
    --modal-content-padding-block: 0;
    --modal-content-padding-inline: 0;
    --screen-flow-container-border-color: transparent;
    --slds-c-card-footer-spacing-block: 0.75rem;
    --slds-c-card-footer-spacing-inline: 1rem;
    --slds-c-card-footer-color-border: var(--gray-lighter);
    --modal-border-radius: 0;
    --modal-border-radius: 0;

    & flowruntime-lwc-header {
        display: none;
    }
    & flowruntime-navigation-bar.slds-card__footer.navigationBar {
        width: 100%;
        padding: var(
                --slds-c-card-footer-spacing-block-start,
                var(--sds-c-card-footer-spacing-block-start, var(--slds-c-card-footer-spacing-block, var(--sds-c-card-footer-spacing-block, 0)))
            )
            var(
                --slds-c-card-footer-spacing-inline-end,
                var(--sds-c-card-footer-spacing-inline-end, var(--slds-c-card-footer-spacing-inline, var(--sds-c-card-footer-spacing-inline, 1rem)))
            )
            var(
                --slds-c-card-footer-spacing-block-end,
                var(--sds-c-card-footer-spacing-block-end, var(--slds-c-card-footer-spacing-block, var(--sds-c-card-footer-spacing-block, 0.75rem)))
            )
            var(
                --slds-c-card-footer-spacing-inline-start,
                var(--sds-c-card-footer-spacing-inline-start, var(--slds-c-card-footer-spacing-inline, var(--sds-c-card-footer-spacing-inline, 1rem)))
            );
        border-top-width: var(--slds-c-card-footer-sizing-border, var(--sds-c-card-footer-sizing-border, 1px));
        border-top-style: solid;
        border-top-color: var(--slds-c-card-footer-color-border, var(--sds-c-card-footer-color-border, var(--lwc-colorBorder, transparent)));
        margin-top: var(
                --navigationBar-card-footer-spacing-block-start,
                var(--navigationBar-card-footer-spacing-block, var(--navigationBar-card-footer-spacing, var(--lwc-spacingNone)))
            )
            var(
                --navigationBar-card-footer-spacing-inline-end,
                var(--navigationBar-card-footer-spacing-inline, var(--navigationBar-card-footer-spacing, var(--lwc-spacingNone)))
            )
            var(
                --navigationBar-card-footer-spacing-block-end,
                var(--navigationBar-card-footer-spacing-block, var(--navigationBar-card-footer-spacing, var(--lwc-spacingNone)))
            )
            var(
                --navigationBar-card-footer-spacing-inline-start,
                var(--navigationBar-card-footer-spacing-inline, var(--navigationBar-card-footer-spacing, var(--lwc-spacingNone)))
            );
    }
    & .slds-modal__content {
        padding-top: var(--modal-content-padding-block-start, var(--modal-content-padding-block, var(--modal-content-padding, 0)));
        padding-right: var(--modal-content-padding-inline-end, var(--modal-content-padding-inline, var(--modal-content-padding, 0)));
        padding-bottom: var(--modal-content-padding-block-end, var(--modal-content-padding-block, var(--modal-content-padding, 0)));
        padding-left: var(--modal-content-padding-inline-start, var(--modal-content-padding-inline, var(--modal-content-padding, 0)));
        min-height: var(--modal-min-height);

        &.slds-p-around_medium {
            padding-top: var(
                --modal-content-padding-block-start,
                var(--modal-content-padding-block, var(--modal-content-padding, var(--dxp-g-spacing-medium)))
            );
            padding-left: var(
                --modal-content-padding-inline-end,
                var(--modal-content-padding-inline, var(--modal-content-padding, var(--dxp-g-spacing-medium)))
            );
            padding-bottom: var(
                --modal-content-padding-block-end,
                var(--modal-content-padding-block, var(--modal-content-padding, var(--dxp-g-spacing-medium)))
            );
            padding-right: var(
                --modal-content-padding-inline-start,
                var(--modal-content-padding-inline, var(--modal-content-padding, var(--dxp-g-spacing-medium)))
            );
        }
    }

    & .helptext__popup > section {
        left: calc(50% - 2rem - 1px) !important;

        & .slds-nubbin_top:before,
        & .slds-nubbin_top:after {
            left: 2rem;
        }

        & .slds-icon_small {
            width: 1rem;
            height: 1rem;
        }
        & .slds-popover__body p {
            --type-size: var(--type-caption-size);
        }
    }
}
/* MODAL CUSTOMIZATIONS */
/* contained button group */
.team-lookup-container {
    --sds-c-input-color-border-focus: transparent;
    --sds-c-input-color-border: transparent;
    --dxp-s-form-element-text-line-height: calc(2.375rem - 2px);

    align-items: center;
    padding-right: 0.1875rem;
    border-width: var(--team-lookup-container-border-width-top, var(--team-lookup-container-border-width, 1px))
        var(--team-lookup-container-border-width-right, var(--team-lookup-container-border-width, 1px))
        var(--team-lookup-container-border-width-bottom, var(--team-lookup-container-border-width, 1px))
        var(--team-lookup-container-border-width-left, var(--team-lookup-container-border-width, 1px));
    border-style: solid;
    border-color: var(--team-lookup-container-border-color-top, var(--team-lookup-container-border-color, var(--gray-lighter)))
        var(--team-lookup-container-border-color-right, var(--team-lookup-container-border-color, var(--gray-lighter)))
        var(--team-lookup-container-border-color-bottom, var(--team-lookup-container-border-color, var(--gray-lighter)))
        var(--team-lookup-container-border-color-left, var(--team-lookup-container-border-color, var(--gray-lighter)));
    border-radius: var(--team-lookup-container-border-radius-top-left, var(--team-lookup-container-border-radius, 0.125rem))
        var(--team-lookup-container-border-radius-top-right, var(--team-lookup-container-border-radius, 0.125rem))
        var(--team-lookup-container-border-radius-bottom-right, var(--team-lookup-container-border-radius, 0.125rem))
        var(--team-lookup-container-border-radius-bottom-left, var(--team-lookup-container-border-radius, 0.125rem));
    padding: var(--team-lookup-container-padding-top, var(--team-lookup-container-padding, 0.1875rem))
        var(--team-lookup-container-padding-right, var(--team-lookup-container-padding, 0.1875rem))
        var(--team-lookup-container-padding-bottom, var(--team-lookup-container-padding, 0.1875rem))
        var(--team-lookup-container-padding-left, var(--team-lookup-container-padding, 0.1875rem));

    &.grid-count_4 {
        grid-template-columns: 1fr 2fr 1fr auto;
    }
    &.grid-count_2 {
        grid-template-columns: 120px 1fr;
    }
    &:focus-within {
        --team-lookup-container-border-color: var(--blue-60);
    }
    & .slds-combobox_container.slds-has-selection .slds-combobox__input-value,
    & .slds-combobox_container.slds-has-selection .slds-combobox__input-value:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.red-delete {
    --sds-c-button-radius-border: 1rem;
    --dxp-s-button-line-height: 1.5;
    height: 1.125rem;
    width: 1.125rem;
}

/* help text */
:root {
    --helptext-form-element-padding-top: 0;
    --helptext-form-button-font-size: 0.75rem;
}
lightning-helptext {
    & .slds-form-element__icon {
        display: var(--helptext-form-element-display, inline-block);
        position: var(--helptext-form-element-position, relative);
        padding-top: var(--helptext-form-element-padding-top, 0.25rem);
        vertical-align: var(--helptext-form-element-vertical-align, top);
        line-height: var(--helptext-form-element-line-height, 1);
        z-index: var(--helptext-form-element-z-index, 1);

        & .slds-button {
            font-size: var(--helptext-form-button-font-size);
        }
    }
}

.slds-form-element__help {
    color: var(--ink-lightest);
    display: var(--slds-form-element-help-display, block);
}

:root {
    --datepicker-help-text-before: 'Date format: ';
    --datepicker-help-text-after: 'Example: Dec 2, 2025';
}

lightning-datepicker .slds-form-element__help:before {
    content: var(--datepicker-help-text-before);
}

lightning-datepicker .slds-form-element__help:after {
    content: var(--datepicker-help-text-after);
    margin-left: 1rem;
}

/* no truncate table to fix many items that are not visible */
.no-truncate-table {
    min-width: 0;
    & .slds-table_header-fixed_container {
        --table-header-fixed-height: 0;
    }
    & .slds-th__action {
        --table-header-fixed-height: 3rem;
    }
    & .slds-resizable {
        display: none;
    }
    & .slds-table_header-fixed_container[lwc-392cvb27u8q] > .slds-scrollable_y[lwc-392cvb27u8q]::before {
        content: unset;
    }
    & .slds-scrollable_y {
        max-height: unset;
        overflow: visible;
        overflow-y: visible;
    }

    & .slds-cell-fixed {
        position: relative;
    }
    &.slds-table_header-fixed_container > .slds-scrollable_y:before,
    & .slds-table_header-fixed_container:before {
        display: none;
        height: 0;
        width: 0;
        position: fixed;
        top: 0;
        left: 0;
    }

    & .slds-table_header-fixed_container.slds-scrollable_x {
        padding: 0 !important;
    }

    & table.slds-table.slds-table_header-fixed.slds-table_bordered.slds-table_edit.slds-table_resizable-cols {
        border: 0 !important;
    }

    & .slds-table thead th span.slds-cell-fixed,
    & .slds-table thead th a.slds-th__action,
    & .slds-table thead th,
    & .slds-table tbody td {
        width: auto !important;
    }

    & table.slds-table.slds-table_header-fixed.slds-table_bordered.slds-table_edit.slds-table_resizable-cols {
        table-layout: auto !important;
    }

    & .slds-table th:focus {
        box-shadow: none;
    }

    & .slds-truncate,
    & .slds-hyphenate {
        overflow: visible;
        width: auto;
        max-width: unset;
        white-space: nowrap;
    }
    & .slds-icon_container {
        margin: 0 1rem;
    }
    & .slds-is-sortable .slds-th__action:hover .slds-is-sortable__icon,
    & th .slds-is-sortable .slds-is-sortable__icon {
        display: none !important;
    }
    & .slds-table thead th {
        outline: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: 1px solid var(--gray-lighter);
        vertical-align: top;
    }
}
/* quote builder spinner full page spinner */
c-quote-builder {
    & .slds-spinner_container {
        position: fixed;

        & [part='backdrop'] {
            background: var(--white);
            position: absolute;
            inset: 0;
            opacity: 0.5;
        }

        & [part='spinner'] {
            & .slds-spinner__dot-a:after,
            & .slds-spinner__dot-a:before,
            & .slds-spinner__dot-b:after,
            & .slds-spinner__dot-b:before,
            &.slds-spinner:after,
            &.slds-spinner:before {
                background-color: var(--spinner-background-color, var(--blue-60));
            }
        }
    }
}

/* Tooltip Styling Starts */
:root {
    --slds-c-tooltip-color-background: var(--blue-90);
    --tooltip-border-radius: 0.25rem;
}
.slds-popover_tooltip {
    border-radius: var(--tooltip-border-radius);
}

.ellipsis {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    max-width: 100%;
}

[data-tooltip] {
    position: relative;
    cursor: pointer;
}

[data-tooltip]:before {
    width: 0;
    left: 0;
    right: 0;
    height: 0;
    opacity: 0;
    margin-left: auto;
    margin-right: auto;
    content: '';
    display: block;
    border-style: solid;
    position: absolute;
    transition: opacity 0.2s;
}

[data-tooltip]:before,
[data-tooltip-position='top']:before {
    bottom: calc(100% + 8px);
    border-width: 12px 12px 0 12px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

[data-tooltip-position='bottom']:before {
    bottom: unset;
    border-bottom-color: var(--slds-c-tooltip-color-background);
    top: calc(100% + -4px);
    border-width: 0 12px 12px 12px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

[data-tooltip]:after {
    content: attr(data-tooltip);
    position: absolute;
    padding: 0.5rem 0.75rem;
    word-wrap: break-word;
    font-size: var(--dxp-s-body-small-font-size, var(--sds-c-tooltip-font-size, 0.75rem));
    font-style: var(--dxp-s-body-small-font-style);
    font-family: var(--dxp-s-body-small-font-family);
    font-weight: var(--dxp-s-body-small-font-weight);
    text-decoration: var(--dxp-s-body-small-text-decoration);
    text-transform: var(--dxp-s-body-small-text-transform);
    line-height: var(--dxp-s-body-small-line-height);
    letter-spacing: var(--dxp-s-body-small-letter-spacing);
    text-shadow: var(--dxp-s-body-small-text-shadow);
    border-radius: var(--tooltip-border-radius);
    background: var(--slds-c-tooltip-color-background);
    color: var(--slds-c-tooltip-text-color, var(--sds-c-tooltip-text-color, var(--dxp-g-info-contrast, var(--slds-g-color-neutral-base-100, #fff))));
    opacity: 0;
    z-index: 99999;
    display: inline-block;
    pointer-events: none;
    cursor: help;
    max-width: 150px;
    text-align: left;
    transition: opacity 0.2s;
    height: min-content;
    min-width: 100px;
    width: max-content;
    white-space: normal;
    word-break: break-word;
}

[data-tooltip-position='bottom']:after {
    bottom: unset;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

[data-tooltip]:after,
[data-tooltip-position='top']:after {
    bottom: calc(100% + 17px);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
    opacity: 1;
}
.attach-files[data-tooltip]:after,
.attach-files[data-tooltip-position='top']:after {
    left: -0.5rem;
}
/* Tooltip Styling Ends */

/* Localize Styling Starts */
#localize-widget {
    font-family: var(--font-family);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

#localize-widget #localize-active-lang span {
    display: none !important;
}

#localize-active-lang {
    line-height: 42px !important;
}

@media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body > #localize-widget:hover #localize-powered-by {
        display: none !important;
    }
}
/* Localize Styling Ends */

/* Supporting 'impersonation' banner to warn users they are impersonating on production
 There is javascript in the header customization to add/remove this class based on the current user and environment */
body.impersonation:before {
    content: 'You are working in Production';
    background: var(--red-50);
    color: white;
    padding: 1rem;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 500;
}
/* Analytics / Marketing Font Faces */
/* Analytics / Marketing Font Faces */
/* Analytics / Marketing Font Faces */
.marketing_black {
    --sds-c-button-radius-border: 0.625rem;
    --sds-c-button-brand-color-border: var(--ink);
    --sds-c-button-brand-color-background: var(--ink);
    --dxp-s-button-padding: 1.875rem;
    --dxp-s-button-line-height: 2.875rem;
    --dxp-s-button-font-size: var(--type-p-size);
    --dxp-s-button-font-weight: 600;
    --slds-kx-button-gradient-color: var(--ink-lightest);
    --sds-c-button-brand-color-background-hover: var(--ink-light);
}

@font-face {
    font-family: 'Graphie';
    src: url('/sfsites/c/resource/GraphieExtraBold') format('woff');
    font-weight: 800;
}

@font-face {
    font-family: 'Graphie';
    src: url('/sfsites/c/resource/GraphieBold') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'Graphie';
    src: url('/sfsites/c/resource/GraphieSemiBold') format('woff');
    font-weight: 600;
}

@font-face {
    font-family: 'Graphie';
    src: url('/sfsites/c/resource/GraphieRegular') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Graphie';
    src: url('/sfsites/c/resource/GraphieLight') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'Graphie';
    src: url('/sfsites/c/resource/GraphieExtraLight') format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'Graphie';
    src: url('/sfsites/c/resource/GraphieThin') format('woff');
    font-weight: 200;
}

@font-face {
    font-family: 'Graphie';
    src: url('/s/sfsites/c/resource/ExtraBold') format('opentype');
    font-weight: 800;
}
@font-face {
    font-family: 'Graphie';
    src: url('/s/sfsites/c/resource/Bold') format('opentype');
    font-weight: 700;
}
@font-face {
    font-family: 'Graphie';
    src: url('/s/sfsites/c/resource/SemiBold') format('opentype');
    font-weight: 600;
}
@font-face {
    font-family: 'Graphie';
    src: url('/s/sfsites/c/resource/Regular') format('opentype');
    font-weight: 500;
}
@font-face {
    font-family: 'Graphie';
    src: url('/s/sfsites/c/resource/Light') format('opentype');
    font-weight: 400;
}
@font-face {
    font-family: 'Graphie';
    src: url('/s/sfsites/c/resource/ExtraLight') format('opentype');
    font-weight: 300;
}
@font-face {
    font-family: 'Graphie';
    src: url('/s/sfsites/c/resource/Thin') format('opentype');
    font-weight: 200;
}
/* Analytics / Marketing Font Faces */
/* Analytics / Marketing Font Faces */
/* Analytics / Marketing Font Faces */

.header-container {
    & .inner-container {
        column-gap: 0.5rem;
    }
}

.subcontracting-container {
    & .slds-form-element__control {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;

        & .slds-radio {
            width: auto;
        }
    }
}

/* Assessment Pages */
.assessments-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;

    & .slds-form-element__control {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;

        & .slds-radio {
            width: auto;
        }
    }
    & .radio-stacked .slds-form-element__control {
        flex-direction: column;
    }
}

/* alignment utilities  */
.justify-self-start {
    justify-self: start;
}

/* Panel Layout Design */
.panel-header-inline {
    padding: 1rem;
    --header-control-items-padding-top: 0;
    --header-control-items-padding-right: 0;
    --header-control-items-padding-bottom: 0;
    --header-control-items-padding-left: 0;

    & .header-controls {
        display: flex;
    }

    & .header-controls-item {
        --header-control-items-padding-right: 1rem;

        padding: var(--header-control-items-padding-top) var(--header-control-items-padding-right) var(--header-control-items-padding-bottom)
            var(--header-control-items-padding-left);
    }
    & .header-controls-item + .header-controls-item {
        --header-control-items-padding-left: 1rem;

        border-left: 1px solid var(--gray-lighter);
    }
}

.panel-body {
    background-color: var(--gray-lightest);
    padding: 3rem;
}

/*
     This is a temporary fix for lightning-input-field.
     Will need to delete this if we rework admin component and use
     something other than lightning-input-field.
 */
.form-line lightning-helptext {
    display: none;
}

/* facet */
.facet__search-results_no-match {
    border-radius: 0.125rem;
    background: var(--gray-lightest);
    color: var(--ink-lightest);
    font-size: var(--type-caption-size);
    line-height: var(--type-caption-line-height);
    letter-spacing: var(--type-caption-spacing);
}

.custom-field-attachment {
    padding: 0.5rem 0;
}

.slds-input {
    text-overflow: var(--slds-input-text-overflow, unset);
}
.line-group-controls {
    font-size: var(--type-small-size);
    line-height: var(--type-small-line-height);
    letter-spacing: var(--type-small-spacing);
    font-weight: var(--type-weight-regular);
    padding: 0.375rem 1rem;
    align-items: center;
    display: flex;
}

a.line-group-controls:hover svg {
    stroke: var(--ink-white);
}

.slds-nav-vertical__action {
    padding: var(--nav-vertical__action-padding-top, var(--nav-vertical__action-padding-block, var(--nav-vertical__action-padding, 0.5rem)))
        var(--nav-vertical__action-padding-right, var(--nav-vertical__action-padding-inline, var(--nav-vertical__action-padding, 1.5rem)))
        var(--nav-vertical__action-padding-bottom, var(--nav-vertical__action-padding-block, var(--nav-vertical__action-padding, 0.5rem)))
        var(--nav-vertical__action-padding-left, var(--nav-vertical__action-padding-inline, var(--nav-vertical__action-padding, 2rem)));

    border-radius: var(--nav-vertical__action-borderRadius-topLeft, var(--nav-vertical__action-borderRadius, 0))
        var(--nav-vertical__action-borderRadius-topRight, var(--nav-vertical__action-borderRadius, 0))
        var(--nav-vertical__action-borderRadius-bottomRight, var(--nav-vertical__action-borderRadius, 0))
        var(--nav-vertical__action-borderRadius-bottomLeft, var(--nav-vertical__action-borderRadius, 0));
    --dxp-c-link-text-color: var(--nav-vertical__action-text-color);
    border-width: var(--nav-vertical__action-borderWidth-top, var(--nav-vertical__action-borderWidth, 0))
        var(--nav-vertical__action-borderWidth-right, var(--nav-vertical__action-borderWidth, 0))
        var(--nav-vertical__action-borderWidth-bottom, var(--nav-vertical__action-borderWidth, 0))
        var(--nav-vertical__action-borderWidth-left, var(--nav-vertical__action-borderWidth, 0));
    border-style: solid;
    border-color: var(--nav-vertical__action-borderColor-top, var(--nav-vertical__action-borderColor, transparent))
        var(--nav-vertical__action-borderColor-right, var(--nav-vertical__action-borderColor, transparent))
        var(--nav-vertical__action-borderColor-bottom, var(--nav-vertical__action-borderColor, transparent))
        var(--nav-vertical__action-borderColor-left, var(--nav-vertical__action-borderColor, transparent));
}

.slds-nav-vertical__item.slds-is-active:before,
.slds-nav-vertical__item:hover:before {
    background: var(--nav-vertical__action-before-background, rgba(21, 137, 238, 0.1));
}

.slds-nav-vertical__action:hover {
    -webkit-box-shadow: var(--nav-vertical__action-boxShadow, inset 2px 0 0 #1b96ff);
    box-shadow: var(--nav-vertical__action-boxShadow, inset 2px 0 0 #1b96ff);
    --dxp-c-link-color-background-hover: var(--nav-vertical__action-background-hover, var(--blue-10));
    --dxp-s-link-text-decoration-hover: var(--nav-vertical__action-text-decoration-hover);
    --dxp-c-link-text-color-hover: var(--nav-vertical__action-text-color-hover);
    --nav-vertical__action-borderWidth-bottom: var(--nav-vertical__action-borderWidth-bottom-hover);
    --nav-vertical__action-borderColor-bottom: var(--nav-vertical__action-borderColor-bottom-hover);
}

.slds-nav-vertical__action:active {
    --dxp-c-link-text-color-active: var(--nav-vertical__action-color-active, var(--dxp-s-link-text-color-hover, var(--dxp-g-brand-1)));
    --dxp-c-link-color-background-active: var(--nav-vertical__action-background-active);
    --dxp-s-link-text-decoration-hover: var(--nav-vertical__action-text-decoration-active, var(--text-decoration-underline));
}

.slds-nav-vertical__action:focus {
    --_slds-g-shadow-inset-inverse-focus: var(
        --nav-vertical__action-boxShadow-focus,
        0 0 0 2px var(--slds-g-color-brand-base-40, #0b5cab) inset,
        0 0 0 4px var(--slds-g-color-neutral-base-100, #ffffff) inset
    );
    --dxp-s-link-text-decoration-focus: var(--nav-vertical__action-text-decoration-focus, var(--text-decoration-underline));
    --dxp-c-link-color-background-focus: var(--nav-vertical__action-background-focus, unset);

    &:hover {
        -webkit-box-shadow: var(--nav-vertical__action-text-decoration-focus, inset 2px 0 0 #1b96ff);
        box-shadow: var(--nav-vertical__action-text-decoration-focus, inset 2px 0 0 #1b96ff);
        outline: var(--nav-vertical__action-outline-focus, 2px solid var(--slds-g-color-palette-blue-40));
        outline-offset: var(--nav-vertical__action-outline-offset-focus, 1px);
    }
}

/* rate card */
c-admin-rate-cards-product-table {
    & .delete-button {
        --custom-table-tbody-td-width: 32px;
        --custom-table-tbody-td-padding-inline-start: 0;
    }

    & .available-toggle {
        --custom-table-tbody-td-width: 96px;
        --table-tbody-td-inline: 0;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.admin-catalog-panel-datatable td[data-col-key-value*='SELECTABLE_CHECKBOX'] {
    --table-cell-spacing-inline: 0;
    text-align: center;
}