/**
 * Do not edit directly, this file was auto-generated.
 */

:root, .slds-theme_cosmos {
  --slds-s-alert-font-weight: var(--slds-g-font-weight-6); /** Alert font weight */
  --slds-s-alert-close-button-hover: var(--slds-g-color-on-surface-3); /** Alert close button hover state */
  --slds-s-avatar-radius-border: var(--slds-g-radius-border-circle); /** Avatar default border radius */
  --slds-s-backdrop-color-background: light-dark(color-mix(in oklab, var(--slds-g-color-palette-neutral-20),transparent 20%), color-mix(in oklab, var(--slds-g-color-palette-neutral-95),transparent 20%)); /** Backdrop color */
  --slds-s-button-color: var(--slds-g-color-accent-2); /** Text color for non-brand and non-feedback button family */
  --slds-s-button-shadow-focus: 0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15); /** Focus border color of neutral buttons */
  --slds-s-button-shadow-focus-inverse: 0 0 0 2px var(--slds-g-color-brand-base-15), 0 0 0 4px var(--slds-g-color-surface-1); /** Focus border color of inverse buttons */
  --slds-s-button-shadow-active: 2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.35) inset, 0px 1px 0px 0px rgba(0, 0, 0, 0.15) inset; /** Active border color of neutral buttons */
  --slds-s-button-brand-shadow-hover: 0 2px 0 0 light-dark(var(--slds-g-color-brand-base-20), var(--slds-g-color-brand-base-70)); /** Hover shadow for brand buttons */
  --slds-s-button-brand-transform-hover: translateY(-2px); /** Transform button to animate vertical movement on hover */
  --slds-s-button-bordered-shadow-hover: 0 1.5px 0 0 light-dark(var(--slds-g-color-neutral-base-20), var(--slds-g-color-neutral-base-70)); /** Hover shadow for bordered buttons */
  --slds-s-button-bordered-transform-hover: translateY(-1.5px); /** Transform button to animate vertical movement on hover */
  --slds-s-button-radius-border: var(--slds-g-radius-border-pill); /** Default border radius for buttons */
  --slds-s-button-spacing-inline: var(--slds-g-spacing-4); /** Inline/horizontal spacing of buttons */
  --slds-s-button-color-background: var(--slds-g-color-surface-container-1); /** Background of neutral buttons */
  --slds-s-button-color-background-hover: var(--slds-g-color-brand-base-90); /** Hover background of neutral buttons */
  --slds-s-button-color-background-focus: var(--slds-g-color-surface-container-2); /** Focus background of neutral buttons */
  --slds-s-button-color-background-active: var(--slds-g-color-surface-container-2); /** Active background of neutral buttons */
  --slds-s-button-color-border: var(--slds-g-color-border-2); /** Border color of neutral buttons */
  --slds-s-button-color-hover: var(--slds-g-color-on-surface-3); /** Hover text color of neutral buttons */
  --slds-s-container-color: var(--slds-g-color-on-surface-1); /** Container text color */
  --slds-s-container-shadow: none; /** Container shadow */
  --slds-s-container-footer-sizing-border: var(--slds-g-sizing-border-1); /** Container border size */
  --slds-s-container-footer-color-background: var(--slds-g-color-surface-container-1); /** Container footer background color */
  --slds-s-container-footer-font-align: right; /** Container footer font alignment */
  --slds-s-container-footer-font-color: var(--slds-g-color-on-surface-2); /** Container heading font color */
  --slds-s-container-sizing-border: 0; /** Container border width */
  --slds-s-container-radius-border: var(--slds-g-radius-border-4); /** Container border radius */
  --slds-s-container-heading-font-color: var(--slds-g-color-on-surface-3); /** Container heading font color */
  --slds-s-container-heading-font-size: var(--slds-g-font-scale-3); /** Container heading font size */
  --slds-s-container-heading-font-weight: var(--slds-g-font-weight-4); /** Container heading font weight */
  --slds-s-container-heading-font-align: left; /** Container heading font alignment */
  --slds-s-container-content-color: var(--slds-g-color-on-surface-1); /** Container content text color */
  --slds-s-container-color-border: transparent; /** Container border color */
  --slds-s-container-heading-var-font-size: var(--slds-g-font-scale-var-3); /** Container heading variable font size */
  --slds-s-header-sizing-height: 3.125rem; /** Header height */
  --slds-s-helptext-color: var(--slds-g-color-on-surface-1); /** Default color for helptext. */
  --slds-s-helptext-font-size: var(--slds-g-font-scale-neg-1); /** Text size of help text that sits below a form control, if present. */
  --slds-s-helptext-spacing: var(--slds-g-spacing-1); /** Spacing between the helptext and the form control. */
  --slds-s-icon-color-foreground: var(--slds-g-color-on-surface-1); /** Fill color for icons. The default is utility icons. */
  --slds-s-icon-radius-border: var(--slds-g-radius-border-circle); /** Default border radius for icons. */
  --slds-s-input-radius-border: var(--slds-g-radius-border-2); /** Border radius for inputs */
  --slds-s-input-color-background: var(--slds-g-color-surface-container-1); /** Background color for inputs */
  --slds-s-input-color-background-disabled: var(--slds-g-color-disabled-container-1); /** Background color for inputs when disabled */
  --slds-s-input-color-background-invalid: var(--slds-g-color-error-container-1); /** Background color for inputs when disabled */
  --slds-s-input-color-border: var(--slds-g-color-border-2); /** Border color for inputs */
  --slds-s-input-color-border-disabled: var(--slds-g-color-border-disabled-1); /** Disabled border color for input containers */
  --slds-s-input-color-border-focus: var(--slds-g-color-border-2); /** Border color for inputs on focus. */
  --slds-s-input-spacing: var(--slds-g-spacing-2); /** Spacing for inputs. Set as padding. */
  --slds-s-input-shadow-focus: 2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.35) inset, 0px 1px 0px 0px rgba(0, 0, 0, 0.15) inset, 0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15); /** Box shadow for inputs on focus. */
  --slds-s-input-shadow-invalid: none; /** Box shadow for inputs on focus. */
  --slds-s-input-color: var(--slds-g-color-on-surface-2); /** Text color for inputs */
  --slds-s-input-color-disabled: var(--slds-g-color-on-disabled-1); /** Disabled text color for input content */
  --slds-s-input-color-invalid: var(--slds-g-color-error-1); /** Text color for inputs when disabled */
  --slds-s-label-color: var(--slds-g-color-on-surface-2); /** Text color for form labels */
  --slds-s-label-font-size: var(--slds-g-font-size-base); /** Font size for form labels */
  --slds-s-label-font-weight: var(--slds-g-font-weight-6); /** Default font weight for input labels. */
  --slds-s-label-spacing: var(--slds-g-spacing-2); /** Spacing between the label and the input */
  --slds-s-label-spacing-gap: var(--slds-g-spacing-1); /** Default gap spacing for input labels. */
  --slds-s-link-color: var(--slds-g-color-accent-2); /** Default color for links */
  --slds-s-link-color-hover: var(--slds-g-color-accent-3); /** Default color for links on hover */
  --slds-s-link-color-focus: var(--slds-g-color-accent-3); /** Default color for links on focus */
  --slds-s-link-color-active: var(--slds-g-color-accent-3); /** Default color for links on active */
  --slds-s-link-outline-color: var(--slds-g-color-brand-base-15); /** Default outline color for links on focus */
  --slds-s-mark-color-foreground-checked: var(--slds-g-color-on-accent-1); /** Color of checkmarks */
  --slds-s-mark-color-background: var(--slds-g-color-surface-container-1); /** Color of checkmark background unchecked */
  --slds-s-mark-color-background-checked: var(--slds-g-color-accent-container-1); /** Color of background checkmarks are on */
  --slds-s-mark-color-foreground-invalid: var(--slds-g-color-error-base-100); /** Color of background checkmarks are on */
  --slds-s-mark-color-background-invalid: var(--slds-g-color-error-base-40); /** Color of background checkmarks are on */
  --slds-s-mark-shadow-focus: 0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15); /** Box shadow for checked inputs on focus. */
  --slds-s-mark-shadow-checked: 0px 1px 0px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.08) inset, 2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset; /** Box shadow for checked inputs when checked. */
  --slds-s-menu-item-color-background-active: var(--slds-g-color-brand-base-90); /** Active background color for menu/listbox items */
  --slds-s-menu-item-color-active: var(--slds-g-color-accent-1); /** Active text color for menu/listbox items */
  --slds-s-navigation-color: var(--slds-g-color-on-surface-1); /** Default color for tabs */
  --slds-s-navigation-color-active: var(--slds-g-color-accent-3); /** Default color for tabs */
  --slds-s-navigation-color-hover: var(--slds-g-color-brand-base-15); /** Default color for tabs */
  --slds-s-navigation-color-background: var(--slds-g-color-surface-container-1); /** Default color for tabs */
  --slds-s-navigation-color-background-active: var(--slds-g-color-surface-container-1); /** Default color for tabs */
  --slds-s-navigation-color-background-hover: var(--slds-g-color-brand-base-90); /** Default color for tabs */
  --slds-s-navigation-color-border: var(--slds-g-color-border-1); /** Default border color for tabs */
  --slds-s-navigation-color-border-hover: var(--slds-g-color-brand-base-15); /** Default border color for tabs */
  --slds-s-navigation-sizing-border-hover: 3px; /** Default border color for tabs */
  --slds-s-navigation-sizing-border-active: 3px; /** Default border color for tabs */
  --slds-s-navigation-sizing-height: 2.5rem; /** Default height for tabs */
  --slds-s-navigation-font-weight: 600; /** Default border color for tabs */
  --slds-s-navigation-font-weight-active: 600; /** Default border color for tabs */
  --slds-s-navigation-font-lineheight: 2.5rem; /** Default lineheight for tabs */
  --slds-s-pageheader-color-background: var(--slds-g-color-surface-container-2); /** Background color of all page header */
  --slds-s-pageheader-row-color-background: var(--slds-g-color-surface-container-2); /** Background color of all page header rows */
  --slds-s-pageheader-radius-border: 0; /** Border radius for all page headers */
  --slds-s-pageheader-title-font-size: var(--slds-g-font-scale-5); /** Font-size of all page header titles */
  --slds-s-pageheader-title-font-weight: var(--slds-g-font-weight-4); /** Font-weight of all page header titles */
  --slds-s-pageheader-sizing-border: 0; /** Border width for all page headers */
  --slds-s-pageheader-shadow: none; /** Box shadow for all page headers */
  --slds-s-pageheader-action-bottom-spacing: var(--slds-g-spacing-1); /** bottom spacing for pageheader action. */
  --slds-s-pill-color-background-hover: var(--slds-g-color-brand-base-90); /** Hover background color for pills */
  --slds-s-table-color: var(--slds-g-color-neutral-base-0); /** Text/icon color for the table */
  --slds-s-table-header-color-background: var(--slds-g-color-surface-container-2); /** Background color for the table header */
  --slds-s-table-header-color-background-hover: var(--slds-g-color-surface-container-3); /** Background color for the table header cells on hover */
  --slds-s-table-header-color-background-selected: var(--slds-g-color-surface-container-1); /** Background color for the table cells on active/selected */
  --slds-s-table-header-font-weight: var(--slds-g-font-weight-6); /** Font weight for the table header */
  --slds-s-table-resize-color: var(--slds-g-color-border-1); /** Color of the resize handle on table columns */
  --slds-s-table-resize-color-active: var(--slds-g-color-accent-3); /** Active color of the resize handle on table columns */
  --slds-s-table-row-color-background-selected: var(--slds-g-color-brand-base-90); /** Background color of the selected table row */
  --slds-s-table-row-color-border-selected-hover: var(--slds-g-color-border-accent-2); /** Border color of the selected table row on hover */
  --slds-s-table-cell-shadow-selected: var(--slds-g-color-brand-base-15) 0 0 0 2px inset; /** Box shadow of the selected table cell */
  --slds-s-table-header-color: var(--slds-g-color-on-surface-1); /** Text/icon color for the table header */
}