/* Global DOM Element Reset Starts */

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Global DOM Element Reset Ends */

/* Colors Variable & Utility Class Declaration Starts */

:root {
  /* 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;

  /* Salesforce Variable Overrides */
  --lwc-tableCellSpacing: 1rem !important;
  --slds-c-textarea-color-border: var(--gray-lighter) !important;
  --slds-c-input-color-border: var(--gray-lighter) !important;
  --slds-c-input-radius-border: 2px !important;
  --lwc-colorBackgroundInputDisabled: var(--gray-lightest) !important;
  --lwc-colorBorderInputDisabled: var(--gray-lightest) !important;
  --lwc-colorTextLabel: var(--ink-base) !important;
  --sds-c-tabs-item-color-border-active: var(--purple-50) !important;
  --slds-c-tabs-item-text-color: var(--ink-lightest) !important;
  --slds-c-tabs-item-text-color-active: var(--ink-base) !important;
  --lwc-colorTextActionLabelActive: var(--ink-base) !important;
  --lwc-uiWidgetMarginBottom: 0 !important;
  --lwc-colorTextLabel: var(--ink-base) !important;
  --lwc-colorBorderInput: var(--gray-light) !important;
  --slds-c-select-radius-border: 2px !important;
  --sds-c-select-radius-border: 2px !important;
  --slds-c-tabs-item-color-border-hover: var(--purple-50) !important;
  --sds-c-tabs-item-color-border-hover: var(--purple-50) !important;
  --lwc-spacingXxSmall: 0 !important;
  --slds-c-input-color-border: var(--gray-light) !important;
  --lwc-colorTextError: var(--red-50) !important;
  --slds-c-textarea-color-border: var(--gray-light) !important;
  --lwc-layoutVerticalPadding: 1.5em !important;
  --slds-c-tabs-item-line-height: 2.25rem !important;
  --slds-c-tooltip-color-background: var(--ink) !important;
  --lwc-colorBackgroundInputDisabled: var(--gray-lighter) !important;
  --lwc-colorTextWeak: var(--ink-lightest) !important;
  --lwc-colorTextDefault: var(--ink) !important;
  --lwc-fontSize2: 0.875rem !important;
  --lwc-spacingSmall: 1rem !important;
  --lwc-spacingMedium: 1.25rem !important;
  --lwc-squareToggleSlider: 1rem !important;
  --lwc-varSpacingHorizontalLarge: 1.75rem !important;

  --se-widthToggle: 2.75rem;
  --se-heightToggle: 1.25rem;
  --se-topToggle: .125rem;
}
.slds-checkbox_toggle .slds-checkbox_faux,
.slds-checkbox_toggle .slds-checkbox_faux[part="indicator"],
.slds-checkbox_toggle .slds-checkbox_faux::part(indicator) {
  width: var(--se-widthToggle, var(--lwc-widthToggle, 3rem));
  height: var(--se-heightToggle, var(--lwc-heightToggle, 1.5rem));
}

.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after,
.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux[part="indicator"]:after,
.slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux::part(indicator):after {
  top: var(--se-topToggle, .25rem)
}
/* Utility Classes */
.ink-white , .white  { color: var(--ink-white) } 
.ink-lightest  { color: var(--ink-lightest) } 
.ink-base , .ink , .ink *  { color: var(--ink-base) } 
/* Neutrals */
.gray-lightest  { color: var(--gray-lightest) } 
.gray-lighter  { color: var(--gray-lighter) } 
.gray-light  { color: var(--gray-light) } 
.gray  { color: var(--gray) } 
.ink-lightest  { color: var(--ink-lightest) } 
.ink-base , .ink  { color: var(--ink-base) } 
.ink-lighter  { color: var(--ink-lighter) } 
.ink-light  { color: var(--ink-light) } 
.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) }

/* colors - backgrounds */
.bg-white { background-color: var(--ink-white) }
.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-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-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) }

.slds-theme_shade,
.slds-theme--shade {
  background-color: var(--gray-lightest) !important;
}

/* Colors Variable & Utility Class Declaration Ends */

/* Button Styling Starts */
.button { /* make .button = .slds-button */
  position: relative;
  display: inline-flex;
  align-items: center;
  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));
  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));
  background: none;
  background-color: var(--slds-c-button-color-background, var(--sds-c-button-color-background, transparent));
  background-clip: border-box;
  border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, transparent));
  border-style: solid;
  border-width: var(--slds-c-button-sizing-border, var(--sds-c-button-sizing-border, var(--lwc-borderWidthThin, 1px)));
  border-radius: var(--slds-c-button-radius-border, var(--sds-c-button-radius-border, var(--lwc-buttonBorderRadius, .25rem)));
  box-shadow: var(--slds-c-button-shadow, var(--sds-c-button-shadow));
  line-height: var(--slds-c-button-line-height, var(--sds-c-button-line-height, var(--lwc-lineHeightButton, 1.875rem)));
  text-decoration: none;
  color: var(--slds-c-button-text-color, var(--sds-c-button-text-color, var(--lwc-brandAccessible, rgb(48, 123, 243))));
  -webkit-appearance: none;
  white-space: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Default button styles */

.button,
.slds-button:not(.slds-button_icon, .slds-accordion__summary-action, .slds-button_icon-x-small) {
  --slds-c-button-spacing-inline-end: .5rem;
  --slds-c-button-spacing-inline-start: .5rem;
  --slds-c-button-radius-border: 2px;
  --slds-c-button-sizing-border: 0;
  
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  cursor: pointer;
  text-decoration: none;
  --slds-c-button-shadow-focus: 0 0 0 transparent;
}

.marketing_black.form-cta .slds-button {
  --slds-c-button-brand-color-background: #000;
  --slds-kx-button-gradient-color: #555;
  --slds-c-button-spacing-block-start: 9px;
  --slds-c-button-spacing-block-end: 9px;
  --slds-c-button-spacing-inline-end: 30px;
  --slds-c-button-spacing-inline-start: 30px;
  --button-font-weight: 600;
  --button-font-size: 1rem;
  --slds-c-button-radius-border: 10px;
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  background: var(--slds-c-button-brand-color-background) !important;;
}

.caption .slds-button:focus,
.caption .slds-button {
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  box-shadow: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.blue-60 .slds-button {
  color: var(--blue-60);
}
.hover_blue-80 .slds-button:hover {
  color: var(--blue-80);
}

.slds-button[disabled],
.slds-button:disabled {
  --lwc-colorTextButtonDefaultDisabled: var(--ink-lightest);
}

.slds-button c-display-icon,
.slds-button c-feather-icon {
  margin-right: 0.25rem;
}

.destructive-base,
.destructive-base .slds-button {
  color: var(--red-50);
}

.destructive-base:hover,
.destructive-base .slds-button:hover,
.destructive-base:focus,
.destructive-base .slds-button:focus {
  color: var(--red-40);
}

.crisp {
  border-radius: 2px !important;
}

/* Button Sizes */
lightning-button.button-large .slds-button:not(.slds-button_icon, .slds-accordion__summary-action, .button-large.slds-button_icon-x-small),
.button.button-large,
.button-large.slds-button:not(.slds-button_icon, .slds-accordion__summary-action, .button-large.slds-button_icon-x-small) {
  padding: 10px 16px !important;
}

/* Primary Button Type */
.button-primary,
.slds-button_brand {
  background: var(--blue-50) !important;
  color: var(--white);
}

.button-primary:hover,
.slds-button_brand:hover {
  background: var(--blue-60) !important;
  color: var(--white);
}

.button-primary:disabled,
.slds-button_brand:disabled {
  background: var(--blue-20) !important;
  color: var(--white);
}

/* Secondary Button Type */
.button-secondary,
.slds-button_outline-brand,
.slds-button_brand-outline {
  --slds-c-button-outline-brand-color-background: var(--blue-10);
  --slds-c-button-color-background: var(--blue-10);
  --slds-c-button-text-color: var(--blue-60);
}

.button-secondary:hover,
.slds-button_outline-brand:hover,
.slds-button_brand-outline:hover {
  --slds-c-button-outline-brand-color-background-hover: var(--blue-20);
}

.button-secondary:disabled,
.slds-button_outline-brand:disabled {
  --slds-c-button-color-background: var(--blue-10);
  --slds-c-button-text-color: var(--blue-30);
}


.slds-button_icon-border {
  --slds-c-button-color-background: var(--blue-10);
  --lwc-buttonColorBorderPrimary: var(--blue-10);
  --slds-g-color-neutral-base-50: var(--blue-60);

  &:hover {
    --slds-c-button-color-border-hover: var(--blue-20);
    --slds-c-button-color-background-hover: var(--blue-20);
  }
}

.add-line .slds-button[name="addLine"] {
  display: inline-flex !important;
  padding: 0 !important;
}

.margin-left-xxxsmall {
  margin-left: 0.25rem!important;
}

/* Neutral Button Type */
.button-neutral,
.slds-button_neutral,
.slds-button--neutral {
  --slds-c-button-neutral-color-background: var(--gray-lightest);
  --slds-c-button-text-color: var(--blue-60);
  --slds-c-button-neutral-color-border: var(--gray-lightest);
}

.button-neutral:hover,
.slds-button_neutral:hover,
.slds-button--neutral:hover {
  --slds-c-button-neutral-color-background-hover: var(--gray-lighter);
  --slds-c-button-neutral-color-border-hover: var(--gray-lighter);
}

.button-neutral:disabled,
.slds-button_neutral:disabled,
.slds-button--neutral:disabled {
  --lwc-colorBackgroundButtonDefaultDisabled: var(--gray-lightest);
  --lwc-colorTextButtonDefaultDisabled: var(--gray);
}

/* Destructive Button Type */
.button-destructive,
.slds-button_destructive {
  background: var(--red-50) !important;
  color: var(--white);
}

.button-destructive:hover,
.slds-button_destructive:hover {
  background: var(--red-60) !important;
  color: var(--white);
}

.button-destructive:disabled,
.slds-button_destructive:disabled {
  background: var(--red-20) !important;
  color: var(--white);
}

button.slds-button.red-delete {
  background: var(--red-50);
  border-radius: 50% !important;
  padding: 0.25rem !important;
  text-align: center;
  line-height: 0 !important;
}

.red-delete c-display-icon {
  margin-right: 0;
}

.pointer {
  cursor: pointer;
}

/* Button Styling ends */

/* Form Input Styling Starts */

.form-group {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin-bottom: 1rem;
}

label:not(.slds-radio__label),
.slds-form-element__label:not(.slds-radio__label) {
  padding-bottom: 0.25rem !important;
  margin-bottom: 0 !important;
}

.slds-required {
  color: var(--ink) !important;
}

textarea,
.slds-textarea {
  -webkit-appearance: none;
  min-height: var(--slds-c-textarea-sizing-min-height, var(--sds-c-textarea-sizing-min-height));
  width: 100%;
  padding-top: var(--slds-c-textarea-spacing-block-start, var(--sds-c-textarea-spacing-block-start, var(--lwc-spacingXSmall, 0.5rem)));
  padding-right: var(--slds-c-textarea-spacing-inline-end, var(--sds-c-textarea-spacing-inline-end, var(--lwc-spacingSmall, 0.75rem)));
  padding-bottom: var(--slds-c-textarea-spacing-block-end, var(--sds-c-textarea-spacing-block-end, var(--lwc-spacingXSmall, 0.5rem)));
  padding-left: var(--slds-c-textarea-spacing-inline-start, var(--sds-c-textarea-spacing-inline-start, var(--lwc-spacingSmall, 0.75rem)));
  background-color: var(--slds-c-textarea-color-background, var(--sds-c-textarea-color-background, var(--slds-g-color-neutral-base-100, var(--lwc-colorBackgroundInput, rgb(255, 255, 255)))));
  color: var(--slds-c-textarea-text-color, var(--sds-c-textarea-text-color));
  border: var(--lwc-borderWidthThin, 1px) solid var(--slds-c-textarea-color-border, var(--sds-c-textarea-color-border, var(--slds-g-color-border-base-4, var(--lwc-colorBorderInput, rgb(229, 229, 229)))));
  border-radius: var(--slds-c-textarea-radius-border, var(--sds-c-textarea-radius-border, var(--lwc-borderRadiusMedium, 0.25rem)));
  box-shadow: var(--slds-c-textarea-shadow, var(--sds-c-textarea-shadow));
  resize: vertical;
  transition: border var(--lwc-durationQuickly, 0.1s) linear, background-color var(--lwc-durationQuickly, 0.1s) linear;
}

.slds-input, textarea, .slds-textarea {
  --lwc-heightInput: var(--reset-lwc-heightInput, 2.375rem);
}

:root {
  --slds-c-input-radius-border: 0.125rem;
  resize: none;
  --slds-c-input-color-background: white;
  --slds-c-input-spacing-horizontal-end: 1rem;
  --slds-c-input-spacing-horizontal-start: 1rem;
  --slds-c-input-color-border: var(--gray-light);
  --slds-c-textarea-spacing-inline-end: 1rem;
  --slds-c-textarea-spacing-inline-start: 1rem;
  --slds-c-textarea-radius-border: 0.125rem;
}

input[type="search"] {
  --slds-c-input-spacing-horizontal-start: 2rem;
}

.slds-input-has-icon .slds-input[type=search] {
  --slds-c-input-spacing-horizontal-start: 2.25rem;
}

.slds-input[type=search] + lightning-primitive-icon svg.slds-input__icon.slds-input__icon_left.slds-icon-text-default {
  stroke: transparent;
  fill: transparent;
  background-size: contain;
  height: 20px;
  width: 20px;
  -webkit-mask: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.75 15C12.2018 15 15 12.2018 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15Z" stroke="%230A0A0A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5013 17.5001L13.168 13.1667" stroke="%230A0A0A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.75 15C12.2018 15 15 12.2018 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15Z" stroke="%230A0A0A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5013 17.5001L13.168 13.1667" stroke="%230A0A0A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-color: var(--ink-lighter);
  left: .625rem;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}


.table-controls input.slds-input,
.table-controls textarea,
.table-controls .slds-textarea {
  border: 1px solid var(--gray-lighter) !important;
}

input.slds-input[disabled],
textarea[disabled],
.slds-textarea[disabled],
input.slds-input.slds-is-disabled,
textarea.slds-is-disabled,
.slds-textarea.slds-is-disabled,
.slds-is-disabled {
  border-color: var(--gray-light) !important;
  background: var(--gray-lightest) !important;
  color: var(--ink-lighter) !important;
}

.tall .slds-input,
input.tall {
  min-height: 40px;
}

.slds-combobox_container lightning-icon.slds-icon_container.slds-combobox__input-entity-icon.slds-icon-standard-account {
  display: none;
}

lightning-input.slds-has-error [data-help-message] {
  position: relative;
}

c-line-input-table-row lightning-input.slds-has-error [data-help-message] {
  position: absolute;
}

.slds-form-element_stacked:not(.slds-form-element_readonly),
.slds-form_stacked .slds-form-element:not(.slds-form-element_readonly),
.slds-form_horizontal .slds-form-element_stacked:not(.slds-form-element_readonly) {
  margin-bottom: 0 !important;
}

fieldset.radio {
  display: flex !important;
  gap: 1rem !important;
}

.slds-radio {
  flex-grow: 2 !important;
}

.slds-radio .slds-form-element__label {
  color: var(--ink-base);
  font-weight: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.25px !important;
}

label.slds-radio__label {
  cursor: pointer !important;
  padding: 0.625rem 1rem !important;
  border-radius: 4px !important;
  border: 1px solid var(--gray-lighter) !important;
  display: block !important;
  background-color: var(--white) !important;
  transition: background-color 0.5s ease-out !important;
}

.slds-radio [type='radio']:checked+.slds-radio__label .slds-radio_faux {
  border-color: var(--purple-50) !important;
  border-width: 2px !important;
}

.slds-radio [type='radio']:checked+.slds-radio__label {
  background-color: var(--purple-10) !important;
  border-color: var(--purple-50) !important;
}

.slds-radio [type='radio']:checked+.slds-radio__label .slds-radio_faux:after {
  background-color: var(--purple-50) !important;
}

.assessments-section .slds-form-element[type="radio"] .slds-form-element__control {
    gap: .5rem;
    display: inline-flex;
}
.assessment-questions.slds-form-element label.slds-checkbox__label {
  display: inline-flex;
}

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

.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
  border-bottom-color: var(--white) !important;
  border-left-color: var(--white) !important;
  height: 0.35rem !important;
  width: 0.6rem !important;
}

.slds-form-element_compound .slds-form-element__row {
  gap: 0.5rem;
}

c-admin-catalog-edit-panel .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after {
  display: none !important;
}

c-admin-catalog-edit-panel .product-management-controls+.slds-table span.slds-checkbox_faux {
  border: none !important;
}

.slds-rich-text-editor__toolbar {
  padding: 0.25rem !important;
  background: var(--white) !important;
}

.slds-rich-text-editor__toolbar .slds-button_icon-border-filled,
.slds-rich-text-editor__toolbar .slds-button--icon-border-filled {
  background: var(--white) !important;
}

.slds-rich-text-editor {
  border-color: var(--gray-light);
  border-radius: 0.125rem;
}

.slds-rich-text-area__content {
  color: var(--ink) !important;
}

.slds-rich-text-editor__toolbar>ul {
  align-items: center;
}

.slds-rich-text-editor__toolbar>ul:after {
  content: '';
  width: 1px;
  height: 1.25rem;
  background: var(--gray-lighter);
  margin: 0 0.5rem;
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button {
  position: relative;
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button .slds-button__icon {
  visibility: hidden;
  width: 1.25rem;
  height: 1.25rem;
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button::after {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  height: calc(100% - 12px);
  width: calc(100% - 12px);
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="bold"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3.33301H11.6667C12.5507 3.33301 13.3986 3.6842 14.0237 4.30932C14.6488 4.93444 15 5.78229 15 6.66634C15 7.5504 14.6488 8.39824 14.0237 9.02336C13.3986 9.64849 12.5507 9.99967 11.6667 9.99967H5V3.33301Z' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 10H12.5C13.3841 10 14.2319 10.3512 14.857 10.9763C15.4821 11.6014 15.8333 12.4493 15.8333 13.3333C15.8333 14.2174 15.4821 15.0652 14.857 15.6904C14.2319 16.3155 13.3841 16.6667 12.5 16.6667H5V10Z' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="italic"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.834 3.33301H8.33398' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.666 16.667H4.16602' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 3.33301L7.5 16.6663' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="underline"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2.5V8.33333C5 9.65942 5.52678 10.9312 6.46447 11.8689C7.40215 12.8065 8.67392 13.3333 10 13.3333C11.3261 13.3333 12.5979 12.8065 13.5355 11.8689C14.4732 10.9312 15 9.65942 15 8.33333V2.5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33398 17.5H16.6673' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="link"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 5.08334C12.0858 5.08334 11.75 5.41913 11.75 5.83334C11.75 6.24756 12.0858 6.58334 12.5 6.58334V5.08334ZM15 5.83334V5.08334V5.83334ZM17.9463 7.05373L18.4766 6.5234L17.9463 7.05373ZM12.5 13.4167C12.0858 13.4167 11.75 13.7525 11.75 14.1667C11.75 14.5809 12.0858 14.9167 12.5 14.9167V13.4167ZM7.50004 14.9167C7.91425 14.9167 8.25004 14.5809 8.25004 14.1667C8.25004 13.7525 7.91425 13.4167 7.50004 13.4167V14.9167ZM2.05376 12.9463L1.52343 13.4766L2.05376 12.9463ZM7.50004 6.58334C7.91425 6.58334 8.25004 6.24756 8.25004 5.83334C8.25004 5.41913 7.91425 5.08334 7.50004 5.08334V6.58334ZM12.5 6.58334H15V5.08334H12.5V6.58334ZM15 6.58334C15.9062 6.58334 16.7752 6.94331 17.416 7.58406L18.4766 6.5234C17.5546 5.60135 16.304 5.08334 15 5.08334V6.58334ZM17.416 7.58406C18.0567 8.22481 18.4167 9.09385 18.4167 10H19.9167C19.9167 8.69603 19.3987 7.44546 18.4766 6.5234L17.416 7.58406ZM18.4167 10C18.4167 11.887 16.887 13.4167 15 13.4167V14.9167C17.7154 14.9167 19.9167 12.7154 19.9167 10H18.4167ZM15 13.4167H12.5V14.9167H15V13.4167ZM7.50004 13.4167H5.00004V14.9167H7.50004V13.4167ZM5.00004 13.4167C4.09388 13.4167 3.22484 13.0567 2.58409 12.416L1.52343 13.4766C2.44549 14.3987 3.69606 14.9167 5.00004 14.9167V13.4167ZM2.58409 12.416C1.94334 11.7752 1.58337 10.9062 1.58337 10H0.083374C0.083374 11.304 0.601378 12.5546 1.52343 13.4766L2.58409 12.416ZM1.58337 10C1.58337 8.11304 3.11307 6.58334 5.00004 6.58334V5.08334C2.28464 5.08334 0.083374 7.28461 0.083374 10H1.58337ZM5.00004 6.58334H7.50004V5.08334H5.00004V6.58334Z' fill='%238F8F8F'/%3E%3Cpath d='M6.66663 10H13.3333' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="list"][value="bullet"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66602 5H17.4993' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66602 10H17.4993' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66602 15H17.4993' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33398 5H2.50065' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33398 10H2.50065' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33398 15H2.50065' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="list"][value="ordered"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66602 5H17.4993' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66602 10H17.4993' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66602 15H17.4993' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.70898 1.73438V6H2.72168V2.84766L1.74902 3.13184V2.38184L3.61816 1.73438H3.70898ZM4.5 11.2383V12H1.52344V11.3555L2.89453 9.91406C3.01562 9.77539 3.11328 9.65137 3.1875 9.54199C3.26172 9.43066 3.31543 9.33008 3.34863 9.24023C3.38379 9.15039 3.40137 9.06934 3.40137 8.99707C3.40137 8.87402 3.38281 8.77148 3.3457 8.68945C3.31055 8.60547 3.25781 8.54199 3.1875 8.49902C3.11914 8.45605 3.03418 8.43457 2.93262 8.43457C2.83105 8.43457 2.74219 8.46387 2.66602 8.52246C2.58984 8.58105 2.53027 8.66113 2.4873 8.7627C2.44629 8.86426 2.42578 8.97852 2.42578 9.10547H1.43555C1.43555 8.84375 1.49902 8.60449 1.62598 8.3877C1.75488 8.1709 1.93359 7.99805 2.16211 7.86914C2.39062 7.73828 2.65527 7.67285 2.95605 7.67285C3.27051 7.67285 3.53418 7.72168 3.74707 7.81934C3.95996 7.91699 4.12012 8.05859 4.22754 8.24414C4.33691 8.42773 4.3916 8.64941 4.3916 8.90918C4.3916 9.05762 4.36816 9.2002 4.32129 9.33691C4.27441 9.47363 4.20703 9.60938 4.11914 9.74414C4.03125 9.87695 3.92383 10.0137 3.79688 10.1543C3.67188 10.2949 3.5293 10.4443 3.36914 10.6025L2.81836 11.2383H4.5ZM2.42285 15.4541H2.90332C3.02637 15.4541 3.12695 15.4326 3.20508 15.3896C3.28516 15.3447 3.34473 15.2822 3.38379 15.2021C3.42285 15.1201 3.44238 15.0234 3.44238 14.9121C3.44238 14.8262 3.42383 14.7471 3.38672 14.6748C3.35156 14.6025 3.29688 14.5449 3.22266 14.502C3.14844 14.457 3.05371 14.4346 2.93848 14.4346C2.86035 14.4346 2.78418 14.4512 2.70996 14.4844C2.63574 14.5156 2.57422 14.5605 2.52539 14.6191C2.47852 14.6777 2.45508 14.749 2.45508 14.833H1.46484C1.46484 14.5908 1.53125 14.3838 1.66406 14.2119C1.79883 14.0381 1.97559 13.9053 2.19434 13.8135C2.41504 13.7197 2.65234 13.6729 2.90625 13.6729C3.20898 13.6729 3.47461 13.7197 3.70312 13.8135C3.93164 13.9053 4.10938 14.042 4.23633 14.2236C4.36523 14.4033 4.42969 14.626 4.42969 14.8916C4.42969 15.0381 4.39551 15.1758 4.32715 15.3047C4.25879 15.4336 4.16309 15.5469 4.04004 15.6445C3.91699 15.7422 3.77246 15.8193 3.60645 15.876C3.44238 15.9307 3.2627 15.958 3.06738 15.958H2.42285V15.4541ZM2.42285 16.1895V15.6973H3.06738C3.28027 15.6973 3.47461 15.7217 3.65039 15.7705C3.82617 15.8174 3.97754 15.8877 4.10449 15.9814C4.23145 16.0752 4.3291 16.1914 4.39746 16.3301C4.46582 16.4668 4.5 16.624 4.5 16.8018C4.5 17.001 4.45996 17.1787 4.37988 17.335C4.2998 17.4912 4.1875 17.623 4.04297 17.7305C3.89844 17.8379 3.72949 17.9199 3.53613 17.9766C3.34277 18.0312 3.13281 18.0586 2.90625 18.0586C2.72852 18.0586 2.55078 18.0352 2.37305 17.9883C2.19531 17.9395 2.0332 17.8652 1.88672 17.7656C1.74023 17.6641 1.62207 17.5352 1.53223 17.3789C1.44434 17.2207 1.40039 17.0322 1.40039 16.8135H2.39062C2.39062 16.9033 2.41504 16.9854 2.46387 17.0596C2.51465 17.1318 2.58203 17.1895 2.66602 17.2324C2.75 17.2754 2.84082 17.2969 2.93848 17.2969C3.05957 17.2969 3.16211 17.2744 3.24609 17.2295C3.33203 17.1826 3.39746 17.1201 3.44238 17.042C3.4873 16.9639 3.50977 16.877 3.50977 16.7812C3.50977 16.6367 3.48535 16.5215 3.43652 16.4355C3.38965 16.3496 3.32031 16.2871 3.22852 16.248C3.13867 16.209 3.03027 16.1895 2.90332 16.1895H2.42285Z' fill='%238F8F8F'/%3E%3C/svg%3E ");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="align"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1667 8.33301H2.5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 5H2.5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 11.667H2.5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 15H2.5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="clean"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_802_6)'%3E%3Cpath d='M3.33337 5.83334V3.33331M16.6667 5.83334V3.33334L9 3.33331' stroke='%238f8f8f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 16.6667H12.5' stroke='%238f8f8f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 3.33331V5M10 16.6666V10' stroke='%238f8f8f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.833374 0.833313L19.1667 19.1666' stroke='%238f8f8f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_802_6'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="align"][value="center"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8.33301H5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 5H2.5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 11.667H2.5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15H5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar button[data-format="align"][value="right"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5007 8.33301H5.83398' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 5H2.5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 11.667H2.5' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5007 15H5.83398' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}

.slds-rich-text-editor .slds-rich-text-editor__toolbar lightning-rich-text-toolbar-button[data-name="attachFiles"] button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8646 9.71885L10.2063 17.3772C8.25259 19.3309 5.085 19.3309 3.1313 17.3772C1.17759 15.4235 1.17759 12.2559 3.1313 10.3022L10.7896 2.64385C12.0921 1.34137 14.2038 1.34137 15.5063 2.64385C16.8088 3.94632 16.8088 6.05804 15.5063 7.36051L7.83963 15.0188C7.18839 15.6701 6.13253 15.6701 5.4813 15.0188C4.83006 14.3676 4.83006 13.3117 5.4813 12.6605L12.5563 5.59385' stroke='%238F8F8F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
  background-position: left center;
}

.attach-files .slds-button {
  width: auto;
}
.attach-files .slds-button .slds-assistive-text {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}
.attach-files {
  --sds-c-button-text-color-hover: var(--ink-lightest);
}

.icon-file-cell {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.slds-rich-text-editor__toolbar {
  background: var(--white) !important;
}

/* Form Input Styling Ends */

/* Typography Styling Starts */

html {
  font-size: 16px !important;
}

body {
  font-family: "Roboto", sans-serif !important;
  color: var(--ink) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}


h1:not(.se-branding),
.h1 {
  font-weight: normal !important;
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
}

h2:not(.se-branding),
.h2 {
  font-weight: normal !important;
  font-size: 1.25rem !important;
  line-height: 1.5rem !important;
  letter-spacing: 0.15px !important;
}

h3:not(.se-branding),
.h3 {
  font-weight: 500 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  letter-spacing: 0.15px !important;
}

h4:not(.se-branding),
.h4 {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.1px !important;
}

button:not(.slds-button_icon, .slds-combobox__input, .se-branding) {
  font-weight: 500;
  font-size: 0.875rem;
}

li.slds-listbox__item .slds-listbox__option {
  padding: 0.75rem !important;
}

.slds-listbox_vertical .slds-listbox__option_entity {
  padding: 0.5rem !important;
  line-height: 1.25rem;
  font-size: 0.875rem;
}

p,
.large-text,
.large {
  font-weight: normal !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  letter-spacing: 0.5px !important;
}

h1.display1,
h2.display1,
.display1 {
  font-weight: 300 !important;
  font-size: 2.875rem !important;
  line-height: 3.5rem !important;
}

h1.display2,
h2.display2,
.display2 {
  font-weight: 300 !important;
  font-size: 2.125rem !important;
  line-height: 2.5rem !important;
  letter-spacing: 0.015625rem !important;
}

strong,
b {
  font-weight: 500 !important;
}

input::-webkit-input-placeholder {
  font-weight: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.25px !important;
}

input::-moz-placeholder {
  font-weight: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.25px !important;
}

input:-ms-input-placeholder {
  font-weight: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.25px !important;
}

input::-ms-input-placeholder {
  font-weight: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.25px !important;
}

.slds-combobox__form-element.slds-input-has-icon .slds-combobox__input {
  padding: 0.25rem 1.25rem 0.25rem 1rem !important;
  border: 1px solid var(--gray-light) !important;
  line-height: 1.875rem !important;
  background: var(--white);
}

.table-controls .slds-combobox__form-element.slds-input-has-icon .slds-combobox__input {
  border: 1px solid var(--gray-lighter) !important;
}

.collapsed-controls .slds-combobox__form-element.slds-input-has-icon .slds-combobox__input,
.collapsed-controls input,
.collapsed-controls button {
  border-radius: 0 !important;
}

.slds-rich-text-editor .slds-combobox__form-element.slds-input-has-icon .slds-combobox__input {
  padding: 0 2rem 0 0.75rem !important;
}

lightning-combobox.ghost .slds-combobox__form-element.slds-input-has-icon .slds-combobox__input {
  padding: 0 1rem 0 0 !important;
  border: 0 !important;
  min-height: 0 !important;
}

lightning-combobox.ghost .slds-combobox__form-element {
  position: relative;
}

lightning-combobox.ghost .slds-input__icon-group_right .slds-input__icon_right,
lightning-combobox.ghost .slds-input__icon-group_right .slds-input__icon--right {
  right: 0;
  top: 45%;
}

.table-filter .slds-combobox__form-element.slds-input-has-icon .slds-combobox__input {
  padding: 0.3rem 1rem 0.3rem 0.5rem !important;
  align-items: center;
}

.table-filter .slds-combobox__form-element.slds-input-has-icon .slds-combobox__input span {
  padding-right: 0.5rem;
  line-height: 1;
}

.button-input .slds-input,
.button-input .slds-button {
  padding: 6px 16px !important;
}

.inner-container .slds-button+.slds-button {
  margin-left: 0.5rem !important;
}

.no-border .slds-input {
  border: none !important;
}

input::-moz-placeholder {
  font-weight: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.25px !important;
}

.small,
input,
input::placeholder,
textarea {
  font-weight: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.25px !important;
}

.small * {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.25px !important;
}

.linkBtn {
  line-height: 1.25rem;
}

.form-container input::-moz-placeholder {
  min-height: 2.5rem !important;
}

.form-container input,
.form-container input::placeholder,
.form-container textarea {
  min-height: 2.5rem !important;
}

.caption,
form label,
.field-label,
.slds-form-element__label,
c-lookup-search.search-box-container label {
  font-weight: normal !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  letter-spacing: 0.4px !important;
}
.custom-payment-schedule .slds-checkbox_faux_container {
  --lwc-widthToggle: 2.625rem !important;
}
.custom-payment-schedule span.slds-form-element__label {
  --lwc-formLabelFontSize: .875rem !important;
  font-size: var(--lwc-formLabelFontSize) !important;
}

c-lookup-search.search-box-container label {
  display: block;
}

.badge {
  font-weight: 500 !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  letter-spacing: 0.4px !important;
}

.badge .text-container {
  font-size: 0.75rem !important;
}

.overline {
  font-weight: 500 !important;
  font-size: 0.625rem !important;
  line-height: 0.75rem !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

ol.se {
  padding-left: 1rem;
}

ol.se li {
  padding: 0.5rem 0;
}

/* Typography Styling Ends */

/* Tooltip Styling Starts */

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

[data-tooltip] {
  position: relative;
}

[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: 100%;
  border-width: 4px 3px 0 4px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

[data-tooltip-position="bottom"]:before {
  bottom: unset;
  border-bottom-color: var(--ink);
  top: 100%;
  border-width: 0 3px 4px 3px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  padding: 0.5em;
  opacity: 0;
  z-index: 99999;
  display: inline-block;
  position: absolute;
  font-size: 0.75rem;
  line-height: 1.25;
  border-radius: 3px;
  pointer-events: none;
  background: var(--ink);
  color: var(--white);
  cursor: help;
  max-width: 150px;
  width: 100%;
  text-align: center;
  transition: opacity 0.2s;
  height: -moz-min-content;
  height: min-content;
}

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

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


[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
  opacity: 1;
}

/* Tooltip Styling Ends */

/* Localize Styling Starts */
#localize-widget {
  font-family: 'Roboto' !important;
  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 */
[data-visible="false"] {
  display: none !important;
}

li.slds-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* Hide comboxbox icons in flows because they conflict with our custom icon overrides */
flowruntime-lwc-field .slds-combobox lightning-icon {
  display: none !important;
}

/* Replace contact, groups, and user icons */
lightning-icon.slds-icon-standard-contact,
lightning-icon.slds-icon-standard-groups,
lightning-icon.slds-icon-standard-user,
lightning-icon.slds-icon-standard-account,
lightning-icon.slds-icon-standard-category,
lightning-icon.slds-icon-standard-unit,
lightning-icon.slds-icon-standard-recipe {
  position: relative;
  background-color: white;
}

lightning-icon.slds-icon-standard-contact:after,
lightning-icon.slds-icon-standard-groups:after,
lightning-icon.slds-icon-standard-user:after,
lightning-icon.slds-icon-standard-category:after,
lightning-icon.slds-icon-standard-account:after,
lightning-icon.slds-icon-standard-unit:after,
lightning-icon.slds-icon-standard-recipe:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

lightning-icon.slds-icon-standard-contact:after,
lightning-icon.slds-icon-standard-user:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Display-icons / Communication / Address-card'%3E%3Cpath id='Combined Shape' fill-rule='evenodd' clip-rule='evenodd' d='M4 5.66667C4 4.00981 5.34315 2.66667 7 2.66667H25C26.6569 2.66667 28 4.00982 28 5.66667V26.3333C28 27.9902 26.6569 29.3333 25 29.3333H7C5.34315 29.3333 4 27.9902 4 26.3333V5.66667ZM16 14.6667C14.5272 14.6667 13.3333 13.4728 13.3333 12C13.3333 10.5272 14.5272 9.33334 16 9.33334C17.4728 9.33334 18.6667 10.5272 18.6667 12C18.6667 13.4728 17.4728 14.6667 16 14.6667ZM15.9877 16C12.4903 16 9.62093 18.0221 9.33382 21.9993C9.31818 22.216 9.68645 22.6667 9.87222 22.6667H22.1087C22.6651 22.6667 22.6738 22.1629 22.6651 22C22.4481 17.911 19.5342 16 15.9877 16Z' fill='%23307BF3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

lightning-icon.slds-icon-standard-groups:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Display-icons / Communication / Group'%3E%3Cpath id='Combined Shape' opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M6.66663 9.33333C6.66663 12.2789 9.05444 14.6667 12 14.6667C14.9455 14.6667 17.3333 12.2789 17.3333 9.33333C17.3333 6.38781 14.9455 4 12 4C9.05444 4 6.66663 6.38781 6.66663 9.33333ZM20 14.6667C20 16.8758 21.7908 18.6667 24 18.6667C26.2091 18.6667 28 16.8758 28 14.6667C28 12.4575 26.2091 10.6667 24 10.6667C21.7908 10.6667 20 12.4575 20 14.6667Z' fill='%23307BF3'/%3E%3Cpath id='Combined Shape_2' fill-rule='evenodd' clip-rule='evenodd' d='M11.9778 17.3333C5.68255 17.3333 0.517678 20.5687 0.000868912 26.9323C-0.0272823 27.2789 0.635616 28 0.970003 28H22.9956C23.9972 28 24.0128 27.194 23.9972 26.9333C23.6065 20.3909 18.3616 17.3333 11.9778 17.3333ZM31.2746 28H26.1333C26.1333 24.9987 25.1417 22.2291 23.4683 20.0008C28.0103 20.0505 31.7189 22.3468 31.998 27.2C32.0092 27.3955 31.998 28 31.2746 28Z' fill='%23307BF3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

lightning-icon.slds-icon-standard-account:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Display-icons / Code / Compiling'%3E%3Cpath 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'/%3E%3Cpath 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'/%3E%3C/g%3E%3C/svg%3E");
}

lightning-icon.slds-icon-standard-category:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Display-icons / Electric / Fan'%3E%3Cpath 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'/%3E%3Cpath 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'/%3E%3Cpath 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'/%3E%3C/g%3E%3C/svg%3E%0A");
}

lightning-icon.slds-icon-standard-unit:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Display-icons / Code / Puzzle'%3E%3Cpath id='Combined Shape' opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M10.6667 5.66663C10.6667 4.00977 12.0098 2.66663 13.6667 2.66663H15.6667C17.3235 2.66663 18.6667 4.00977 18.6667 5.66663V7.99996H23.3333C24.4379 7.99996 25.3333 8.89539 25.3333 9.99996V14.6666H27.6667C29.3235 14.6666 30.6667 16.0098 30.6667 17.6666V19.6666C30.6667 21.3235 29.3235 22.6666 27.6667 22.6666H25.3333V27.3333C25.3333 28.4379 24.4379 29.3333 23.3333 29.3333H6C4.89543 29.3333 4 28.4379 4 27.3333V22.6666H7.66667C9.32352 22.6666 10.6667 21.3235 10.6667 19.6666V17.6666C10.6667 16.0098 9.32352 14.6666 7.66667 14.6666H4V9.99996C4 8.89539 4.89543 7.99996 6 7.99996H10.6667V5.66663Z' fill='%23307BF3'/%3E%3C/g%3E%3C/svg%3E");
}

lightning-icon.slds-icon-standard-recipe:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Display-icons / Cooking / Cutting board '%3E%3Cpath id='Combined Shape' opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M11.1716 20.1617C12.4734 21.4635 12.4734 23.574 11.1716 24.8758L8.34319 27.7042C7.04144 29.006 4.93089 29.006 3.62914 27.7042C2.3274 26.4025 2.3274 24.2919 3.62914 22.9902L6.45757 20.1617C7.75932 18.86 9.86987 18.86 11.1716 20.1617ZM5.09051 26.3371C5.74138 26.988 6.79665 26.988 7.44753 26.3371C8.0984 25.6862 8.0984 24.631 7.44753 23.9801C6.79665 23.3292 5.74138 23.3292 5.09051 23.9801C4.43963 24.631 4.43963 25.6862 5.09051 26.3371Z' fill='%23307BF3'/%3E%3Cpath id='Rectangle 134' fill-rule='evenodd' clip-rule='evenodd' d='M19.1854 1.77702L29.5563 12.1479C30.5977 13.1893 30.5977 14.8778 29.5563 15.9192L17.2998 28.1757C16.2584 29.2171 14.5699 29.2171 13.5285 28.1757L3.15764 17.8048C2.11624 16.7634 2.11624 15.0749 3.15764 14.0335L15.4142 1.77702C16.4556 0.735622 18.144 0.735622 19.1854 1.77702Z' fill='%23307BF3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

lightning-icon.slds-icon-standard-contact svg,
lightning-icon.slds-icon-standard-groups svg,
lightning-icon.slds-icon-standard-user svg,
lightning-icon.slds-icon-standard-account svg,
lightning-icon.slds-icon-standard-category svg,
lightning-icon.slds-icon-standard-unit svg,
lightning-icon.slds-icon-standard-recipe svg {
  visibility: hidden;
}

.slds-has-selection lightning-icon.slds-icon-standard-contact,
.slds-has-selection lightning-icon.slds-icon-standard-groups,
.slds-has-selection lightning-icon.slds-icon-standard-user,
.slds-has-selection lightning-icon.slds-icon-standard-account,
.slds-has-selection lightning-icon.slds-icon-standard-category,
.slds-has-selection lightning-icon.slds-icon-standard-unit,
.slds-has-selection lightning-icon.slds-icon-standard-recipe {
  position: absolute;
  left: 0.5rem;
}

.slds-has-selection lightning-icon.slds-icon-standard-contact+.slds-combobox__input,
.slds-has-selection lightning-icon.slds-icon-standard-groups+.slds-combobox__input,
.slds-has-selection lightning-icon.slds-icon-standard-user+.slds-combobox__input,
.slds-has-selection lightning-icon.slds-icon-standard-account+.slds-combobox__input,
.slds-has-selection lightning-icon.slds-icon-standard-category+.slds-combobox__input,
.slds-has-selection lightning-icon.slds-icon-standard-unit+.slds-combobox__input,
.slds-has-selection lightning-icon.slds-icon-standard-recipe+.slds-combobox__input {
  padding-left: 2.25rem !important;
}

/* DX Global Styling */
div[data-region-name="content"]>.ui-widget:first-child {
  border-bottom: 1px solid var(--gray-lighter);
}

.cb-section_column.slds-large-size_9-of-12 {
  border-right: 1px solid var(--gray-lighter);
}

div[data-region-name="content"]>.ui-widget:last-child,
div[data-region-name="content"]>.ui-widget:only-child {
  border-bottom: none;
}

.forceCommunityThemeNav .comm-navigation__top-level-item.mainNavItem:first-child {
  display: none;
}

.cb-section_column.slds-large-size_9-of-12 {
  border-right: 1px solid var(--gray-lighter);
}

.comm-page-home .cb-section_column.slds-large-size_9-of-12 {}

.comm-page-home div[data-region-name="content"]>.ui-widget:first-child {
  border-bottom: none;
}

.comm-page-checkout [name="responseDate"]+lightning-button-icon svg.slds-button__icon,
input+button lightning-icon[icon-name="utility:close"] svg.slds-icon {
  visibility: hidden;
}

input+button lightning-icon[icon-name="utility:close"] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5L5 15' stroke='%23303030' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5L15 15' stroke='%23303030' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  width: 1.25rem !important;
  height: 1.25rem !important;
  background-repeat: no-repeat;
}

.comm-page-checkout [name="responseDate"]+lightning-button-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 5.33334C2.5 4.22877 3.39543 3.33334 4.5 3.33334H15.5C16.6046 3.33334 17.5 4.22877 17.5 5.33334V16.3333C17.5 17.4379 16.6046 18.3333 15.5 18.3333H4.5C3.39543 18.3333 2.5 17.4379 2.5 16.3333V5.33334Z' stroke='%23303030' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3334 1.66666V4.99999' stroke='%23303030' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66663 1.66666V4.99999' stroke='%23303030' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 8.33334H17.5' stroke='%23303030' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  width: 1.25rem !important;
  height: 1.25rem !important;
  background-repeat: no-repeat;
  margin-top: -0.6rem !important;
}

.comm-page-checkout .comm-layout-column,
.comm-page-detail-a1P .comm-layout-column {
  padding: 0 !important;
}

.comm-page-checkout .search-box-container.owner .slds-icon_container.slds-icon-standard-account {
  margin-left: 0.5rem !important;
}

.comm-page-checkout .search-box-container.owner .slds-icon_container.slds-icon-standard-account+input {
  padding-left: 2.25rem !important;
}

/* div[style*="max-width: 99%"].cb-section_row,
.comm-page-checkout .siteforceSldsTwoCol84Layout {
  max-width: 1460px !important;
  margin: 0 auto;
} */

body .forceCommunitySection .cb-section_column,
body .forceCommunitySection .cb-section_column:only-child,
body .forceCommunitySection .cb-section_column:last-child,
body .forceCommunitySection .cb-section_column:first-child {
    padding-top: var(--se-page-section-spacing-block-start, var(--se-page-section-spacing, 2rem));
    padding-right: var(--se-page-section-spacing-inline-end, var(--se-page-section-spacing, 2rem));
    padding-bottom: var(--se-page-section-spacing-block-end, var(--se-page-section-spacing, 2rem));
    padding-left: var(--se-page-section-spacing-inline-start, var(--se-page-section-spacing, 2rem));
}

body.comm-page-custom-payment-methods,
body.comm-page-custom-invoices,
body.comm-page-custom-payment-methods,
body.comm-page-custom-marketplace,
body.comm-page-custom-requests,
body.comm-page-custom-orders {
    --se-page-section-spacing: 0;
}

.comm-page-detail-aDt .cb-section_column.slds-large-size_3-of-12,
.comm-page-custom-admin-settings .forceCommunitySection .cb-section_column.slds-size_12-of-12,
.comm-page-custom-my-preferences .forceCommunitySection .cb-section_column.slds-size_12-of-12,
.comm-page-custom-create-quote .contentRegion.comm-layout-column,
.comm-page-custom-start-new-bpo-request .forceCommunitySection .cb-section_column.slds-size_12-of-12,
.comm-page-custom-edit-bpo .forceCommunitySection .cb-section_column.slds-size_12-of-12,
.comm-page-custom-user-registration .forceCommunitySection .cb-section_column.slds-size_12-of-12,
.comm-page-detail-a2I .slds-col--padded {
  padding: 0 !important;
}

.comm-page-detail-aDt .cb-section_column.slds-large-size_3-of-12 .ui-widget {
  padding: 1.5rem !important;
}

.comm-page-detail-aDt .cb-section_column.slds-large-size_3-of-12 .ui-widget:not(:last-of-type) {
  border-bottom: 1px solid var(--gray-lighter);
}
/* home page only pull supplier requests to the edge of the page */
body.comm-page-home [c-listviewRequestsSupplier_listviewRequestsSupplier-host] {
  margin-left: calc(var(--lwc-spacingSmall, 0.75rem)* -1);
  margin-right: calc(var(--lwc-spacingSmall, 0.75rem)* -1);
  display: block;
}

/*Supplier storefront overrides*/

@media (min-width: 64em) {
  .comm-page-detail-001 .slds-large-size--8-of-12 {
    width: 75% !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    padding-top: 1.5rem !important;
  }

  .comm-page-detail-001 .slds-large-size--4-of-12 {
    width: 25% !important;
  }

  .comm-page-detail-001 .siteforceSldsTwoCol84Layout>.comm-content-header {
    border-bottom: 1px solid var(--gray-lighter);
  }

  .comm-page-detail-001 .siteforceSldsTwoCol84Layout>.slds-grid>.slds-large-size--4-of-12 {
    border-left: 1px solid var(--gray-lighter);
    padding-left: 0;
    padding-right: 0;
  }
}

.salesforceIdentityLoginForm2 .inverseTextColor {
  color: var(--ink-base) !important;
}

.salesforceIdentityEmployeeLoginLink2.employeeLoginLink a.inverseTextColor {
  color: var(--ink-base) !important;
}

.forceCommunityRichTextInline .inverseTextColor {
  color: var(--ink-base) !important;
}

.primaryDisplayField {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--ink-lightest) !important;
}

.forceCommunityCreateRecordButton {
  height: 20px;
  width: 120px;
  float: right;
}

.forceCommunityThemeNav .mainNavItem .linkBtn {
  font-weight: 500 !important;
  font-size: .875rem !important;
}

/* Modal Overrides */
.slds-modal__header {
  display: flex;
  justify-content: space-between;
}


/* Hide the add to cart confirmation popup */
b2b_buyer_wishlists-items-added-to-cart-modal {
  display: none;
}

/* Hide the default PDP add to cart UI */
.quantity-list-container {
  display: none !important;
}

/* Hide the Salesforce chatter picture */
.slds-illustration.slds-illustration_large {
  display: none;
}

/* Hide cactus image (.reportBuilderContainer .report-table-no-data-svg) */
/* .report-table-widget .report-table-widget-noData-container {
    display: none;
/*  opacity: 0; */
.unsNotificationsCounter,
.emptyMessageTitle,
.emptyMessage,
.emptyMessageContainer img,
#selfReg {
  display: none;
}

/* Hide cart icon from header */
.themeCartIcon {
  display: none !important;
}

.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-popover {
  border-radius: 3px !important;
}

/* Adjust the padding of tab components (KML) */
.uiTabset--default {
  padding: 0 1em 1em 1em;
}

.slds-tabs_default__item>a {
  font-weight: 500 !important;
}

.uiTabset--default .tabs__item.active>a {
  border-color: var(--purple-50) !important;
}

.uiTabset--default .tabs__item>a:hover,
.uiTabset--default .tabs__item>a:focus {
  border-color: var(--purple-50) !important;
  color: var(--purple-50) !important;
}

.uiTabset--default .tabs__item>a:focus {
  box-shadow: var(--purple-50) !important;
}

.forceCommunityTabset>.uiTabBar .uiTabItem .tabHeader {
  padding: 0.5rem 0.75rem !important;
  font-weight: 500 !important;
}

.slds-tabs_default__link,
.slds-tabs--default__link {
  padding-top: 0.5rem !important;
}

.slds-tabs_default__link[tabindex="0"]:focus,
.slds-tabs--default__link[tabindex="0"]:focus {
  text-decoration: none !important;
}

.slds-tabs_default__content,
.slds-tabs--default__content {
  padding-top: 2rem !important;
}

/* Adjust the position of the help info icon (KML) */
.uiTooltip {
  top: -2px;
  left: 5px;
}

.slds-form-element__help,
.slds-form-element__helper {
  position: absolute;
}

.request-title input::-moz-placeholder {
  color: #99A0AC;
}

.request-title input::placeholder {
  color: #99A0AC;
}

/* Flow styling */
flowruntime-screen-field lightning-popup>section {
  left: -100% !important;
}

flowruntime-screen-field lightning-popup>section .slds-popover * {
  font-family: "Roboto", sans-serif !important;
  color: var(--ink) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  font-weight: normal !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  letter-spacing: 0.4px !important;
}

flowruntime-screen-field lightning-popup>section .slds-popover.slds-nubbin_top:after,
flowruntime-screen-field lightning-popup>section .slds-popover.slds-nubbin_top:before {
  left: 10% !important;
}

flowruntime-screen-field lightning-popup>section .slds-popover .slds-icon_small,
flowruntime-screen-field lightning-popup>section .slds-popover .slds-icon--small {
  width: 1.125rem !important;
  height: 1.125rem !important;
}

/* Custom Banner Message Styling */
.banner-message-text ol,
.banner-message-text ul {
  list-style: normal;
  padding-left: 1.5rem;
}

.banner-message-text ul {
  list-style: disc;
}

/* Change the active top menu underline color */
@media only screen and (min-width: 48em) {
  .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active {
    border-color: var(--purple-50) !important;
    color: var(--ink-base) !important;
  }
  .forceCommunityThemeHeaderCompact .themeLogo {
    margin-right: 1rem !important;
  }
}

#commThemeNav>[data-region-name="nav"] {
  position: relative;
}

@media(min-width: 768px) {
  .forceCommunityThemeHeaderCompact .themeUtils {
    padding-left: 0 !important;
  }

  .forceCommunityThemeNav li:nth-last-child(2).mainNavItem {
    margin-left: auto !important;
    display: flex;
    align-items: center;
  }
}

.forceCommunityThemeNav li:nth-last-child(2).mainNavItem .linkBtn {
  border-radius: 2px;
  background-color: var(--blue-50);
  color: white !important;
  padding: 0 .5rem !important;
  line-height: var(--slds-c-button-line-height, var(--sds-c-button-line-height, var(--lwc-lineHeightButton, 1.875rem)));
}

.forceCommunityThemeNav li:nth-last-child(2).mainNavItem .linkBtn:hover {
  color: white !important;
  background-color: var(--blue-60);
}

@media(max-width: 767px) {
  .forceCommunityThemeNav li:nth-last-child(2).mainNavItem .linkBtn {
    text-align: center;
    padding: .5rem !important;
    display: block;
    margin: 0 !important;
  }

  .forceCommunityThemeNav li:nth-last-child(2).mainNavItem {
    padding-left: 0 !important;
  }
}

/* Add an icon and additional text to the concierge menu item (KML) */
.forceCommunityThemeNav>ul>li:nth-last-child(2) .subMenu {
  width: 18.5em;
}

.forceCommunityThemeNav>ul>li:nth-last-child(2) .subMenu>ul>li:last-child.uiMenuItem a {
  padding: 1em;
  line-height: 1.25em;
}

.forceCommunityThemeNav>ul>li:nth-last-child(2) .subMenu>ul>li:last-child.uiMenuItem a:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M22.1671 18.1421C22.4827 18.4577 23.0222 18.2331 23.0206 17.7868L23.004 13.1053V5.52632C23.004 4.13107 21.8729 3 20.4777 3H8.68818C7.29294 3 6.16187 4.13107 6.16187 5.52632V9H13C14.6569 9 16 10.3431 16 12V15.6316H19.6565L22.1671 18.1421Z' fill='rgb(0, 98, 255)'/><path opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M1.98511 18V13C1.98511 11.8954 2.88054 11 3.98511 11H11.9851C13.0897 11 13.9851 11.8954 13.9851 13V18C13.9851 19.1046 13.0897 20 11.9851 20H4.10084L2.85699 21.1905C2.53898 21.4949 2.01126 21.2695 2.01126 20.8293V18.3243C1.99405 18.2187 1.98511 18.1104 1.98511 18ZM6.00004 14.5C6.00004 14.2239 6.2239 14 6.50004 14H11.5C11.7762 14 12 14.2239 12 14.5C12 14.7761 11.7762 15 11.5 15H6.50004C6.2239 15 6.00004 14.7761 6.00004 14.5ZM9.50004 16C9.2239 16 9.00004 16.2239 9.00004 16.5C9.00004 16.7761 9.2239 17 9.50004 17H11.5C11.7762 17 12 16.7761 12 16.5C12 16.2239 11.7762 16 11.5 16H9.50004Z' fill='rgb(0, 98, 255)'/></svg>");
  float: left;
  padding: 0.4em 0.6em 0 0;
}

.forceCommunityThemeNav li:nth-last-child(2).mainNavItem .linkBtn[href*='quote-builder'] {
  display: none !important;
}

.forceCommunityThemeNav .subMenu:before,
.forceCommunityThemeNav .subMenu:after {
  display: none !important;
}

.forceCommunityThemeNav.jepsonHomeHeader .mainNavItem .subMenu a {
  border-bottom-color: transparent !important;
}

.forceCommunityThemeNav .uiMenuList .subMenu,
.forceCommunityThemeNav .uiMenuList .subMenu ul {
  border: none !important;
  box-shadow: 0px 4px 20px rgb(0 0 0 / 12%) !important;
}

.forceCommunityThemeNav .uiMenuList .subMenuItem {
  padding: 0;
}

.forceCommunityThemeNav .uiMenuList .subMenuItem a {
  padding: 0.5rem 1rem;
  border-bottom: none;
}

/* Adjust the vertical position of the profile menu icon */
.forceCommunityThemeHeaderCompact .themeUtils .themeProfileMenu {
  margin-top: -1px
}

/*Jessi Overrides Start*/
/*Global*/
.slds-box {
  border: none !important;
}

.cb-section_column.slds-large-size_9-of-12 {
  border-right: 1px solid var(--gray-lighter);
}

.comm-page-home .cb-section_column.slds-large-size_9-of-12,
.comm-page-home .cb-section_column.slds-large-size_3-of-12 {
  border-top: 1px solid var(--gray-lighter);
}

.slds-accordion__section {
  padding: 0;
}

[c-supplierstorefrontabout_supplierstorefrontabout] .slds-accordion__summary {
  background-color: var(--gray-lightest);
}

.slds-dropdown__item>a:hover,
.slds-dropdown__item>a:focus {
  background-color: var(--blue-50) !important;
  color: var(--white) !important;
}

/*Coveo Styling Starts*/
.comm-page-custom-marketplace-search .slds-col--padded.contentRegion {
  padding: 0 !important;
}

c-marketplace-search-interface c-quantic-card-container .card {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.facets_container header {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.1px !important;
}

.facets_container {
  padding: 2rem;
}

.facets_container .facet__value-option {
  padding: 0 0 0.5rem 0 !important;
}

.facets_container .facet__value-option:hover {
  color: var(--blue-50);
  background-color: var(--white) !important;
}

span[c-quanticfacetvalue_quanticfacetvalue] {
  white-space: wrap !important;
}

[c-quanticcategoryfacet_quanticcategoryfacet].facet__active-parent+li * {
  color: var(--ink-lightest);
}

.search_results_container .sort__container .slds-combobox__form-element.slds-input-has-icon .slds-combobox__input {
  border: none !important;
  padding: 0 2rem 0 0 !important;
  min-height: 0;
}

c-quantic-summary>p {
  font-weight: normal !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.25px !important;
  color: var(--ink-base) !important;
}

.pagination-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination-container c-quantic-results-per-page>.slds-float_right {
  float: none !important;
  display: flex;
  gap: 0.5rem;
}

.pagination-container c-quantic-pager .slds-button_brand {
  --slds-c-button-sizing-border: 0;
  --slds-c-button-color-border: transparent;
  color: var(--purple-50) !important;
  background: none !important;
  border-bottom: 2px solid var(--purple-50) !important;
  border-radius: 0 !important;
}

.pagination-container c-quantic-pager [variant="brand-outline"] .slds-button_outline-brand {
  padding: 0px .375rem;
  --slds-c-button-sizing-border: 0;
  --slds-c-button-color-border: transparent;
}
.pagination-container c-quantic-pager [variant="brand-outline"] .slds-button_outline-brand:disabled, .pagination-container c-quantic-pager [variant="brand-outline"] .slds-button_outline-brand[disabled] {
  border-color: transparent;
  color: var(--slds-g-color-neutral-base-80, var(--lwc-colorTextButtonDefaultDisabled, rgb(201, 201, 201))) !important;
}
.pagination-container c-quantic-pager [variant="brand-outline"] .slds-button_outline-brand:active {
  border: 0;
}

.pagination-container c-quantic-pager .slds-button_outline-brand {
  --slds-c-button-sizing-border: 0;
  --slds-c-button-color-border: transparent;
  background: none !important;
  color: var(--ink-base) !important;
  border-bottom: 2px solid var(--white) !important;
  border-radius: 0 !important;
}

.pagination-container c-quantic-pager .slds-button_outline-brand:hover {
  color: var(--purple-50) !important;
}

.pagination-container c-quantic-pager .fix_button-group-flexbox>slot>lightning-button button:not([disabled]) svg {
  fill: var(--ink-base) !important;
}

.pagination-container c-quantic-results-per-page c-quantic-number-button button.slds-button_brand,
c-quantic-results-per-page c-quantic-number-button button.slds-button_outline-brand {
  background: none !important;
}

.pagination-container c-quantic-results-per-page c-quantic-number-button button.slds-button_brand {
  color: var(--purple-50) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pagination-container c-quantic-results-per-page c-quantic-number-button button.slds-button_outline-brand {
  color: var(--ink-base) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pagination-container c-quantic-results-per-page c-quantic-number-button button.slds-button_outline-brand:hover,
.pagination-container c-quantic-results-per-page c-quantic-number-button button.slds-button_outline-brand:focus {
  background: var(--white) !important;
  color: var(--purple-50) !important;
}

/*Coveo Styling Ends*/

.header[c-marketplaceCartContents_marketplaceCartContents] {
  font-weight: 500 !important;
  padding-left: 1rem;
}

/* Requestor Home Start*/
article.cPersonalGreetingAura>.slds-card__body>.slds-grid {
  flex-wrap: wrap;
}

.cPersonalGreetingAura .greeting {
  width: 100%;
  margin-bottom: 1.5rem;
}

.featured-headline[c-featuredSuppliers_featuredSuppliers] {
  color: var(--ink-base) !important;
}

.featured-body[c-featuredSuppliers_featuredSuppliers] {
  color: var(--ink-lightest) !important;
}

/* Requestor Home End */

.search-box-container input[type='search'],
.search-box-container input[type='search'].slds-input {
  --slds-c-input-color-border: var(--gray-lighter);
  background: var(--white) url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.75 15C12.2018 15 15 12.2018 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15Z' stroke='%23616161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 17.5003L13.1666 13.167' stroke='%23616161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat .5rem center !important;
}

.search-box-container input[type='search']+lightning-primitive-icon {
  display: none !important;
}

.search-box-container input[type='search']::-moz-placeholder {
  color: var(--ink-lightest);
}

.search-box-container input[type='search']::placeholder {
  color: var(--ink-lightest);
}

.slds-input {
  padding-top: 0;
  padding-right: var(--slds-c-input-spacing-horizontal-end, var(--sds-c-input-spacing-horizontal-end, var(--lwc-spacingMedium, 1rem)));
  padding-bottom: 0;
  padding-left: var(--slds-c-input-spacing-horizontal-start, var(--sds-c-input-spacing-horizontal-start, var(--lwc-spacingSmall, 0.75rem)));
  width: 100%;
  min-height: calc(var(--lwc-heightInput, 1.875rem) +(var(--lwc-borderWidthThin, 1px)* 2));
  line-height: var(--lwc-heightInput, 1.875rem);
  border: var(--lwc-borderWidthThin, 1px) solid var(--slds-c-input-color-border, var(--sds-c-input-color-border, var(--slds-g-color-border-base-4, var(--lwc-colorBorderInput, rgb(229, 229, 229)))));
  border-radius: var(--slds-c-input-radius-border, var(--sds-c-input-radius-border, var(--lwc-borderRadiusMedium, 0.25rem)));
  background-color: var(--slds-c-input-color-background, var(--sds-c-input-color-background, var(--slds-g-color-neutral-base-100, var(--lwc-colorBackgroundInput, rgb(255, 255, 255)))));
  color: var(--slds-c-input-text-color, var(--sds-c-input-text-color));
  box-shadow: var(--slds-c-input-shadow, var(--sds-c-input-shadow));
  transition: border var(--lwc-durationQuickly, 0.1s) linear, background-color var(--lwc-durationQuickly, 0.1s) linear;
  display: inline-block;
}


/* Adjust the position of the help info icon (KML) */
.uiTooltip {
  top: -2px;
  left: 5px;
}

/* Change the 'Home' menu item text (KML) */
/*.comm-navigation__home-link {    visibility: hidden;}.comm-navigation__home-link:after {    visibility: visible;    content: 'Marketplace';}*/

.forceCommunityThemeNav .uiMenuList .uiMenuItem>a {
  padding: 0.375em 1em !important;
}

.forceCommunityThemeNav .uiMenuList {
  box-shadow: 0px 4px 20px rgb(0 0 0 / 12%) !important;
  border-radius: 4px !important;
}

.forceCommunityThemeNav li:nth-last-child(2).mainNavItem .linkBtn.comm-navigation__top-level-item-link--active {
  border-bottom: 1px solid var(--blue-50) !important;
  color: var(--white) !important;
  border-color: var(--blue-50) !important;
}

/* Add an icon and additional text to the concierge menu item (KML) */
.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu {
  width: 18.5em;
}

@media(max-width: 767px) {
  .forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu {
    width: 100%;
  }
}

.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(3).uiMenuItem a,
.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(4).uiMenuItem a {
  padding: 1.0em;
  line-height: 1.25em;
  white-space: break-spaces;
}

.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(3).uiMenuItem a:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M22.1671 18.1421C22.4827 18.4577 23.0222 18.2331 23.0206 17.7868L23.004 13.1053V5.52632C23.004 4.13107 21.8729 3 20.4777 3H8.68818C7.29294 3 6.16187 4.13107 6.16187 5.52632V9H13C14.6569 9 16 10.3431 16 12V15.6316H19.6565L22.1671 18.1421Z' fill='rgb(0, 98, 255)'/><path opacity=' 0.3' fill-rule=' evenodd' clip-rule=' evenodd' d=' M1.98511 18V13C1.98511 11.8954 2.88054 11 3.98511 11H11.9851C13.0897 11 13.9851 11.8954 13.9851 13V18C13.9851 19.1046 13.0897 20 11.9851 20H4.10084L2.85699 21.1905C2.53898 21.4949 2.01126 21.2695 2.01126 20.8293V18.3243C1.99405 18.2187 1.98511 18.1104 1.98511 18ZM6.00004 14.5C6.00004 14.2239 6.2239 14 6.50004 14H11.5C11.7762 14 12 14.2239 12 14.5C12 14.7761 11.7762 15 11.5 15H6.50004C6.2239 15 6.00004 14.7761 6.00004 14.5ZM9.50004 16C9.2239 16 9.00004 16.2239 9.00004 16.5C9.00004 16.7761 9.2239 17 9.50004 17H11.5C11.7762 17 12 16.7761 12 16.5C12 16.2239 11.7762 16 11.5 16H9.50004Z' fill=' rgb(0, 98, 255)'/></svg>");
  padding: 0 0.6em 0 0;
  float: left;
}

.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(4).uiMenuItem a:before {
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M12 14.6667C9.05444 14.6667 6.66663 12.2789 6.66663 9.33333C6.66663 6.38781 9.05444 4 12 4C14.9455 4 17.3333 6.38781 17.3333 9.33333C17.3333 12.2789 14.9455 14.6667 12 14.6667ZM25 14.6667C24.4477 14.6667 24 14.219 24 13.6667V10.6667H21C20.4477 10.6667 20 10.219 20 9.66667V9C20 8.44772 20.4477 8 21 8H24V5C24 4.44772 24.4477 4 25 4H25.6666C26.2189 4 26.6666 4.44772 26.6666 5V8H29.6666C30.2189 8 30.6666 8.44771 30.6666 9V9.66667C30.6666 10.219 30.2189 10.6667 29.6666 10.6667H26.6666V13.6667C26.6666 14.219 26.2189 14.6667 25.6666 14.6667H25Z' fill='rgb(18 196 122)' /><path d='M0.000868912 26.9323C0.517678 20.5687 5.68255 17.3333 11.9778 17.3333C18.3616 17.3333 23.6065 20.3909 23.9972 26.9333C24.0128 27.194 23.9972 28 22.9956 28C18.0548 28 10.713 28 0.970003 28C0.635616 28 -0.0272823 27.2789 0.000868912 26.9323Z' fill='rgb(18 196 122)' /></svg>");
  padding: 0 0.6em 0 0;
  float: left;
}

.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(3).uiMenuItem a:after,
.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(4).uiMenuItem a:after {
  font-size: 0.85em;
  color: var(--ink-lightest);
  font-weight: 300;
  padding-left: calc(24px + 0.6em);
  display: block;
}

.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(3).uiMenuItem a:after {
  content: "Need help with your next request?";
}

.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(4).uiMenuItem a:after {
  content: "Request the addition of a supplier to your catalog";
}

html[lang="ja"] .forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(3).uiMenuItem a:after {
  content: "Translation needed.";
}

html[lang="ja"] .forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(4).uiMenuItem a:after {
  content: "Translation needed.";
}

.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(3).uiMenuItem a:hover::after,
.forceCommunityThemeNav>ul>li:nth-last-child(3) .subMenu>ul>li:nth-child(4).uiMenuItem a:hover::after {
  color: var(--white);
}

/* Screen flow styling */
.screen-flow-container flowruntime-display-text-lwc p:first-of-type,
.screen-flow-container flowruntime-display-text-lwc p:first-of-type strong {
  font-weight: normal !important;
  font-size: 1.25rem !important;
  line-height: 1.5rem !important;
  letter-spacing: 0.15px !important;
}

.screen-flow-container .navigationBar[flowruntime-flow_flow] {
  border-top: none !important;
}

.team-lookup-container {
  display: flex;
  margin: 0 auto;
  align-items: center;
  border: 1px solid var(--gray-light);
  border-radius: 2px;
  padding: 0.25rem;
}

.team-lookup-container c-input-lookup {
  flex-grow: 1;
}

.team-lookup-container .object-selector,
.team-lookup-container .access-selector {
  width: 20%;
  min-width: 100px;
}

.team-lookup-container .slds-combobox__form-element.slds-input-has-icon .slds-combobox__input {
  border: none !important;
}

.team-lookup-container .slds-combobox__input:focus,
.team-lookup-container .slds-combobox__input.slds-has-focus {
  box-shadow: none !important;
}

.user-row .slds-input-has-icon_right .slds-input_faux {
  padding: 0.25rem 1.5rem 0.25rem 1rem !important;
  border: none !important;
}

/* Styles for Error Pages */
.error-message {
  text-align: center;
  padding: 2.5rem 1rem;
}

.error-message h1 {
  padding: 1rem 0 0.5rem 0;
}


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


.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}
}

.gap-zero { --grid-gap: 0; &.slds-form-element { --grid-gap: 0; & .slds-form-element__control {--grid-gap: 0} }}
.gap-xxxs { --grid-gap: .125rem; &.slds-form-element { --grid-gap: 0; & .slds-form-element__control {--grid-gap: .125rem} }}
.gap-xxs { --grid-gap: .25rem; &.slds-form-element { --grid-gap: 0; & .slds-form-element__control {--grid-gap: .25rem} }}
.gap-xs { --grid-gap: .5rem; &.slds-form-element { --grid-gap: 0; & .slds-form-element__control {--grid-gap: .5rem} }}
.gap-s { --grid-gap: .75rem; &.slds-form-element { --grid-gap: 0; & .slds-form-element__control {--grid-gap: .75rem} }}
.gap-m { --grid-gap: 1rem; &.slds-form-element { --grid-gap: 0; & .slds-form-element__control {--grid-gap: 1rem} }}
.gap-l { --grid-gap: 1.5rem; &.slds-form-element { --grid-gap: 0; & .slds-form-element__control {--grid-gap: 1.5rem} }}
.gap-xl { --grid-gap: 2rem; &.slds-form-element { --grid-gap: 0; & .slds-form-element__control {--grid-gap: 2rem} }}
.gap-xxl { --grid-gap: 3rem; &.slds-form-element { --grid-gap: 0; & .slds-form-element__control {--grid-gap: 3rem} }}


c-product-select-modal span.slds-checkbox_faux {
  --lwc-spacingXSmall: 0;
}
c-product-select-modal .slds-checkbox .slds-checkbox__label .slds-form-element__label {
  display: none;
}

.slds-button-group-row .slds-button-group-item+.slds-button-group-item {
  --lwc-spacingXxSmall: 0.25rem!important;
}

[variant="base"] .slds-button {
  display: inline-flex !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[size="large"] .slds-button_icon {
  width: 40px;
  height: 40px;
}

.feather-icon[size="large"] {
  --feather-icon_width: 1.25rem;
  --feather-icon_height: 1.25rem;
}

.feather-icon {
  --feather-icon_width: 1.125rem;
  --feather-icon_height: 1.125rem;

    &[variant="container"] {
      --feather-icon_width: .875rem;
      --feather-icon_height: .875rem;
    }

    & .slds-button_icon-border {
      --slds-c-button-text-color: var(--blue-60);
    }
    & .slds-button_icon-container {
      --slds-c-button-text-color: var(--blue-60);
    }

}


.feather-icon .slds-button lightning-primitive-icon { 
  mask: var(--feather-icon_svg); 
  background: var(--slds-c-button-text-color);
  mask-size: cover;
  height: var(--feather-icon_width);
  width: var(--feather-icon_height);

  & svg { visibility: hidden; }
}

.gray-button .slds-button_icon-border {
  --lwc-buttonColorBorderPrimary: var(--gray-lightest);
  --slds-c-button-color-background: var(--gray-lightest);
  --slds-c-button-text-color: var(--gray);
  color: var(--slds-c-button-text-color);

    &:hover {
      --lwc-buttonColorBorderPrimary: var(--gray-lighter);
      --slds-c-button-color-background: var(--gray-lighter);
      --slds-c-button-text-color: var(--ink-lighter);
  }
}


.feather-icon_activity { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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_package { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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_repeat { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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_sun { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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 { --feather-icon_svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="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>') }

/* no truncate table to fix many items that are not visible */
.no-truncate-table .slds-scrollable_y {
  max-height: unset;
  overflow: visible;
  overflow-y: visible;
}

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

.no-truncate-table .slds-table_header-fixed_container.slds-scrollable_x {
  padding: 0 !important;
}

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

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

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

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

.no-truncate-table .slds-truncate, .no-truncate-table .slds-hyphenate {
  overflow: visible;
  width: auto;
  max-width: unset;
  white-space: nowrap;
}
.no-truncate-table .slds-icon_container {
  margin: 0 1rem;
}
.no-truncate-table .slds-is-sortable .slds-th__action:hover .slds-is-sortable__icon, 
.no-truncate-table th .slds-is-sortable .slds-is-sortable__icon {
  display: none!important;
}
.no-truncate-table .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;
}

/* 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: .25rem;
}

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

.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);
}

.slds-section__title-action.slds-button {
  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, .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, .5rem));
  background: var(--sds-c-button-color-background, var(--slds-g-color-neutral-base-95, var(--lwc-colorBackgroundButtonDefaultActive, rgb(243, 243, 243))));
}

/* temp style for contact us in modal */
.contact-us-forms .slds-modal__content {
  padding: 0;
}

.contact-us-forms flowruntime-lwc-header {
  display:none;
}