/* [project]/web/app/styles/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
    }

    ::backdrop {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
    }
  }
}

@layer base {
  *, :before, :after {
    box-sizing: border-box;
    border: 0 solid;
  }

  :before, :after {
    --tw-content: "";
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    -webkit-tap-highlight-color: transparent;
  }

  body {
    line-height: inherit;
    margin: 0;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  code, kbd, samp, pre {
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-size: 1em;
  }

  button, input, optgroup, select, textarea {
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }

  button, select {
    text-transform: none;
  }

  button {
    -webkit-appearance: button;
    background-color: #0000;
    background-image: none;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

  blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0;
  }

  fieldset {
    margin: 0;
    padding: 0;
  }

  legend {
    padding: 0;
  }

  ol, ul, menu {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  dialog {
    padding: 0;
  }

  input::placeholder, textarea::placeholder {
    opacity: 1;
    color: var(--color-gray-400, #9ca3af);
  }

  button, [role="button"] {
    cursor: pointer;
  }

  :disabled {
    cursor: default;
  }

  [hidden] {
    display: none;
  }

  html[data-theme="light"] {
    --color-components-input-bg-normal: #c8ceda40;
    --color-components-input-text-placeholder: #98a2b2;
    --color-components-input-bg-hover: #c8ceda24;
    --color-components-input-bg-active: #f9fafb;
    --color-components-input-border-active: #d0d5dc;
    --color-components-input-border-destructive: #fda29b;
    --color-components-input-text-filled: #101828;
    --color-components-input-bg-destructive: #fff;
    --color-components-input-bg-disabled: #c8ceda24;
    --color-components-input-text-disabled: #d0d5dc;
    --color-components-input-text-filled-disabled: #676f83;
    --color-components-input-border-hover: #d0d5dc;
    --color-components-input-border-active-prompt-1: #0ba5ec;
    --color-components-input-border-active-prompt-2: #155aef;
    --color-components-kbd-bg-gray: #1018280a;
    --color-components-kbd-bg-white: #ffffff1f;
    --color-components-tooltip-bg: #fffffff2;
    --color-components-button-primary-text: #fff;
    --color-components-button-primary-bg: #155aef;
    --color-components-button-primary-border: #1018280a;
    --color-components-button-primary-bg-hover: #004aeb;
    --color-components-button-primary-border-hover: #10182814;
    --color-components-button-primary-bg-disabled: #155aef24;
    --color-components-button-primary-border-disabled: #fff0;
    --color-components-button-primary-text-disabled: #fff9;
    --color-components-button-secondary-text: #354052;
    --color-components-button-secondary-text-disabled: #10182840;
    --color-components-button-secondary-bg: #fff;
    --color-components-button-secondary-bg-hover: #f9fafb;
    --color-components-button-secondary-bg-disabled: #f9fafb;
    --color-components-button-secondary-border: #10182824;
    --color-components-button-secondary-border-hover: #10182833;
    --color-components-button-secondary-border-disabled: #1018280a;
    --color-components-button-tertiary-text: #354052;
    --color-components-button-tertiary-text-disabled: #10182840;
    --color-components-button-tertiary-bg: #f2f4f7;
    --color-components-button-tertiary-bg-hover: #e9ebf0;
    --color-components-button-tertiary-bg-disabled: #f9fafb;
    --color-components-button-ghost-text: #354052;
    --color-components-button-ghost-text-disabled: #10182840;
    --color-components-button-ghost-bg-hover: #c8ceda33;
    --color-components-button-destructive-primary-text: #fff;
    --color-components-button-destructive-primary-text-disabled: #fff9;
    --color-components-button-destructive-primary-bg: #d92d20;
    --color-components-button-destructive-primary-bg-hover: #b42318;
    --color-components-button-destructive-primary-bg-disabled: #fee4e2;
    --color-components-button-destructive-primary-border: #18181b0a;
    --color-components-button-destructive-primary-border-hover: #18181b14;
    --color-components-button-destructive-primary-border-disabled: #fff0;
    --color-components-button-destructive-secondary-text: #d92d20;
    --color-components-button-destructive-secondary-text-disabled: #f0443833;
    --color-components-button-destructive-secondary-bg: #fff;
    --color-components-button-destructive-secondary-bg-hover: #fef3f2;
    --color-components-button-destructive-secondary-bg-disabled: #fef3f2;
    --color-components-button-destructive-secondary-border: #18181b14;
    --color-components-button-destructive-secondary-border-hover: #f0443840;
    --color-components-button-destructive-secondary-border-disabled: #f044380a;
    --color-components-button-destructive-tertiary-text: #d92d20;
    --color-components-button-destructive-tertiary-text-disabled: #f0443833;
    --color-components-button-destructive-tertiary-bg: #fee4e2;
    --color-components-button-destructive-tertiary-bg-hover: #fecdca;
    --color-components-button-destructive-tertiary-bg-disabled: #f044380a;
    --color-components-button-destructive-ghost-text: #d92d20;
    --color-components-button-destructive-ghost-text-disabled: #f0443833;
    --color-components-button-destructive-ghost-bg-hover: #fee4e2;
    --color-components-button-secondary-accent-text: #155aef;
    --color-components-button-secondary-accent-text-disabled: #b2caff;
    --color-components-button-secondary-accent-bg: #fff;
    --color-components-button-secondary-accent-bg-hover: #f2f4f7;
    --color-components-button-secondary-accent-bg-disabled: #f9fafb;
    --color-components-button-secondary-accent-border: #10182824;
    --color-components-button-secondary-accent-border-hover: #10182824;
    --color-components-button-secondary-accent-border-disabled: #1018280a;
    --color-components-button-indigo-bg: #444ce7;
    --color-components-button-indigo-bg-hover: #3538cd;
    --color-components-button-indigo-bg-disabled: #6172f324;
    --color-components-button-debug-text: #fff;
    --color-components-button-debug-text-disabled: #fff9;
    --color-components-button-debug-bg: #ff4405;
    --color-components-button-debug-bg-hover: #e62e05;
    --color-components-button-debug-bg-disabled: #ff440533;
    --color-components-button-debug-border: #1018280a;
    --color-components-button-debug-border-hover: #10182814;
    --color-components-button-debug-border-disabled: #fff0;
    --color-components-button-button-seam: #00000008;
    --color-components-checkbox-icon: #fff;
    --color-components-checkbox-icon-disabled: #ffffff80;
    --color-components-checkbox-bg: #155aef;
    --color-components-checkbox-bg-hover: #004aeb;
    --color-components-checkbox-bg-disabled: #f2f4f7;
    --color-components-checkbox-border: #d0d5dc;
    --color-components-checkbox-border-hover: #98a2b2;
    --color-components-checkbox-border-disabled: #18181b0a;
    --color-components-checkbox-bg-unchecked: #fff;
    --color-components-checkbox-bg-unchecked-hover: #fff;
    --color-components-checkbox-bg-disabled-checked: #b2caff;
    --color-components-radio-border-checked: #155aef;
    --color-components-radio-border-checked-hover: #004aeb;
    --color-components-radio-border-checked-disabled: #b2caff;
    --color-components-radio-bg-disabled: #fff0;
    --color-components-radio-border: #d0d5dc;
    --color-components-radio-border-hover: #98a2b2;
    --color-components-radio-border-disabled: #18181b0a;
    --color-components-radio-bg: #fff0;
    --color-components-radio-bg-hover: #fff0;
    --color-components-toggle-knob: #fff;
    --color-components-toggle-knob-disabled: #fffffff2;
    --color-components-toggle-bg: #155aef;
    --color-components-toggle-bg-hover: #004aeb;
    --color-components-toggle-bg-disabled: #d1e0ff;
    --color-components-toggle-bg-unchecked: #e9ebf0;
    --color-components-toggle-bg-unchecked-hover: #d0d5dc;
    --color-components-toggle-bg-unchecked-disabled: #f2f4f7;
    --color-components-toggle-knob-hover: #fff;
    --color-components-card-bg: #fcfcfd;
    --color-components-card-border: #fff;
    --color-components-card-bg-alt: #fff;
    --color-components-card-bg-transparent: #fcfcfd00;
    --color-components-card-bg-alt-transparent: #fff0;
    --color-components-menu-item-text: #495464;
    --color-components-menu-item-text-active: #18222f;
    --color-components-menu-item-text-hover: #354052;
    --color-components-menu-item-text-active-accent: #18222f;
    --color-components-menu-item-bg-active: #155aef14;
    --color-components-menu-item-bg-hover: #c8ceda33;
    --color-components-panel-bg: #fff;
    --color-components-panel-bg-blur: #fffffff2;
    --color-components-panel-border: #10182814;
    --color-components-panel-border-subtle: #10182814;
    --color-components-panel-gradient-2: #f9fafb;
    --color-components-panel-gradient-1: #fff;
    --color-components-panel-bg-alt: #f9fafb;
    --color-components-panel-on-panel-item-bg: #fff;
    --color-components-panel-on-panel-item-bg-hover: #f9fafb;
    --color-components-panel-on-panel-item-bg-alt: #f9fafb;
    --color-components-panel-on-panel-item-bg-transparent: #fffffff2;
    --color-components-panel-on-panel-item-bg-hover-transparent: #f9fafb00;
    --color-components-panel-on-panel-item-bg-destructive-hover-transparent: #fef3f200;
    --color-components-panel-bg-transparent: #fff0;
    --color-components-panel-bg-blur-burn: #ffffffe6;
    --color-components-main-nav-nav-button-text: #495464;
    --color-components-main-nav-nav-button-text-active: #155aef;
    --color-components-main-nav-nav-button-bg: #fff0;
    --color-components-main-nav-nav-button-bg-active: #fcfcfd;
    --color-components-main-nav-nav-button-border: #fffffff2;
    --color-components-main-nav-nav-button-bg-hover: #1018280a;
    --color-components-main-nav-nav-user-border: #fff;
    --color-components-main-nav-text: #495464;
    --color-components-main-nav-text-active: #03f;
    --color-components-main-nav-glass-edge-highlight-first: #fffffffa;
    --color-components-main-nav-glass-edge-highlight-middle: #fff0;
    --color-components-main-nav-glass-edge-highlight-end: #ffffff6b;
    --color-components-main-nav-glass-edge-reflection-first: #03f0;
    --color-components-main-nav-glass-edge-reflection-middle: #03f9;
    --color-components-main-nav-glass-edge-reflection-end: #03f0;
    --color-components-main-nav-glass-surface-first: #0033ff14;
    --color-components-main-nav-glass-surface-middle-1: #0033ff1f;
    --color-components-main-nav-glass-surface-middle-2: #0033ff1a;
    --color-components-main-nav-glass-surface-end: #0033ff14;
    --color-components-main-nav-glass-inner-glow: #ffffff4d;
    --color-components-main-nav-glass-shadow-reflection: #0033ff0f;
    --color-components-main-nav-glass-shadow-reflection-glow: #fff0;
    --color-components-main-nav-glass-text-glow: #3146ff2e;
    --color-components-slider-knob: #fff;
    --color-components-slider-knob-hover: #fff;
    --color-components-slider-knob-disabled: #fffffff2;
    --color-components-slider-range: #296dff;
    --color-components-slider-track: #e9ebf0;
    --color-components-slider-knob-border-hover: #10182833;
    --color-components-slider-knob-border: #10182824;
    --color-components-segmented-control-item-active-bg: #fff;
    --color-components-segmented-control-item-active-border: #fff;
    --color-components-segmented-control-bg-normal: #c8ceda33;
    --color-components-segmented-control-item-active-accent-bg: #fff;
    --color-components-segmented-control-item-active-accent-border: #fff;
    --color-components-option-card-option-bg: #fcfcfd;
    --color-components-option-card-option-selected-bg: #fff;
    --color-components-option-card-option-selected-border: #296dff;
    --color-components-option-card-option-border: #e9ebf0;
    --color-components-option-card-option-bg-hover: #fff;
    --color-components-option-card-option-border-hover: #d0d5dc;
    --color-components-tab-active: #155aef;
    --color-components-badge-white-to-dark: #fff;
    --color-components-badge-status-light-success-bg: #47cd89;
    --color-components-badge-status-light-success-border-inner: #17b26a;
    --color-components-badge-status-light-success-halo: #17b26a40;
    --color-components-badge-status-light-border-outer: #fff;
    --color-components-badge-status-light-high-light: #ffffff4d;
    --color-components-badge-status-light-warning-bg: #fdb022;
    --color-components-badge-status-light-warning-border-inner: #f79009;
    --color-components-badge-status-light-warning-halo: #f7900940;
    --color-components-badge-status-light-error-bg: #f97066;
    --color-components-badge-status-light-error-border-inner: #f04438;
    --color-components-badge-status-light-error-halo: #f0443840;
    --color-components-badge-status-light-normal-bg: #36bffa;
    --color-components-badge-status-light-normal-border-inner: #0ba5ec;
    --color-components-badge-status-light-normal-halo: #0ba5ec40;
    --color-components-badge-status-light-disabled-bg: #98a2b2;
    --color-components-badge-status-light-disabled-border-inner: #676f83;
    --color-components-badge-status-light-disabled-halo: #1018280a;
    --color-components-badge-bg-green-soft: #17b26a14;
    --color-components-badge-bg-orange-soft: #f7900914;
    --color-components-badge-bg-red-soft: #f0443814;
    --color-components-badge-bg-blue-light-soft: #0ba5ec14;
    --color-components-badge-bg-gray-soft: #1018280a;
    --color-components-badge-bg-dimm: #ffffff0d;
    --color-components-chart-line: #296dff;
    --color-components-chart-area-1: #155aef24;
    --color-components-chart-area-2: #155aef0a;
    --color-components-chart-current-1: #155aef;
    --color-components-chart-current-2: #d1e0ff;
    --color-components-chart-bg: #fff;
    --color-components-actionbar-bg: #fffffff2;
    --color-components-actionbar-border: #1018280a;
    --color-components-actionbar-bg-accent: #f5f7ff;
    --color-components-actionbar-border-accent: #b2caff;
    --color-components-dropzone-bg-alt: #f2f4f7;
    --color-components-dropzone-bg: #f9fafb;
    --color-components-dropzone-bg-accent: #155aef24;
    --color-components-dropzone-border: #10182814;
    --color-components-dropzone-border-alt: #10182833;
    --color-components-dropzone-border-accent: #84abff;
    --color-components-progress-brand-progress: #296dff;
    --color-components-progress-brand-border: #296dff;
    --color-components-progress-brand-bg: #155aef0a;
    --color-components-progress-white-progress: #fff;
    --color-components-progress-white-border: #fffffff2;
    --color-components-progress-white-bg: #ffffff03;
    --color-components-progress-gray-progress: #98a2b2;
    --color-components-progress-gray-border: #98a2b2;
    --color-components-progress-gray-bg: #c8ceda05;
    --color-components-progress-warning-progress: #f79009;
    --color-components-progress-warning-border: #f79009;
    --color-components-progress-warning-bg: #f790090a;
    --color-components-progress-error-progress: #f04438;
    --color-components-progress-error-border: #f04438;
    --color-components-progress-error-bg: #f044380a;
    --color-components-chat-input-audio-bg: #eff4ff;
    --color-components-chat-input-audio-wave-default: #155aef33;
    --color-components-chat-input-bg-mask-1: #ffffff03;
    --color-components-chat-input-bg-mask-2: #f2f4f7;
    --color-components-chat-input-border: #fff;
    --color-components-chat-input-audio-wave-active: #296dff;
    --color-components-chat-input-audio-bg-alt: #fcfcfd;
    --color-components-avatar-shape-fill-stop-0: #fff;
    --color-components-avatar-shape-fill-stop-100: #ffffffe6;
    --color-components-avatar-bg-mask-stop-0: #ffffff1f;
    --color-components-avatar-bg-mask-stop-100: #ffffff14;
    --color-components-avatar-default-avatar-bg: #d0d5dc;
    --color-components-avatar-mask-darkmode-dimmed: #fff0;
    --color-components-label-gray: #f2f4f7;
    --color-components-premium-badge-blue-bg-stop-0: #5289ff;
    --color-components-premium-badge-blue-bg-stop-100: #155aef;
    --color-components-premium-badge-blue-stroke-stop-0: #fffffff2;
    --color-components-premium-badge-blue-stroke-stop-100: #155aef;
    --color-components-premium-badge-blue-text-stop-0: #f5f7ff;
    --color-components-premium-badge-blue-text-stop-100: #d1e0ff;
    --color-components-premium-badge-blue-glow: #00329e;
    --color-components-premium-badge-blue-bg-stop-0-hover: #296dff;
    --color-components-premium-badge-blue-bg-stop-100-hover: #004aeb;
    --color-components-premium-badge-blue-glow-hover: #84abff;
    --color-components-premium-badge-blue-stroke-stop-0-hover: #fffffff2;
    --color-components-premium-badge-blue-stroke-stop-100-hover: #00329e;
    --color-components-premium-badge-highlight-stop-0: #ffffff1f;
    --color-components-premium-badge-highlight-stop-100: #ffffff4d;
    --color-components-premium-badge-indigo-bg-stop-0: #8098f9;
    --color-components-premium-badge-indigo-bg-stop-100: #444ce7;
    --color-components-premium-badge-indigo-stroke-stop-0: #fffffff2;
    --color-components-premium-badge-indigo-stroke-stop-100: #6172f3;
    --color-components-premium-badge-indigo-text-stop-0: #f5f8ff;
    --color-components-premium-badge-indigo-text-stop-100: #e0eaff;
    --color-components-premium-badge-indigo-glow: #2d3282;
    --color-components-premium-badge-indigo-glow-hover: #a4bcfd;
    --color-components-premium-badge-indigo-bg-stop-0-hover: #6172f3;
    --color-components-premium-badge-indigo-bg-stop-100-hover: #2d31a6;
    --color-components-premium-badge-indigo-stroke-stop-0-hover: #fffffff2;
    --color-components-premium-badge-indigo-stroke-stop-100-hover: #2d31a6;
    --color-components-premium-badge-grey-bg-stop-0: #98a2b2;
    --color-components-premium-badge-grey-bg-stop-100: #676f83;
    --color-components-premium-badge-grey-stroke-stop-0: #fffffff2;
    --color-components-premium-badge-grey-stroke-stop-100: #676f83;
    --color-components-premium-badge-grey-text-stop-0: #fcfcfd;
    --color-components-premium-badge-grey-text-stop-100: #f2f4f7;
    --color-components-premium-badge-grey-glow: #101828;
    --color-components-premium-badge-grey-glow-hover: #d0d5dc;
    --color-components-premium-badge-grey-bg-stop-0-hover: #676f83;
    --color-components-premium-badge-grey-bg-stop-100-hover: #354052;
    --color-components-premium-badge-grey-stroke-stop-0-hover: #fffffff2;
    --color-components-premium-badge-grey-stroke-stop-100-hover: #354052;
    --color-components-premium-badge-orange-bg-stop-0: #ff692e;
    --color-components-premium-badge-orange-bg-stop-100: #e04f16;
    --color-components-premium-badge-orange-stroke-stop-0: #fffffff2;
    --color-components-premium-badge-orange-stroke-stop-100: #e62e05;
    --color-components-premium-badge-orange-text-stop-0: #fefaf5;
    --color-components-premium-badge-orange-text-stop-100: #fdead7;
    --color-components-premium-badge-orange-glow: #772917;
    --color-components-premium-badge-orange-glow-hover: #f7b27a;
    --color-components-premium-badge-orange-bg-stop-0-hover: #ff4405;
    --color-components-premium-badge-orange-bg-stop-100-hover: #b93815;
    --color-components-premium-badge-orange-stroke-stop-0-hover: #fffffff2;
    --color-components-premium-badge-orange-stroke-stop-100-hover: #bc1b06;
    --color-components-progress-bar-bg: #155aef0a;
    --color-components-progress-bar-progress: #155aef24;
    --color-components-progress-bar-border: #1018280a;
    --color-components-progress-bar-progress-solid: #296dff;
    --color-components-progress-bar-progress-highlight: #155aef33;
    --color-components-icon-bg-red-solid: #d92d20;
    --color-components-icon-bg-rose-solid: #e31b54;
    --color-components-icon-bg-pink-solid: #dd2590;
    --color-components-icon-bg-orange-dark-solid: #ff4405;
    --color-components-icon-bg-yellow-solid: #eaaa08;
    --color-components-icon-bg-green-solid: #4ca30d;
    --color-components-icon-bg-teal-solid: #0e9384;
    --color-components-icon-bg-blue-light-solid: #0ba5ec;
    --color-components-icon-bg-blue-solid: #155aef;
    --color-components-icon-bg-indigo-solid: #444ce7;
    --color-components-icon-bg-violet-solid: #7839ee;
    --color-components-icon-bg-midnight-solid: #828dad;
    --color-components-icon-bg-rose-soft: #fff1f3;
    --color-components-icon-bg-pink-soft: #fdf2fa;
    --color-components-icon-bg-orange-dark-soft: #fff4ed;
    --color-components-icon-bg-yellow-soft: #fefbe8;
    --color-components-icon-bg-green-soft: #f3fee7;
    --color-components-icon-bg-teal-soft: #f0fdf9;
    --color-components-icon-bg-blue-light-soft: #f0f9ff;
    --color-components-icon-bg-blue-soft: #eff4ff;
    --color-components-icon-bg-indigo-soft: #eef4ff;
    --color-components-icon-bg-violet-soft: #f5f3ff;
    --color-components-icon-bg-midnight-soft: #f0f2f5;
    --color-components-icon-bg-red-soft: #fef3f2;
    --color-components-icon-bg-orange-solid: #f79009;
    --color-components-icon-bg-orange-soft: #fffaeb;
    --color-components-marketplace-header-bg: #fffffffa;
    --color-text-primary: #101828;
    --color-text-secondary: #354052;
    --color-text-tertiary: #676f83;
    --color-text-quaternary: #1018284d;
    --color-text-destructive: #d92d20;
    --color-text-success: #079455;
    --color-text-warning: #dc6803;
    --color-text-destructive-secondary: #f04438;
    --color-text-success-secondary: #17b26a;
    --color-text-warning-secondary: #f79009;
    --color-text-accent: #155aef;
    --color-text-primary-on-surface: #fff;
    --color-text-placeholder: #98a2b2;
    --color-text-disabled: #d0d5dc;
    --color-text-accent-secondary: #296dff;
    --color-text-accent-light-mode-only: #155aef;
    --color-text-text-selected: #155aef24;
    --color-text-secondary-on-surface: #ffffffe6;
    --color-text-logo-text: #18222f;
    --color-text-empty-state-icon: #d0d5dc;
    --color-text-inverted: #000;
    --color-text-inverted-dimmed: #000000f2;
    --color-background-body: #f2f4f7;
    --color-background-default-subtle: #fcfcfd;
    --color-background-neutral-subtle: #f9fafb;
    --color-background-sidenav-bg: #fffc;
    --color-background-default: #fff;
    --color-background-soft: #f9fafb;
    --color-background-gradient-bg-fill-chat-bg-1: #f9fafb;
    --color-background-gradient-bg-fill-chat-bg-2: #f2f4f7;
    --color-background-gradient-bg-fill-chat-bubble-bg-1: #fff;
    --color-background-gradient-bg-fill-chat-bubble-bg-2: #fff9;
    --color-background-gradient-bg-fill-debug-bg-1: #fff0;
    --color-background-gradient-bg-fill-debug-bg-2: #c8ceda24;
    --color-background-gradient-mask-gray: #c8ceda33;
    --color-background-gradient-mask-transparent: #fff0;
    --color-background-gradient-mask-input-clear-2: #e9ebf000;
    --color-background-gradient-mask-input-clear-1: #e9ebf0;
    --color-background-gradient-mask-transparent-dark: #0000;
    --color-background-gradient-mask-side-panel-2: #1018284d;
    --color-background-gradient-mask-side-panel-1: #10182805;
    --color-background-default-burn: #e9ebf0;
    --color-background-overlay-fullscreen: #f9fafbf2;
    --color-background-default-lighter: #ffffff80;
    --color-background-section: #f9fafb;
    --color-background-interaction-from-bg-1: #c8ceda33;
    --color-background-interaction-from-bg-2: #c8ceda24;
    --color-background-section-burn: #f2f4f7;
    --color-background-default-dodge: #fff;
    --color-background-overlay: #10182899;
    --color-background-default-dimmed: #e9ebf0;
    --color-background-default-hover: #f9fafb;
    --color-background-overlay-alt: #10182866;
    --color-background-surface-white: #fffffff2;
    --color-background-overlay-destructive: #f044384d;
    --color-background-overlay-backdrop: #f2f4f7f2;
    --color-background-body-transparent: #f2f4f700;
    --color-background-section-burn-inverted: #f2f4f7;
    --color-background-default-hover-alpha-0: #f9fafb00;
    --color-shadow-shadow-1: #09090b08;
    --color-shadow-shadow-3: #09090b0d;
    --color-shadow-shadow-4: #09090b0f;
    --color-shadow-shadow-5: #09090b14;
    --color-shadow-shadow-6: #09090b1a;
    --color-shadow-shadow-7: #09090b1f;
    --color-shadow-shadow-8: #09090b24;
    --color-shadow-shadow-9: #09090b2e;
    --color-shadow-shadow-2: #09090b0a;
    --color-shadow-shadow-10: #09090b0d;
    --color-workflow-block-border: #fff;
    --color-workflow-block-parma-bg: #f2f4f7;
    --color-workflow-block-bg: #fcfcfd;
    --color-workflow-block-bg-transparent: #fcfcfde6;
    --color-workflow-block-border-highlight: #155aef24;
    --color-workflow-block-wrapper-bg-1: #e9ebf0;
    --color-workflow-block-wrapper-bg-2: #e9ebf033;
    --color-workflow-canvas-workflow-dot-color: #8585ad26;
    --color-workflow-canvas-workflow-bg: #f2f4f7;
    --color-workflow-canvas-workflow-top-bar-1: #f2f4f7e6;
    --color-workflow-canvas-workflow-top-bar-2: #f2f4f70d;
    --color-workflow-canvas-canvas-overlay: #f2f4f7cc;
    --color-workflow-link-line-active: #296dff;
    --color-workflow-link-line-normal: #d0d5dc;
    --color-workflow-link-line-handle: #296dff;
    --color-workflow-link-line-normal-transparent: #d0d5dc33;
    --color-workflow-link-line-failure-active: #f79009;
    --color-workflow-link-line-failure-handle: #f79009;
    --color-workflow-link-line-failure-button-bg: #dc6803;
    --color-workflow-link-line-failure-button-hover: #b54708;
    --color-workflow-link-line-success-active: #17b26a;
    --color-workflow-link-line-success-handle: #17b26a;
    --color-workflow-link-line-error-active: #f04438;
    --color-workflow-link-line-error-handle: #f04438;
    --color-workflow-minimap-bg: #e9ebf0;
    --color-workflow-minimap-block: #c8ceda4d;
    --color-workflow-display-success-bg: #ecfdf3;
    --color-workflow-display-success-border-1: #17b26acc;
    --color-workflow-display-success-border-2: #17b26a80;
    --color-workflow-display-success-vignette-color: #17b26a33;
    --color-workflow-display-success-bg-line-pattern: #17b26a4d;
    --color-workflow-display-glass-1: #ffffff1f;
    --color-workflow-display-glass-2: #ffffff80;
    --color-workflow-display-vignette-dark: #0000001f;
    --color-workflow-display-highlight: #ffffff80;
    --color-workflow-display-outline: #0000000d;
    --color-workflow-display-error-bg: #fef3f2;
    --color-workflow-display-error-bg-line-pattern: #f044384d;
    --color-workflow-display-error-border-1: #f04438cc;
    --color-workflow-display-error-border-2: #f0443880;
    --color-workflow-display-error-vignette-color: #f0443833;
    --color-workflow-display-warning-bg: #fffaeb;
    --color-workflow-display-warning-bg-line-pattern: #f790094d;
    --color-workflow-display-warning-border-1: #f79009cc;
    --color-workflow-display-warning-border-2: #f7900980;
    --color-workflow-display-warning-vignette-color: #f7900933;
    --color-workflow-display-normal-bg: #f0f9ff;
    --color-workflow-display-normal-bg-line-pattern: #0ba5ec4d;
    --color-workflow-display-normal-border-1: #0ba5eccc;
    --color-workflow-display-normal-border-2: #0ba5ec80;
    --color-workflow-display-normal-vignette-color: #0ba5ec33;
    --color-workflow-display-disabled-bg: #f9fafb;
    --color-workflow-display-disabled-bg-line-pattern: #c8ceda4d;
    --color-workflow-display-disabled-border-1: #c8ceda99;
    --color-workflow-display-disabled-border-2: #c8ceda66;
    --color-workflow-display-disabled-vignette-color: #c8ceda66;
    --color-workflow-display-disabled-outline: #0000;
    --color-workflow-workflow-progress-bg-1: #c8ceda33;
    --color-workflow-workflow-progress-bg-2: #c8ceda0a;
    --color-workflow-debug-run-status-bg: #ff440514;
    --color-workflow-debug-breakpoint: #e62e05;
    --color-workflow-debug-text: #e62e05;
    --color-workflow-debug-text-disabled: #ff440533;
    --color-workflow-debug-run-status-bg-alt: #ff440524;
    --color-workflow-test-run-run-status-bg: #155aef14;
    --color-workflow-test-run-text: #004aeb;
    --color-workflow-test-run-run-status-bg-alt: #155aef24;
    --color-workflow-test-run-paused-bg: #f7900924;
    --color-workflow-test-run-paused-text: #dc6803;
    --color-divider-subtle: #1018280a;
    --color-divider-regular: #10182814;
    --color-divider-deep: #10182824;
    --color-divider-burn: #1018280a;
    --color-divider-intense: #1018284d;
    --color-divider-solid: #d0d5dc;
    --color-divider-solid-alt: #98a2b2;
    --color-divider-accent: #e5eaff;
    --color-state-base-hover: #c8ceda33;
    --color-state-base-active: #c8ceda66;
    --color-state-base-hover-alt: #c8ceda66;
    --color-state-base-handle: #10182833;
    --color-state-base-handle-hover: #1018284d;
    --color-state-base-hover-subtle: #c8ceda14;
    --color-state-accent-hover: #eff4ff;
    --color-state-accent-active: #155aef14;
    --color-state-accent-hover-alt: #d1e0ff;
    --color-state-accent-solid: #296dff;
    --color-state-accent-active-alt: #155aef24;
    --color-state-destructive-hover: #fef3f2;
    --color-state-destructive-hover-alt: #fee4e2;
    --color-state-destructive-active: #fecdca;
    --color-state-destructive-solid: #f04438;
    --color-state-destructive-border: #fda29b;
    --color-state-destructive-hover-transparent: #fef3f200;
    --color-state-success-hover: #ecfdf3;
    --color-state-success-hover-alt: #dcfae6;
    --color-state-success-active: #abefc6;
    --color-state-success-solid: #17b26a;
    --color-state-warning-hover: #fffaeb;
    --color-state-warning-hover-alt: #fef0c7;
    --color-state-warning-active: #fedf89;
    --color-state-warning-solid: #f79009;
    --color-state-warning-hover-transparent: #fffaeb00;
    --color-effects-highlight: #fff;
    --color-effects-highlight-lightmode-off: #fff0;
    --color-effects-image-frame: #fff;
    --color-effects-icon-border: #10182814;
    --color-effects-highlight-subtle: #ffffff80;
    --color-util-colors-orange-dark-orange-dark-50: #fff4ed;
    --color-util-colors-orange-dark-orange-dark-100: #ffe6d5;
    --color-util-colors-orange-dark-orange-dark-200: #ffd6ae;
    --color-util-colors-orange-dark-orange-dark-300: #ff9c66;
    --color-util-colors-orange-dark-orange-dark-400: #ff692e;
    --color-util-colors-orange-dark-orange-dark-500: #ff4405;
    --color-util-colors-orange-dark-orange-dark-600: #e62e05;
    --color-util-colors-orange-dark-orange-dark-700: #bc1b06;
    --color-util-colors-orange-orange-50: #fef6ee;
    --color-util-colors-orange-orange-100: #fdead7;
    --color-util-colors-orange-orange-200: #f9dbaf;
    --color-util-colors-orange-orange-300: #f7b27a;
    --color-util-colors-orange-orange-400: #f38744;
    --color-util-colors-orange-orange-500: #ef6820;
    --color-util-colors-orange-orange-600: #e04f16;
    --color-util-colors-orange-orange-700: #b93815;
    --color-util-colors-orange-orange-100-transparent: #fdead700;
    --color-util-colors-pink-pink-50: #fdf2fa;
    --color-util-colors-pink-pink-100: #fce7f6;
    --color-util-colors-pink-pink-200: #fcceee;
    --color-util-colors-pink-pink-300: #faa7e0;
    --color-util-colors-pink-pink-400: #f670c7;
    --color-util-colors-pink-pink-500: #ee46bc;
    --color-util-colors-pink-pink-600: #dd2590;
    --color-util-colors-pink-pink-700: #c11574;
    --color-util-colors-fuchsia-fuchsia-50: #fdf4ff;
    --color-util-colors-fuchsia-fuchsia-100: #fbe8ff;
    --color-util-colors-fuchsia-fuchsia-200: #f6d0fe;
    --color-util-colors-fuchsia-fuchsia-300: #eeaafd;
    --color-util-colors-fuchsia-fuchsia-400: #e478fa;
    --color-util-colors-fuchsia-fuchsia-500: #d444f1;
    --color-util-colors-fuchsia-fuchsia-600: #ba24d5;
    --color-util-colors-fuchsia-fuchsia-700: #9f1ab1;
    --color-util-colors-purple-purple-50: #f4f3ff;
    --color-util-colors-purple-purple-100: #ebe9fe;
    --color-util-colors-purple-purple-200: #d9d6fe;
    --color-util-colors-purple-purple-300: #bdb4fe;
    --color-util-colors-purple-purple-400: #9b8afb;
    --color-util-colors-purple-purple-500: #7a5af8;
    --color-util-colors-purple-purple-600: #6938ef;
    --color-util-colors-purple-purple-700: #5925dc;
    --color-util-colors-indigo-indigo-50: #eef4ff;
    --color-util-colors-indigo-indigo-100: #e0eaff;
    --color-util-colors-indigo-indigo-200: #c7d7fe;
    --color-util-colors-indigo-indigo-300: #a4bcfd;
    --color-util-colors-indigo-indigo-400: #8098f9;
    --color-util-colors-indigo-indigo-500: #6172f3;
    --color-util-colors-indigo-indigo-600: #444ce7;
    --color-util-colors-indigo-indigo-700: #3538cd;
    --color-util-colors-blue-blue-50: #eff8ff;
    --color-util-colors-blue-blue-100: #d1e9ff;
    --color-util-colors-blue-blue-200: #b2ddff;
    --color-util-colors-blue-blue-300: #84caff;
    --color-util-colors-blue-blue-400: #53b1fd;
    --color-util-colors-blue-blue-500: #2e90fa;
    --color-util-colors-blue-blue-600: #1570ef;
    --color-util-colors-blue-blue-700: #175cd3;
    --color-util-colors-blue-light-blue-light-50: #f0f9ff;
    --color-util-colors-blue-light-blue-light-100: #e0f2fe;
    --color-util-colors-blue-light-blue-light-200: #b9e6fe;
    --color-util-colors-blue-light-blue-light-300: #7cd4fd;
    --color-util-colors-blue-light-blue-light-400: #36bffa;
    --color-util-colors-blue-light-blue-light-500: #0ba5ec;
    --color-util-colors-blue-light-blue-light-600: #0086c9;
    --color-util-colors-blue-light-blue-light-700: #026aa2;
    --color-util-colors-gray-blue-gray-blue-50: #f8f9fc;
    --color-util-colors-gray-blue-gray-blue-100: #eaecf5;
    --color-util-colors-gray-blue-gray-blue-200: #d5d9eb;
    --color-util-colors-gray-blue-gray-blue-300: #b3b8db;
    --color-util-colors-gray-blue-gray-blue-400: #717bbc;
    --color-util-colors-gray-blue-gray-blue-500: #4e5ba6;
    --color-util-colors-gray-blue-gray-blue-600: #3e4784;
    --color-util-colors-gray-blue-gray-blue-700: #363f72;
    --color-util-colors-blue-brand-blue-brand-50: #f5f7ff;
    --color-util-colors-blue-brand-blue-brand-100: #d1e0ff;
    --color-util-colors-blue-brand-blue-brand-200: #b2caff;
    --color-util-colors-blue-brand-blue-brand-300: #84abff;
    --color-util-colors-blue-brand-blue-brand-400: #5289ff;
    --color-util-colors-blue-brand-blue-brand-500: #296dff;
    --color-util-colors-blue-brand-blue-brand-600: #155aef;
    --color-util-colors-blue-brand-blue-brand-700: #004aeb;
    --color-util-colors-red-red-50: #fef3f2;
    --color-util-colors-red-red-100: #fee4e2;
    --color-util-colors-red-red-200: #fecdca;
    --color-util-colors-red-red-300: #fda29b;
    --color-util-colors-red-red-400: #f97066;
    --color-util-colors-red-red-500: #f04438;
    --color-util-colors-red-red-600: #d92d20;
    --color-util-colors-red-red-700: #b42318;
    --color-util-colors-green-green-50: #ecfdf3;
    --color-util-colors-green-green-100: #dcfae6;
    --color-util-colors-green-green-200: #abefc6;
    --color-util-colors-green-green-300: #75e0a7;
    --color-util-colors-green-green-400: #47cd89;
    --color-util-colors-green-green-500: #17b26a;
    --color-util-colors-green-green-600: #079455;
    --color-util-colors-green-green-700: #067647;
    --color-util-colors-warning-warning-50: #fffaeb;
    --color-util-colors-warning-warning-100: #fef0c7;
    --color-util-colors-warning-warning-200: #fedf89;
    --color-util-colors-warning-warning-300: #fec84b;
    --color-util-colors-warning-warning-400: #fdb022;
    --color-util-colors-warning-warning-500: #f79009;
    --color-util-colors-warning-warning-600: #dc6803;
    --color-util-colors-warning-warning-700: #b54708;
    --color-util-colors-yellow-yellow-50: #fefbe8;
    --color-util-colors-yellow-yellow-100: #fef7c3;
    --color-util-colors-yellow-yellow-200: #feee95;
    --color-util-colors-yellow-yellow-300: #fde272;
    --color-util-colors-yellow-yellow-400: #fac515;
    --color-util-colors-yellow-yellow-500: #eaaa08;
    --color-util-colors-yellow-yellow-600: #ca8504;
    --color-util-colors-yellow-yellow-700: #a15c07;
    --color-util-colors-teal-teal-50: #f0fdf9;
    --color-util-colors-teal-teal-100: #ccfbef;
    --color-util-colors-teal-teal-200: #99f6e0;
    --color-util-colors-teal-teal-300: #5fe9d0;
    --color-util-colors-teal-teal-400: #2ed3b7;
    --color-util-colors-teal-teal-500: #15b79e;
    --color-util-colors-teal-teal-600: #0e9384;
    --color-util-colors-teal-teal-700: #107569;
    --color-util-colors-cyan-cyan-50: #ecfdff;
    --color-util-colors-cyan-cyan-100: #cff9fe;
    --color-util-colors-cyan-cyan-200: #a5f0fc;
    --color-util-colors-cyan-cyan-300: #67e3f9;
    --color-util-colors-cyan-cyan-400: #2ce;
    --color-util-colors-cyan-cyan-500: #06aed4;
    --color-util-colors-cyan-cyan-600: #088ab2;
    --color-util-colors-cyan-cyan-700: #0e7090;
    --color-util-colors-violet-violet-50: #f5f3ff;
    --color-util-colors-violet-violet-100: #ece9fe;
    --color-util-colors-violet-violet-200: #ddd6fe;
    --color-util-colors-violet-violet-300: #c3b5fd;
    --color-util-colors-violet-violet-400: #a48afb;
    --color-util-colors-violet-violet-500: #875bf7;
    --color-util-colors-violet-violet-600: #7839ee;
    --color-util-colors-violet-violet-700: #6927da;
    --color-util-colors-gray-gray-50: #f9fafb;
    --color-util-colors-gray-gray-100: #f2f4f7;
    --color-util-colors-gray-gray-200: #e9ebf0;
    --color-util-colors-gray-gray-300: #d0d5dc;
    --color-util-colors-gray-gray-400: #98a2b2;
    --color-util-colors-gray-gray-500: #676f83;
    --color-util-colors-gray-gray-600: #495464;
    --color-util-colors-gray-gray-700: #354052;
    --color-util-colors-green-light-green-light-50: #f3fee7;
    --color-util-colors-green-light-green-light-100: #e3fbcc;
    --color-util-colors-green-light-green-light-200: #d0f8ab;
    --color-util-colors-green-light-green-light-300: #a6ef67;
    --color-util-colors-green-light-green-light-500: #66c61c;
    --color-util-colors-green-light-green-light-400: #85e13a;
    --color-util-colors-green-light-green-light-600: #4ca30d;
    --color-util-colors-green-light-green-light-700: #3b7c0f;
    --color-util-colors-rose-rose-50: #fff1f3;
    --color-util-colors-rose-rose-100: #ffe4e8;
    --color-util-colors-rose-rose-200: #fecdd6;
    --color-util-colors-rose-rose-300: #fea3b4;
    --color-util-colors-rose-rose-400: #fd6f8e;
    --color-util-colors-rose-rose-500: #f63d68;
    --color-util-colors-rose-rose-600: #e31b54;
    --color-util-colors-rose-rose-700: #c01048;
    --color-util-colors-midnight-midnight-50: #fbfbfc;
    --color-util-colors-midnight-midnight-100: #f0f2f5;
    --color-util-colors-midnight-midnight-200: #dfe1ea;
    --color-util-colors-midnight-midnight-300: #c6cbd9;
    --color-util-colors-midnight-midnight-400: #a7aec5;
    --color-util-colors-midnight-midnight-500: #828dad;
    --color-util-colors-midnight-midnight-600: #5d698d;
    --color-util-colors-midnight-midnight-700: #3e465e;
    --color-third-party-LangChain: #1c3c3c;
    --color-third-party-Langfuse: #000;
    --color-third-party-Github: #1b1f24;
    --color-third-party-Github-tertiary: #1b1f24;
    --color-third-party-Github-secondary: #1b1f24;
    --color-third-party-model-bg-openai: #e3e5e8;
    --color-third-party-model-bg-anthropic: #eeede7;
    --color-third-party-model-bg-default: #f9fafb;
    --color-third-party-aws: #141f2e;
    --color-third-party-aws-alt: #0f1824;
    --color-saas-background: #fff;
    --color-saas-pricing-grid-bg: #c8ceda80;
    --color-saas-dify-blue-static: #03f;
    --color-saas-dify-blue-static-hover: #002cd6;
    --color-saas-dify-blue-accessible: #03f;
    --color-saas-dify-blue-inverted: #03f;
    --color-saas-dify-blue-inverted-dimmed: #03f;
    --color-saas-background-inverted: #0b0b0e;
    --color-saas-background-inverted-hover: #222225;
    --color-dify-logo-blue: #03f;
    --color-dify-logo-black: #000;
    --color-dify-logo-outline-1: #0000;
    --color-dify-logo-outline-2: #0000;
  }

  html[data-theme="dark"] {
    --color-components-input-bg-normal: #ffffff14;
    --color-components-input-text-placeholder: #c8ceda4d;
    --color-components-input-bg-hover: #ffffff08;
    --color-components-input-bg-active: #ffffff0d;
    --color-components-input-border-active: #747481;
    --color-components-input-border-destructive: #f97066;
    --color-components-sticky-header-bg: var(--color-components-panel-bg);
    --color-components-sticky-header-bg-hover: var(--color-components-panel-on-panel-item-bg-hover);
    --color-components-sticky-header-border: var(--color-components-panel-border);
    --vscode-editorStickyScroll-background: var(--color-components-sticky-header-bg);
    --vscode-editorStickyScrollHover-background: var(--color-components-sticky-header-bg-hover);
    --vscode-editorStickyScroll-border: var(--color-components-sticky-header-border);
    --vscode-editorStickyScroll-shadow: #0009;
    --color-components-input-text-filled: #f4f4f5;
    --color-components-input-bg-destructive: #ffffff03;
    --color-components-input-bg-disabled: #ffffff08;
    --color-components-input-text-disabled: #c8ceda4d;
    --color-components-input-text-filled-disabled: #c8ceda99;
    --color-components-input-border-hover: #3a3a40;
    --color-components-input-border-active-prompt-1: #36bffa;
    --color-components-input-border-active-prompt-2: #296dff;
    --color-components-kbd-bg-gray: #ffffff08;
    --color-components-kbd-bg-white: #ffffff1f;
    --color-components-tooltip-bg: #18181bf2;
    --color-components-button-primary-text: #fffffff2;
    --color-components-button-primary-bg: #155aef;
    --color-components-button-primary-border: #ffffff1f;
    --color-components-button-primary-bg-hover: #296dff;
    --color-components-button-primary-border-hover: #fff3;
    --color-components-button-primary-bg-disabled: #ffffff08;
    --color-components-button-primary-border-disabled: #ffffff14;
    --color-components-button-primary-text-disabled: #fff3;
    --color-components-button-secondary-text: #fffc;
    --color-components-button-secondary-text-disabled: #fff3;
    --color-components-button-secondary-bg: #ffffff1f;
    --color-components-button-secondary-bg-hover: #fff3;
    --color-components-button-secondary-bg-disabled: #ffffff08;
    --color-components-button-secondary-border: #ffffff14;
    --color-components-button-secondary-border-hover: #ffffff1f;
    --color-components-button-secondary-border-disabled: #ffffff0d;
    --color-components-button-tertiary-text: #d9d9de;
    --color-components-button-tertiary-text-disabled: #fff3;
    --color-components-button-tertiary-bg: #ffffff14;
    --color-components-button-tertiary-bg-hover: #ffffff1f;
    --color-components-button-tertiary-bg-disabled: #ffffff08;
    --color-components-button-ghost-text: #d9d9de;
    --color-components-button-ghost-text-disabled: #fff3;
    --color-components-button-ghost-bg-hover: #c8ceda14;
    --color-components-button-destructive-primary-text: #fffffff2;
    --color-components-button-destructive-primary-text-disabled: #fff3;
    --color-components-button-destructive-primary-bg: #d92d20;
    --color-components-button-destructive-primary-bg-hover: #f04438;
    --color-components-button-destructive-primary-bg-disabled: #f0443824;
    --color-components-button-destructive-primary-border: #ffffff1f;
    --color-components-button-destructive-primary-border-hover: #fff3;
    --color-components-button-destructive-primary-border-disabled: #ffffff14;
    --color-components-button-destructive-secondary-text: #f97066;
    --color-components-button-destructive-secondary-text-disabled: #f0443833;
    --color-components-button-destructive-secondary-bg: #ffffff1f;
    --color-components-button-destructive-secondary-bg-hover: #f0443824;
    --color-components-button-destructive-secondary-bg-disabled: #f0443814;
    --color-components-button-destructive-secondary-border: #ffffff14;
    --color-components-button-destructive-secondary-border-hover: #ffffff1f;
    --color-components-button-destructive-secondary-border-disabled: #f0443814;
    --color-components-button-destructive-tertiary-text: #f97066;
    --color-components-button-destructive-tertiary-text-disabled: #f0443833;
    --color-components-button-destructive-tertiary-bg: #f0443824;
    --color-components-button-destructive-tertiary-bg-hover: #f0443840;
    --color-components-button-destructive-tertiary-bg-disabled: #f0443814;
    --color-components-button-destructive-ghost-text: #f97066;
    --color-components-button-destructive-ghost-text-disabled: #f0443833;
    --color-components-button-destructive-ghost-bg-hover: #f0443824;
    --color-components-button-secondary-accent-text: #fffc;
    --color-components-button-secondary-accent-text-disabled: #fff3;
    --color-components-button-secondary-accent-bg: #ffffff0d;
    --color-components-button-secondary-accent-bg-hover: #ffffff14;
    --color-components-button-secondary-accent-bg-disabled: #ffffff08;
    --color-components-button-secondary-accent-border: #ffffff14;
    --color-components-button-secondary-accent-border-hover: #ffffff1f;
    --color-components-button-secondary-accent-border-disabled: #ffffff0d;
    --color-components-button-indigo-bg: #444ce7;
    --color-components-button-indigo-bg-hover: #6172f3;
    --color-components-button-indigo-bg-disabled: #ffffff08;
    --color-components-button-debug-text: #fffffff2;
    --color-components-button-debug-text-disabled: #fff3;
    --color-components-button-debug-bg: #ff4405;
    --color-components-button-debug-bg-hover: #ff692e;
    --color-components-button-debug-bg-disabled: #ff440514;
    --color-components-button-debug-border: #ffffff1f;
    --color-components-button-debug-border-hover: #fff3;
    --color-components-button-debug-border-disabled: #ffffff14;
    --color-components-button-button-seam: #00000026;
    --color-components-checkbox-icon: #fffffff2;
    --color-components-checkbox-icon-disabled: #fff3;
    --color-components-checkbox-bg: #296dff;
    --color-components-checkbox-bg-hover: #5289ff;
    --color-components-checkbox-bg-disabled: #ffffff08;
    --color-components-checkbox-border: #fff6;
    --color-components-checkbox-border-hover: #fff9;
    --color-components-checkbox-border-disabled: #ffffff03;
    --color-components-checkbox-bg-unchecked: #ffffff08;
    --color-components-checkbox-bg-unchecked-hover: #ffffff0d;
    --color-components-checkbox-bg-disabled-checked: #155aef33;
    --color-components-radio-border-checked: #296dff;
    --color-components-radio-border-checked-hover: #5289ff;
    --color-components-radio-border-checked-disabled: #155aef33;
    --color-components-radio-bg-disabled: #ffffff08;
    --color-components-radio-border: #fff6;
    --color-components-radio-border-hover: #fff9;
    --color-components-radio-border-disabled: #ffffff03;
    --color-components-radio-bg: #fff0;
    --color-components-radio-bg-hover: #ffffff0d;
    --color-components-toggle-knob: #f4f4f5;
    --color-components-toggle-knob-disabled: #fff3;
    --color-components-toggle-bg: #296dff;
    --color-components-toggle-bg-hover: #5289ff;
    --color-components-toggle-bg-disabled: #ffffff14;
    --color-components-toggle-bg-unchecked: #fff3;
    --color-components-toggle-bg-unchecked-hover: #ffffff4d;
    --color-components-toggle-bg-unchecked-disabled: #ffffff14;
    --color-components-toggle-knob-hover: #fefefe;
    --color-components-card-bg: #222225;
    --color-components-card-border: #ffffff08;
    --color-components-card-bg-alt: #27272b;
    --color-components-card-bg-transparent: #22222500;
    --color-components-card-bg-alt-transparent: #27272b00;
    --color-components-menu-item-text: #c8ceda99;
    --color-components-menu-item-text-active: #fffffff2;
    --color-components-menu-item-text-hover: #c8cedacc;
    --color-components-menu-item-text-active-accent: #fffffff2;
    --color-components-menu-item-bg-active: #c8ceda24;
    --color-components-menu-item-bg-hover: #c8ceda14;
    --color-components-panel-bg: #222225;
    --color-components-panel-bg-blur: #2c2c30f2;
    --color-components-panel-border: #c8ceda24;
    --color-components-panel-border-subtle: #c8ceda14;
    --color-components-panel-gradient-2: #222225;
    --color-components-panel-gradient-1: #27272b;
    --color-components-panel-bg-alt: #222225;
    --color-components-panel-on-panel-item-bg: #27272b;
    --color-components-panel-on-panel-item-bg-hover: #3a3a40;
    --color-components-panel-on-panel-item-bg-alt: #3a3a40;
    --color-components-panel-on-panel-item-bg-transparent: #2c2c30f2;
    --color-components-panel-on-panel-item-bg-hover-transparent: #3a3a4000;
    --color-components-panel-on-panel-item-bg-destructive-hover-transparent: #fffbfa00;
    --color-components-panel-bg-transparent: #22222500;
    --color-components-panel-bg-blur-burn: #1f1f23e6;
    --color-components-main-nav-nav-button-text: #c8ceda99;
    --color-components-main-nav-nav-button-text-active: #f4f4f5;
    --color-components-main-nav-nav-button-bg: #fff0;
    --color-components-main-nav-nav-button-bg-active: #c8ceda24;
    --color-components-main-nav-nav-button-border: #ffffff14;
    --color-components-main-nav-nav-button-bg-hover: #c8ceda0a;
    --color-components-main-nav-nav-user-border: #ffffff0d;
    --color-components-main-nav-text: #a8a8b3;
    --color-components-main-nav-text-active: #fff;
    --color-components-main-nav-glass-edge-highlight-first: #c4cfff26;
    --color-components-main-nav-glass-edge-highlight-middle: #486cff00;
    --color-components-main-nav-glass-edge-highlight-end: #c4cfff0d;
    --color-components-main-nav-glass-edge-reflection-first: #5c7cff00;
    --color-components-main-nav-glass-edge-reflection-middle: #d2dbffcc;
    --color-components-main-nav-glass-edge-reflection-end: #5c7cff00;
    --color-components-main-nav-glass-surface-first: #c4cfff14;
    --color-components-main-nav-glass-surface-middle-1: #d2dbff1f;
    --color-components-main-nav-glass-surface-middle-2: #d2dbff1a;
    --color-components-main-nav-glass-surface-end: #c4cfff14;
    --color-components-main-nav-glass-inner-glow: #d2dbff0d;
    --color-components-main-nav-glass-shadow-reflection: #d2dbff0a;
    --color-components-main-nav-glass-shadow-reflection-glow: #ffffff05;
    --color-components-main-nav-glass-text-glow: #f5f6ff45;
    --color-components-slider-knob: #f4f4f5;
    --color-components-slider-knob-hover: #fefefe;
    --color-components-slider-knob-disabled: #fff3;
    --color-components-slider-range: #296dff;
    --color-components-slider-track: #fff3;
    --color-components-slider-knob-border-hover: #1018284d;
    --color-components-slider-knob-border: #10182833;
    --color-components-segmented-control-item-active-bg: #ffffff14;
    --color-components-segmented-control-item-active-border: #c8ceda14;
    --color-components-segmented-control-bg-normal: #18181bb3;
    --color-components-segmented-control-item-active-accent-bg: #155aef33;
    --color-components-segmented-control-item-active-accent-border: #155aef4d;
    --color-components-option-card-option-bg: #c8ceda0a;
    --color-components-option-card-option-selected-bg: #ffffff0d;
    --color-components-option-card-option-selected-border: #5289ff;
    --color-components-option-card-option-border: #c8ceda33;
    --color-components-option-card-option-bg-hover: #c8ceda24;
    --color-components-option-card-option-border-hover: #c8ceda4d;
    --color-components-tab-active: #296dff;
    --color-components-badge-white-to-dark: #18181bcc;
    --color-components-badge-status-light-success-bg: #17b26a;
    --color-components-badge-status-light-success-border-inner: #47cd89;
    --color-components-badge-status-light-success-halo: #17b26a4d;
    --color-components-badge-status-light-border-outer: #222225;
    --color-components-badge-status-light-high-light: #ffffff4d;
    --color-components-badge-status-light-warning-bg: #f79009;
    --color-components-badge-status-light-warning-border-inner: #fdb022;
    --color-components-badge-status-light-warning-halo: #f790094d;
    --color-components-badge-status-light-error-bg: #f04438;
    --color-components-badge-status-light-error-border-inner: #f97066;
    --color-components-badge-status-light-error-halo: #f044384d;
    --color-components-badge-status-light-normal-bg: #0ba5ec;
    --color-components-badge-status-light-normal-border-inner: #36bffa;
    --color-components-badge-status-light-normal-halo: #0ba5ec4d;
    --color-components-badge-status-light-disabled-bg: #676f83;
    --color-components-badge-status-light-disabled-border-inner: #98a2b2;
    --color-components-badge-status-light-disabled-halo: #c8ceda14;
    --color-components-badge-bg-green-soft: #17b26a24;
    --color-components-badge-bg-orange-soft: #f7900924;
    --color-components-badge-bg-red-soft: #f0443824;
    --color-components-badge-bg-blue-light-soft: #0ba5ec24;
    --color-components-badge-bg-gray-soft: #c8ceda14;
    --color-components-badge-bg-dimm: #ffffff08;
    --color-components-chart-line: #5289ff;
    --color-components-chart-area-1: #155aef33;
    --color-components-chart-area-2: #155aef0a;
    --color-components-chart-current-1: #5289ff;
    --color-components-chart-current-2: #155aef4d;
    --color-components-chart-bg: #18181bf2;
    --color-components-actionbar-bg: #222225;
    --color-components-actionbar-border: #c8ceda14;
    --color-components-actionbar-bg-accent: #27272b;
    --color-components-actionbar-border-accent: #5289ff;
    --color-components-dropzone-bg-alt: #18181bcc;
    --color-components-dropzone-bg: #18181b66;
    --color-components-dropzone-bg-accent: #155aef33;
    --color-components-dropzone-border: #c8ceda24;
    --color-components-dropzone-border-alt: #c8ceda33;
    --color-components-dropzone-border-accent: #84abff;
    --color-components-progress-brand-progress: #5289ff;
    --color-components-progress-brand-border: #5289ff;
    --color-components-progress-brand-bg: #155aef0a;
    --color-components-progress-white-progress: #fff;
    --color-components-progress-white-border: #fffffff2;
    --color-components-progress-white-bg: #ffffff03;
    --color-components-progress-gray-progress: #98a2b2;
    --color-components-progress-gray-border: #98a2b2;
    --color-components-progress-gray-bg: #c8ceda05;
    --color-components-progress-warning-progress: #fdb022;
    --color-components-progress-warning-border: #fdb022;
    --color-components-progress-warning-bg: #f790090a;
    --color-components-progress-error-progress: #f97066;
    --color-components-progress-error-border: #f97066;
    --color-components-progress-error-bg: #f044380a;
    --color-components-chat-input-audio-bg: #155aef33;
    --color-components-chat-input-audio-wave-default: #c8ceda24;
    --color-components-chat-input-bg-mask-1: #18181b0a;
    --color-components-chat-input-bg-mask-2: #18181b99;
    --color-components-chat-input-border: #c8ceda33;
    --color-components-chat-input-audio-wave-active: #84abff;
    --color-components-chat-input-audio-bg-alt: #18181be6;
    --color-components-avatar-shape-fill-stop-0: #fffffff2;
    --color-components-avatar-shape-fill-stop-100: #fffc;
    --color-components-avatar-bg-mask-stop-0: #fff3;
    --color-components-avatar-bg-mask-stop-100: #ffffff08;
    --color-components-avatar-default-avatar-bg: #222225;
    --color-components-avatar-mask-darkmode-dimmed: #0000001f;
    --color-components-label-gray: #c8ceda24;
    --color-components-premium-badge-blue-bg-stop-0: #5289ff;
    --color-components-premium-badge-blue-bg-stop-100: #296dff;
    --color-components-premium-badge-blue-stroke-stop-0: #fff3;
    --color-components-premium-badge-blue-stroke-stop-100: #296dff;
    --color-components-premium-badge-blue-text-stop-0: #eff4ff;
    --color-components-premium-badge-blue-text-stop-100: #b2caff;
    --color-components-premium-badge-blue-glow: #004aeb;
    --color-components-premium-badge-blue-bg-stop-0-hover: #84abff;
    --color-components-premium-badge-blue-bg-stop-100-hover: #004aeb;
    --color-components-premium-badge-blue-glow-hover: #d1e0ff;
    --color-components-premium-badge-blue-stroke-stop-0-hover: #ffffff80;
    --color-components-premium-badge-blue-stroke-stop-100-hover: #296dff;
    --color-components-premium-badge-highlight-stop-0: #ffffff1f;
    --color-components-premium-badge-highlight-stop-100: #fff3;
    --color-components-premium-badge-indigo-bg-stop-0: #6172f3;
    --color-components-premium-badge-indigo-bg-stop-100: #3538cd;
    --color-components-premium-badge-indigo-stroke-stop-0: #fff3;
    --color-components-premium-badge-indigo-stroke-stop-100: #444ce7;
    --color-components-premium-badge-indigo-text-stop-0: #eef4ff;
    --color-components-premium-badge-indigo-text-stop-100: #c7d7fe;
    --color-components-premium-badge-indigo-glow: #3538cd;
    --color-components-premium-badge-indigo-glow-hover: #e0eaff;
    --color-components-premium-badge-indigo-bg-stop-0-hover: #a4bcfd;
    --color-components-premium-badge-indigo-bg-stop-100-hover: #3538cd;
    --color-components-premium-badge-indigo-stroke-stop-0-hover: #ffffff80;
    --color-components-premium-badge-indigo-stroke-stop-100-hover: #444ce7;
    --color-components-premium-badge-grey-bg-stop-0: #676f83;
    --color-components-premium-badge-grey-bg-stop-100: #495464;
    --color-components-premium-badge-grey-stroke-stop-0: #ffffff1f;
    --color-components-premium-badge-grey-stroke-stop-100: #495464;
    --color-components-premium-badge-grey-text-stop-0: #f9fafb;
    --color-components-premium-badge-grey-text-stop-100: #e9ebf0;
    --color-components-premium-badge-grey-glow: #354052;
    --color-components-premium-badge-grey-glow-hover: #f2f4f7;
    --color-components-premium-badge-grey-bg-stop-0-hover: #98a2b2;
    --color-components-premium-badge-grey-bg-stop-100-hover: #354052;
    --color-components-premium-badge-grey-stroke-stop-0-hover: #ffffff80;
    --color-components-premium-badge-grey-stroke-stop-100-hover: #676f83;
    --color-components-premium-badge-orange-bg-stop-0: #ff692e;
    --color-components-premium-badge-orange-bg-stop-100: #e04f16;
    --color-components-premium-badge-orange-stroke-stop-0: #fff3;
    --color-components-premium-badge-orange-stroke-stop-100: #ff4405;
    --color-components-premium-badge-orange-text-stop-0: #fef6ee;
    --color-components-premium-badge-orange-text-stop-100: #f9dbaf;
    --color-components-premium-badge-orange-glow: #b93815;
    --color-components-premium-badge-orange-glow-hover: #fdead7;
    --color-components-premium-badge-orange-bg-stop-0-hover: #ff692e;
    --color-components-premium-badge-orange-bg-stop-100-hover: #b93815;
    --color-components-premium-badge-orange-stroke-stop-0-hover: #ffffff80;
    --color-components-premium-badge-orange-stroke-stop-100-hover: #ff4405;
    --color-components-progress-bar-bg: #c8ceda14;
    --color-components-progress-bar-progress: #c8ceda24;
    --color-components-progress-bar-border: #ffffff08;
    --color-components-progress-bar-progress-solid: #fffffff2;
    --color-components-progress-bar-progress-highlight: #c8ceda33;
    --color-components-icon-bg-red-solid: #d92d20;
    --color-components-icon-bg-rose-solid: #e31b54;
    --color-components-icon-bg-pink-solid: #dd2590;
    --color-components-icon-bg-orange-dark-solid: #ff4405;
    --color-components-icon-bg-yellow-solid: #eaaa08;
    --color-components-icon-bg-green-solid: #4ca30d;
    --color-components-icon-bg-teal-solid: #0e9384;
    --color-components-icon-bg-blue-light-solid: #0ba5ec;
    --color-components-icon-bg-blue-solid: #155aef;
    --color-components-icon-bg-indigo-solid: #444ce7;
    --color-components-icon-bg-violet-solid: #7839ee;
    --color-components-icon-bg-midnight-solid: #5d698d;
    --color-components-icon-bg-rose-soft: #f63d6833;
    --color-components-icon-bg-pink-soft: #ee46bc33;
    --color-components-icon-bg-orange-dark-soft: #ff440533;
    --color-components-icon-bg-yellow-soft: #eaaa0833;
    --color-components-icon-bg-green-soft: #66c61c33;
    --color-components-icon-bg-teal-soft: #15b79e33;
    --color-components-icon-bg-blue-light-soft: #0ba5ec33;
    --color-components-icon-bg-blue-soft: #155aef33;
    --color-components-icon-bg-indigo-soft: #6172f333;
    --color-components-icon-bg-violet-soft: #875bf733;
    --color-components-icon-bg-midnight-soft: #828dad33;
    --color-components-icon-bg-red-soft: #f0443833;
    --color-components-icon-bg-orange-solid: #f79009;
    --color-components-icon-bg-orange-soft: #f7900933;
    --color-components-marketplace-header-bg: #1f1f23e6;
    --color-text-primary: #fbfbfc;
    --color-text-secondary: #d9d9de;
    --color-text-tertiary: #c8ceda99;
    --color-text-quaternary: #c8ceda66;
    --color-text-destructive: #f97066;
    --color-text-success: #17b26a;
    --color-text-warning: #f79009;
    --color-text-destructive-secondary: #f97066;
    --color-text-success-secondary: #47cd89;
    --color-text-warning-secondary: #fdb022;
    --color-text-accent: #5289ff;
    --color-text-primary-on-surface: #fffffff2;
    --color-text-placeholder: #c8ceda4d;
    --color-text-disabled: #c8ceda4d;
    --color-text-accent-secondary: #84abff;
    --color-text-accent-light-mode-only: #d9d9de;
    --color-text-text-selected: #155aef4d;
    --color-text-secondary-on-surface: #ffffffe6;
    --color-text-logo-text: #e9e9ec;
    --color-text-empty-state-icon: #c8ceda4d;
    --color-text-inverted: #fff;
    --color-text-inverted-dimmed: #fffc;
    --color-background-body: #1d1d20;
    --color-background-default-subtle: #222225;
    --color-background-neutral-subtle: #1d1d20;
    --color-background-sidenav-bg: #27272aeb;
    --color-background-default: #222225;
    --color-background-soft: #18181b40;
    --color-background-gradient-bg-fill-chat-bg-1: #222225;
    --color-background-gradient-bg-fill-chat-bg-2: #1d1d20;
    --color-background-gradient-bg-fill-chat-bubble-bg-1: #c8ceda14;
    --color-background-gradient-bg-fill-chat-bubble-bg-2: #c8ceda05;
    --color-background-gradient-bg-fill-debug-bg-1: #c8ceda14;
    --color-background-gradient-bg-fill-debug-bg-2: #18181b0a;
    --color-background-gradient-mask-gray: #18181b14;
    --color-background-gradient-mask-transparent: #0000;
    --color-background-gradient-mask-input-clear-2: #393a3e00;
    --color-background-gradient-mask-input-clear-1: #393a3e;
    --color-background-gradient-mask-transparent-dark: #0000;
    --color-background-gradient-mask-side-panel-2: #18181be6;
    --color-background-gradient-mask-side-panel-1: #18181b0a;
    --color-background-default-burn: #1d1d20;
    --color-background-overlay-fullscreen: #27272af7;
    --color-background-default-lighter: #c8ceda0a;
    --color-background-section: #18181b66;
    --color-background-interaction-from-bg-1: #18181b66;
    --color-background-interaction-from-bg-2: #18181b24;
    --color-background-section-burn: #18181b99;
    --color-background-default-dodge: #3a3a40;
    --color-background-overlay: #18181bcc;
    --color-background-default-dimmed: #27272b;
    --color-background-default-hover: #27272b;
    --color-background-overlay-alt: #18181b66;
    --color-background-surface-white: #ffffffe6;
    --color-background-overlay-destructive: #f044384d;
    --color-background-overlay-backdrop: #18181bf2;
    --color-background-body-transparent: #1d1d2000;
    --color-background-section-burn-inverted: #27272b;
    --color-background-default-hover-alpha-0: #27272b00;
    --color-shadow-shadow-1: #0000000d;
    --color-shadow-shadow-3: #0000001a;
    --color-shadow-shadow-4: #0000001f;
    --color-shadow-shadow-5: #00000029;
    --color-shadow-shadow-6: #0003;
    --color-shadow-shadow-7: #0000003d;
    --color-shadow-shadow-8: #00000047;
    --color-shadow-shadow-9: #0000005c;
    --color-shadow-shadow-2: #00000014;
    --color-shadow-shadow-10: #0006;
    --color-workflow-block-border: #ffffff14;
    --color-workflow-block-parma-bg: #ffffff0d;
    --color-workflow-block-bg: #27272b;
    --color-workflow-block-bg-transparent: #27272bf5;
    --color-workflow-block-border-highlight: #c8ceda33;
    --color-workflow-block-wrapper-bg-1: #27272b;
    --color-workflow-block-wrapper-bg-2: #27272b33;
    --color-workflow-canvas-workflow-dot-color: #8585ad1c;
    --color-workflow-canvas-workflow-bg: #1d1d20;
    --color-workflow-canvas-workflow-top-bar-1: #1d1d20e6;
    --color-workflow-canvas-workflow-top-bar-2: #1d1d2014;
    --color-workflow-canvas-canvas-overlay: #1d1d20cc;
    --color-workflow-link-line-active: #5289ff;
    --color-workflow-link-line-normal: #676f83;
    --color-workflow-link-line-handle: #5289ff;
    --color-workflow-link-line-normal-transparent: #676f8333;
    --color-workflow-link-line-failure-active: #fdb022;
    --color-workflow-link-line-failure-handle: #fdb022;
    --color-workflow-link-line-failure-button-bg: #f79009;
    --color-workflow-link-line-failure-button-hover: #dc6803;
    --color-workflow-link-line-success-active: #47cd89;
    --color-workflow-link-line-success-handle: #47cd89;
    --color-workflow-link-line-error-active: #f97066;
    --color-workflow-link-line-error-handle: #f97066;
    --color-workflow-minimap-bg: #27272b;
    --color-workflow-minimap-block: #c8ceda14;
    --color-workflow-display-success-bg: #17b26a33;
    --color-workflow-display-success-border-1: #17b26ae6;
    --color-workflow-display-success-border-2: #17b26acc;
    --color-workflow-display-success-vignette-color: #17b26a40;
    --color-workflow-display-success-bg-line-pattern: #18181bcc;
    --color-workflow-display-glass-1: #ffffff08;
    --color-workflow-display-glass-2: #ffffff0d;
    --color-workflow-display-vignette-dark: #0006;
    --color-workflow-display-highlight: #ffffff1f;
    --color-workflow-display-outline: #18181bf2;
    --color-workflow-display-error-bg: #f0443833;
    --color-workflow-display-error-bg-line-pattern: #18181bcc;
    --color-workflow-display-error-border-1: #f04438e6;
    --color-workflow-display-error-border-2: #f04438cc;
    --color-workflow-display-error-vignette-color: #f0443840;
    --color-workflow-display-warning-bg: #f7900933;
    --color-workflow-display-warning-bg-line-pattern: #18181bcc;
    --color-workflow-display-warning-border-1: #f79009e6;
    --color-workflow-display-warning-border-2: #f79009cc;
    --color-workflow-display-warning-vignette-color: #f7900940;
    --color-workflow-display-normal-bg: #0ba5ec33;
    --color-workflow-display-normal-bg-line-pattern: #18181bcc;
    --color-workflow-display-normal-border-1: #0ba5ece6;
    --color-workflow-display-normal-border-2: #0ba5eccc;
    --color-workflow-display-normal-vignette-color: #0ba5ec40;
    --color-workflow-display-disabled-bg: #c8ceda33;
    --color-workflow-display-disabled-bg-line-pattern: #18181bcc;
    --color-workflow-display-disabled-border-1: #c8ceda99;
    --color-workflow-display-disabled-border-2: #c8ceda40;
    --color-workflow-display-disabled-vignette-color: #c8ceda40;
    --color-workflow-display-disabled-outline: #18181bf2;
    --color-workflow-workflow-progress-bg-1: #18181b40;
    --color-workflow-workflow-progress-bg-2: #18181b0a;
    --color-workflow-debug-run-status-bg: #e62e0566;
    --color-workflow-debug-breakpoint: #ff692e;
    --color-workflow-debug-text: #ff9c66;
    --color-workflow-debug-text-disabled: #ff440533;
    --color-workflow-debug-run-status-bg-alt: #ff2e0080;
    --color-workflow-test-run-run-status-bg: #155aef80;
    --color-workflow-test-run-text: #d1e0ff;
    --color-workflow-test-run-run-status-bg-alt: #2d5abee6;
    --color-workflow-test-run-paused-bg: #f790094d;
    --color-workflow-test-run-paused-text: #fdb022;
    --color-divider-subtle: #c8ceda14;
    --color-divider-regular: #c8ceda24;
    --color-divider-deep: #c8ceda33;
    --color-divider-burn: #18181bf2;
    --color-divider-intense: #c8ceda66;
    --color-divider-solid: #3a3a40;
    --color-divider-solid-alt: #747481;
    --color-divider-accent: #c8ceda24;
    --color-state-base-hover: #c8ceda14;
    --color-state-base-active: #c8ceda33;
    --color-state-base-hover-alt: #c8ceda24;
    --color-state-base-handle: #c8ceda4d;
    --color-state-base-handle-hover: #c8ceda80;
    --color-state-base-hover-subtle: #c8ceda0a;
    --color-state-accent-hover: #155aef24;
    --color-state-accent-active: #155aef24;
    --color-state-accent-hover-alt: #155aef40;
    --color-state-accent-solid: #5289ff;
    --color-state-accent-active-alt: #155aef33;
    --color-state-destructive-hover: #f0443824;
    --color-state-destructive-hover-alt: #f0443840;
    --color-state-destructive-active: #f044384d;
    --color-state-destructive-solid: #f97066;
    --color-state-destructive-border: #f97066;
    --color-state-destructive-hover-transparent: #f0443800;
    --color-state-success-hover: #17b26a24;
    --color-state-success-hover-alt: #17b26a40;
    --color-state-success-active: #17b26a4d;
    --color-state-success-solid: #47cd89;
    --color-state-warning-hover: #f7900924;
    --color-state-warning-hover-alt: #f7900940;
    --color-state-warning-active: #f790094d;
    --color-state-warning-solid: #f79009;
    --color-state-warning-hover-transparent: #f7900900;
    --color-effects-highlight: #c8ceda14;
    --color-effects-highlight-lightmode-off: #c8ceda14;
    --color-effects-image-frame: #fff;
    --color-effects-icon-border: #ffffff26;
    --color-effects-highlight-subtle: #c8ceda0a;
    --color-util-colors-orange-dark-orange-dark-50: #57130a;
    --color-util-colors-orange-dark-orange-dark-100: #771a0d;
    --color-util-colors-orange-dark-orange-dark-200: #97180c;
    --color-util-colors-orange-dark-orange-dark-300: #bc1b06;
    --color-util-colors-orange-dark-orange-dark-400: #e62e05;
    --color-util-colors-orange-dark-orange-dark-500: #ff4405;
    --color-util-colors-orange-dark-orange-dark-600: #ff692e;
    --color-util-colors-orange-dark-orange-dark-700: #ff9c66;
    --color-util-colors-orange-orange-50: #511c10;
    --color-util-colors-orange-orange-100: #772917;
    --color-util-colors-orange-orange-200: #932f19;
    --color-util-colors-orange-orange-300: #b93815;
    --color-util-colors-orange-orange-400: #e04f16;
    --color-util-colors-orange-orange-500: #ef6820;
    --color-util-colors-orange-orange-600: #f38744;
    --color-util-colors-orange-orange-700: #f7b27a;
    --color-util-colors-orange-orange-100-transparent: #77291700;
    --color-util-colors-pink-pink-50: #4e0d30;
    --color-util-colors-pink-pink-100: #851651;
    --color-util-colors-pink-pink-200: #9e165f;
    --color-util-colors-pink-pink-300: #c11574;
    --color-util-colors-pink-pink-400: #dd2590;
    --color-util-colors-pink-pink-500: #ee46bc;
    --color-util-colors-pink-pink-600: #f670c7;
    --color-util-colors-pink-pink-700: #faa7e0;
    --color-util-colors-fuchsia-fuchsia-50: #47104c;
    --color-util-colors-fuchsia-fuchsia-100: #6f1877;
    --color-util-colors-fuchsia-fuchsia-200: #821890;
    --color-util-colors-fuchsia-fuchsia-300: #9f1ab1;
    --color-util-colors-fuchsia-fuchsia-400: #ba24d5;
    --color-util-colors-fuchsia-fuchsia-500: #d444f1;
    --color-util-colors-fuchsia-fuchsia-600: #e478fa;
    --color-util-colors-fuchsia-fuchsia-700: #eeaafd;
    --color-util-colors-purple-purple-50: #27115f;
    --color-util-colors-purple-purple-100: #3e1c96;
    --color-util-colors-purple-purple-200: #4a1fb8;
    --color-util-colors-purple-purple-300: #5925dc;
    --color-util-colors-purple-purple-400: #6938ef;
    --color-util-colors-purple-purple-500: #7a5af8;
    --color-util-colors-purple-purple-600: #9b8afb;
    --color-util-colors-purple-purple-700: #bdb4fe;
    --color-util-colors-indigo-indigo-50: #1f235b;
    --color-util-colors-indigo-indigo-100: #2d3282;
    --color-util-colors-indigo-indigo-200: #2d31a6;
    --color-util-colors-indigo-indigo-300: #3538cd;
    --color-util-colors-indigo-indigo-400: #444ce7;
    --color-util-colors-indigo-indigo-500: #6172f3;
    --color-util-colors-indigo-indigo-600: #8098f9;
    --color-util-colors-indigo-indigo-700: #a4bcfd;
    --color-util-colors-blue-blue-50: #102a56;
    --color-util-colors-blue-blue-100: #194185;
    --color-util-colors-blue-blue-200: #1849a9;
    --color-util-colors-blue-blue-300: #175cd3;
    --color-util-colors-blue-blue-400: #1570ef;
    --color-util-colors-blue-blue-500: #2e90fa;
    --color-util-colors-blue-blue-600: #53b1fd;
    --color-util-colors-blue-blue-700: #84caff;
    --color-util-colors-blue-light-blue-light-50: #062c41;
    --color-util-colors-blue-light-blue-light-100: #0b4a6f;
    --color-util-colors-blue-light-blue-light-200: #065986;
    --color-util-colors-blue-light-blue-light-300: #026aa2;
    --color-util-colors-blue-light-blue-light-400: #0086c9;
    --color-util-colors-blue-light-blue-light-500: #0ba5ec;
    --color-util-colors-blue-light-blue-light-600: #36bffa;
    --color-util-colors-blue-light-blue-light-700: #7cd4fd;
    --color-util-colors-gray-blue-gray-blue-50: #0d0f1c;
    --color-util-colors-gray-blue-gray-blue-100: #101323;
    --color-util-colors-gray-blue-gray-blue-200: #293056;
    --color-util-colors-gray-blue-gray-blue-300: #363f72;
    --color-util-colors-gray-blue-gray-blue-400: #3e4784;
    --color-util-colors-gray-blue-gray-blue-500: #4e5ba6;
    --color-util-colors-gray-blue-gray-blue-600: #717bbc;
    --color-util-colors-gray-blue-gray-blue-700: #b3b8db;
    --color-util-colors-blue-brand-blue-brand-50: #002066;
    --color-util-colors-blue-brand-blue-brand-100: #00329e;
    --color-util-colors-blue-brand-blue-brand-200: #003dc1;
    --color-util-colors-blue-brand-blue-brand-300: #004aeb;
    --color-util-colors-blue-brand-blue-brand-400: #155aef;
    --color-util-colors-blue-brand-blue-brand-500: #296dff;
    --color-util-colors-blue-brand-blue-brand-600: #5289ff;
    --color-util-colors-blue-brand-blue-brand-700: #84abff;
    --color-util-colors-red-red-50: #55160c;
    --color-util-colors-red-red-100: #7a271a;
    --color-util-colors-red-red-200: #912018;
    --color-util-colors-red-red-300: #b42318;
    --color-util-colors-red-red-400: #d92d20;
    --color-util-colors-red-red-500: #f04438;
    --color-util-colors-red-red-600: #f97066;
    --color-util-colors-red-red-700: #fda29b;
    --color-util-colors-green-green-50: #053321;
    --color-util-colors-green-green-100: #074d31;
    --color-util-colors-green-green-200: #085d3a;
    --color-util-colors-green-green-300: #067647;
    --color-util-colors-green-green-400: #079455;
    --color-util-colors-green-green-500: #17b26a;
    --color-util-colors-green-green-600: #47cd89;
    --color-util-colors-green-green-700: #75e0a7;
    --color-util-colors-warning-warning-50: #4e1d09;
    --color-util-colors-warning-warning-100: #7a2e0e;
    --color-util-colors-warning-warning-200: #93370d;
    --color-util-colors-warning-warning-300: #b54708;
    --color-util-colors-warning-warning-400: #dc6803;
    --color-util-colors-warning-warning-500: #f79009;
    --color-util-colors-warning-warning-600: #fdb022;
    --color-util-colors-warning-warning-700: #fec84b;
    --color-util-colors-yellow-yellow-50: #542c0d;
    --color-util-colors-yellow-yellow-100: #713b12;
    --color-util-colors-yellow-yellow-200: #854a0e;
    --color-util-colors-yellow-yellow-300: #a15c07;
    --color-util-colors-yellow-yellow-400: #ca8504;
    --color-util-colors-yellow-yellow-500: #eaaa08;
    --color-util-colors-yellow-yellow-600: #fac515;
    --color-util-colors-yellow-yellow-700: #fde272;
    --color-util-colors-teal-teal-50: #0a2926;
    --color-util-colors-teal-teal-100: #134e48;
    --color-util-colors-teal-teal-200: #125d56;
    --color-util-colors-teal-teal-300: #107569;
    --color-util-colors-teal-teal-400: #0e9384;
    --color-util-colors-teal-teal-500: #15b79e;
    --color-util-colors-teal-teal-600: #2ed3b7;
    --color-util-colors-teal-teal-700: #5fe9d0;
    --color-util-colors-cyan-cyan-50: #0d2d3a;
    --color-util-colors-cyan-cyan-100: #164c63;
    --color-util-colors-cyan-cyan-200: #155b75;
    --color-util-colors-cyan-cyan-300: #0e7090;
    --color-util-colors-cyan-cyan-400: #088ab2;
    --color-util-colors-cyan-cyan-500: #06aed4;
    --color-util-colors-cyan-cyan-600: #2ce;
    --color-util-colors-cyan-cyan-700: #67e3f9;
    --color-util-colors-violet-violet-50: #2e125e;
    --color-util-colors-violet-violet-100: #491c96;
    --color-util-colors-violet-violet-200: #5720b7;
    --color-util-colors-violet-violet-300: #6927da;
    --color-util-colors-violet-violet-400: #7839ee;
    --color-util-colors-violet-violet-500: #875bf7;
    --color-util-colors-violet-violet-600: #a48afb;
    --color-util-colors-violet-violet-700: #c3b5fd;
    --color-util-colors-gray-gray-50: #0c111c;
    --color-util-colors-gray-gray-100: #101828;
    --color-util-colors-gray-gray-200: #18222f;
    --color-util-colors-gray-gray-300: #354052;
    --color-util-colors-gray-gray-400: #495464;
    --color-util-colors-gray-gray-500: #676f83;
    --color-util-colors-gray-gray-600: #98a2b2;
    --color-util-colors-gray-gray-700: #d0d5dc;
    --color-util-colors-green-light-green-light-50: #15290a;
    --color-util-colors-green-light-green-light-100: #2b5314;
    --color-util-colors-green-light-green-light-200: #326212;
    --color-util-colors-green-light-green-light-300: #3b7c0f;
    --color-util-colors-green-light-green-light-500: #66c61c;
    --color-util-colors-green-light-green-light-400: #4ca30d;
    --color-util-colors-green-light-green-light-600: #85e13a;
    --color-util-colors-green-light-green-light-700: #a6ef67;
    --color-util-colors-rose-rose-50: #510b24;
    --color-util-colors-rose-rose-100: #89123e;
    --color-util-colors-rose-rose-200: #a11043;
    --color-util-colors-rose-rose-300: #c01048;
    --color-util-colors-rose-rose-400: #e31b54;
    --color-util-colors-rose-rose-500: #f63d68;
    --color-util-colors-rose-rose-600: #fd6f8e;
    --color-util-colors-rose-rose-700: #fea3b4;
    --color-util-colors-midnight-midnight-50: #171c22;
    --color-util-colors-midnight-midnight-100: #202431;
    --color-util-colors-midnight-midnight-200: #2f3648;
    --color-util-colors-midnight-midnight-300: #3e465e;
    --color-util-colors-midnight-midnight-400: #5d698d;
    --color-util-colors-midnight-midnight-500: #828dad;
    --color-util-colors-midnight-midnight-600: #a7aec5;
    --color-util-colors-midnight-midnight-700: #c6cbd9;
    --color-third-party-LangChain: #fff;
    --color-third-party-Langfuse: #fff;
    --color-third-party-Github: #fff;
    --color-third-party-Github-tertiary: #c8ceda99;
    --color-third-party-Github-secondary: #d9d9de;
    --color-third-party-model-bg-openai: #121212;
    --color-third-party-model-bg-anthropic: #1d1917;
    --color-third-party-model-bg-default: #1d1d20;
    --color-third-party-aws: #141f2e;
    --color-third-party-aws-alt: #192639;
    --color-saas-background: #0b0b0e;
    --color-saas-pricing-grid-bg: #c8ceda33;
    --color-saas-dify-blue-static: #03f;
    --color-saas-dify-blue-static-hover: #002cd6;
    --color-saas-dify-blue-accessible: #0a68ff;
    --color-saas-dify-blue-inverted: #fff;
    --color-saas-dify-blue-inverted-dimmed: #ffffffe0;
    --color-saas-background-inverted: #ffffffe6;
    --color-saas-background-inverted-hover: #fff;
    --color-dify-logo-blue: #e8e8e8;
    --color-dify-logo-black: #e8e8e8;
    --color-dify-logo-outline-1: #fff;
    --color-dify-logo-outline-2: #e8e8e8;
  }

  html[data-theme="light"] {
    --color-chatbot-bg: linear-gradient(180deg,
            #f9fafbe6 0%,
            #f2f4f7e6 90.48%);
    --color-chat-bubble-bg: linear-gradient(180deg,
            #fff 0%,
            #fff9 100%);
    --color-chat-input-mask: linear-gradient(180deg,
            #ffffff03 0%,
            #f2f4f7 100%);
    --color-workflow-process-bg: linear-gradient(90deg,
            #c8ceda33 0%,
            #c8ceda0a 100%);
    --color-workflow-process-paused-bg: linear-gradient(90deg,
            #fffaeb 0%,
            #fffaeb00 100%);
    --color-workflow-process-failed-bg: linear-gradient(90deg,
            #fef3f2 0%,
            #fef3f200 100%);
    --color-workflow-run-failed-bg: linear-gradient(98deg,
            #f044381a 0%,
            #fff0 26.01%);
    --color-workflow-batch-failed-bg: linear-gradient(92deg,
            #f0443840 0%,
            #fff0 100%);
    --color-marketplace-divider-bg: linear-gradient(90deg,
            #10182814 0%,
            #fff0 100%);
    --color-marketplace-plugin-empty: linear-gradient(180deg,
            #fff0 0%,
            #fcfcfd 100%);
    --color-toast-success-bg: linear-gradient(92deg,
            #17b26a40 0%,
            #fff0 100%);
    --color-toast-warning-bg: linear-gradient(92deg,
            #f7900940 0%,
            #fff0 100%);
    --color-toast-error-bg: linear-gradient(92deg,
            #f0443840 0%,
            #fff0 100%);
    --color-toast-info-bg: linear-gradient(92deg,
            #0ba5ec40 0%);
    --color-account-teams-bg: linear-gradient(271deg,
            #f9fafbe6 -0.1%,
            #f2f4f7e6 98.26%);
    --color-app-detail-bg: linear-gradient(169deg,
            #f2f4f7 1.18%,
            #f9fafb 99.52%);
    --color-app-detail-overlay-bg: linear-gradient(270deg,
            #0000 0%,
            #10182803 8%,
            #1018282e 100%);
    --color-dataset-warning-message-bg: linear-gradient(92deg, #f7900940 0%, #fff0 100%);
    --color-dataset-chunk-process-success-bg: linear-gradient(92deg, #17b26a40 0%, #fff0 100%);
    --color-dataset-chunk-process-error-bg: linear-gradient(92deg, #f0443840 0%, #fff0 100%);
    --color-dataset-chunk-detail-card-hover-bg: linear-gradient(180deg, #f2f4f7 0%, #f9fafb 100%);
    --color-dataset-child-chunk-expand-btn-bg: linear-gradient(90deg, #c8ceda33 0%, #c8ceda0a 100%);
    --color-dataset-option-card-blue-gradient: linear-gradient(90deg, #f2f4f7 0%, #f9fafb 100%);
    --color-dataset-option-card-purple-gradient: linear-gradient(90deg, #f0eefa 0%, #f9fafb 100%);
    --color-dataset-option-card-orange-gradient: linear-gradient(90deg, #f8f2ee 0%, #f9fafb 100%);
    --color-dataset-chunk-list-mask-bg: linear-gradient(180deg, #fff0 0%, #fcfcfd 100%);
    --mask-top2bottom-gray-50-to-transparent: linear-gradient(180deg,
            #f2f4f7e6 0%,
            #f2f4f70d 100%);
    --color-line-divider-bg: linear-gradient(90deg, #10182814 0%, #fff0 100%);
    --color-access-app-icon-mask-bg: linear-gradient(135deg, #ffffff1f 0%, #ffffff14 100%);
    --color-premium-yearly-tip-text-background: linear-gradient(91deg, #f79009 2.18%, #dc6803 108.79%);
    --color-premium-badge-background: linear-gradient(95deg, #98a2b2e6 0%, #676f83e6 105.58%);
    --color-premium-text-background: linear-gradient(92deg, #fcfcfdf2 0%, #f2f4f7f2 97.78%);
    --color-premium-badge-border-highlight-color: #fffffff2;
    --color-price-enterprise-background: linear-gradient(180deg, #b9d3ea00 0%, #b4d1eaeb 100%);
    --color-grid-mask-background: linear-gradient(0deg, #fff 0%, #d9d9d91a 62.25%, #d9d9d91a 100%);
    --color-node-data-source-bg: linear-gradient(100deg, var(--workflow-block-wrapper-bg-1, #e9ebf0) 0%, var(--workflow-block-wrapper-bg-2, #e9ebf033) 100%);
    --color-tag-selector-mask-bg: linear-gradient(90deg, #fcfcfd00 0%, #fcfcfd 100%);
    --color-tag-selector-mask-hover-bg: linear-gradient(90deg, #fff0 0%, #fff 100%);
    --color-pipeline-template-card-hover-bg: linear-gradient(0deg, #f9fafb 60.27%, #f9fafb00 100%);
    --color-pipeline-add-documents-title-bg: linear-gradient(92deg, #0ba5ecf2 0%, #155aeff2 97.78%);
    --color-background-gradient-bg-fill-chat-bubble-bg-3: #e1effe;
    --color-billing-plan-title-bg: linear-gradient(95deg, #03f 29.47%, #03f 105.31%);
    --color-billing-plan-card-premium-bg: linear-gradient(180deg, #f90 0%, #f900 100%);
    --color-billing-plan-card-enterprise-bg: linear-gradient(180deg, #03f 0%, #03f0 100%);
    --color-knowledge-pipeline-creation-footer-bg: linear-gradient(90deg, #fcfcfd 4.89%, #fff0 100%);
    --color-progress-bar-indeterminate-stripe: repeating-linear-gradient(-55deg, #d0d5dd, #d0d5dd 2px, transparent 2px, transparent 5px);
    --color-chat-answer-human-input-form-divider-bg: linear-gradient(0deg, #10182814 0%, #fff0 212.5%);
  }

  html[data-theme="dark"] {
    --color-chatbot-bg: linear-gradient(180deg,
            #222225e6 0%,
            #1d1d20e6 90.48%);
    --color-chat-bubble-bg: linear-gradient(180deg,
            #2a2b30 0%,
            #25262a 100%);
    --color-chat-input-mask: linear-gradient(180deg,
            #18181b0a 0%,
            #18181b99 100%);
    --color-workflow-process-bg: linear-gradient(90deg,
            #18181b40 0%,
            #18181b0a 100%);
    --color-workflow-process-paused-bg: linear-gradient(90deg,
            #f7900924 0%,
            #f7900900 100%);
    --color-workflow-process-failed-bg: linear-gradient(90deg,
            #f0443824 0%,
            #f0443800 100%);
    --color-workflow-run-failed-bg: linear-gradient(98deg,
            #f044381f 0%,
            #0000 26.01%);
    --color-workflow-batch-failed-bg: linear-gradient(92deg,
            #f044384d 0%,
            #0000 100%);
    --color-marketplace-divider-bg: linear-gradient(90deg,
            #c8ceda24 0%,
            #0000 100%);
    --color-marketplace-plugin-empty: linear-gradient(180deg,
            #0000 0%,
            #222225 100%);
    --color-toast-success-bg: linear-gradient(92deg,
            #17b26a4d 0%,
            #0000 100%);
    --color-toast-warning-bg: linear-gradient(92deg,
            #f790094d 0%,
            #0000 100%);
    --color-toast-error-bg: linear-gradient(92deg,
            #f044384d 0%,
            #0000 100%);
    --color-toast-info-bg: linear-gradient(92deg,
            #0ba5ec4d 0%);
    --color-account-teams-bg: linear-gradient(271deg,
            #222225e6 -0.1%,
            #1d1d20e6 98.26%);
    --color-app-detail-bg: linear-gradient(169deg,
            #1d1d20 1.18%,
            #222225 99.52%);
    --color-app-detail-overlay-bg: linear-gradient(270deg,
            #0000 0%,
            #18181b05 8%,
            #18181b8a 100%);
    --color-dataset-warning-message-bg: linear-gradient(92deg, #f790094d 0%, #0000 100%);
    --color-dataset-chunk-process-success-bg: linear-gradient(92deg, #17b26a4d 0%, #0000 100%);
    --color-dataset-chunk-process-error-bg: linear-gradient(92deg, #f044384d 0%, #0000 100%);
    --color-dataset-chunk-detail-card-hover-bg: linear-gradient(180deg, #1d1d20 0%, #222225 100%);
    --color-dataset-child-chunk-expand-btn-bg: linear-gradient(90deg, #18181b40 0%, #18181b0a 100%);
    --color-dataset-option-card-blue-gradient: linear-gradient(90deg, #24252e 0%, #1e1e21 100%);
    --color-dataset-option-card-purple-gradient: linear-gradient(90deg, #25242e 0%, #1e1e21 100%);
    --color-dataset-option-card-orange-gradient: linear-gradient(90deg, #2b2322 0%, #1e1e21 100%);
    --color-dataset-chunk-list-mask-bg: linear-gradient(180deg, #22222500 0%, #222225 100%);
    --mask-top2bottom-gray-50-to-transparent: linear-gradient(180deg,
            #1d1d20e6 0%,
            #1d1d2014 100%);
    --color-line-divider-bg: linear-gradient(90deg, #c8ceda24 0%, #0000 100%);
    --color-access-app-icon-mask-bg: linear-gradient(135deg, #fff3 0%, #ffffff08 100%);
    --color-premium-yearly-tip-text-background: linear-gradient(91deg, #fdb022 2.18%, #f79009 108.79%);
    --color-premium-badge-background: linear-gradient(95deg, #676f83e6 0%, #495464e6 105.58%), var(--util-colors-gray-gray-200, #18222f);
    --color-premium-text-background: linear-gradient(92deg, #f9fafbf2 0%, #e9ebf0f2 97.78%);
    --color-premium-badge-border-highlight-color: #fff3;
    --color-price-enterprise-background: linear-gradient(180deg, #b9d3ea00 0%, #b4d1eaeb 100%);
    --color-grid-mask-background: linear-gradient(0deg, #0000 0%, #1818191a 62.25%, #1818191a 100%);
    --color-node-data-source-bg: linear-gradient(100deg, var(--workflow-block-wrapper-bg-1, #27272b) 0%, var(--workflow-block-wrapper-bg-2, #27272b33) 100%);
    --color-tag-selector-mask-bg: linear-gradient(90deg, #22222500 0%, #222225 100%);
    --color-tag-selector-mask-hover-bg: linear-gradient(90deg, #27272b00 0%, #27272b 100%);
    --color-pipeline-template-card-hover-bg: linear-gradient(0deg, #3a3a40 60.27%, #3a3a4000 100%);
    --color-pipeline-add-documents-title-bg: linear-gradient(92deg, #36bffa 0%, #296dff 97.78%);
    --color-background-gradient-bg-fill-chat-bubble-bg-3: #27314d;
    --color-billing-plan-title-bg: linear-gradient(95deg, #0a68ff 29.47%, #03f 105.31%);
    --color-billing-plan-card-premium-bg: linear-gradient(180deg, #f90 0%, #f900 100%);
    --color-billing-plan-card-enterprise-bg: linear-gradient(180deg, #03f 0%, #03f0 100%);
    --color-knowledge-pipeline-creation-footer-bg: linear-gradient(90deg, #222225 4.89%, #0000 100%);
    --color-progress-bar-indeterminate-stripe: repeating-linear-gradient(-55deg, #3a3a40, #3a3a40 2px, transparent 2px, transparent 5px);
    --color-chat-answer-human-input-form-divider-bg: linear-gradient(0deg, #c8ceda24 0%, #0000 212.5%);
  }

  html[data-theme="light"] {
    --color-util-colors-blue-brand-blue-brand-50: #eef2ff;
    --color-util-colors-blue-brand-blue-brand-100: #dae1ff;
    --color-util-colors-blue-brand-blue-brand-200: #bcc7ff;
    --color-util-colors-blue-brand-blue-brand-300: #97a8ff;
    --color-util-colors-blue-brand-blue-brand-400: #7a8eff;
    --color-util-colors-blue-brand-blue-brand-500: #7390ff;
    --color-util-colors-blue-brand-blue-brand-600: #5170ff;
    --color-util-colors-blue-brand-blue-brand-700: #3d5ae0;
    --color-text-accent: #5170ff;
    --color-text-accent-secondary: #7390ff;
    --color-text-accent-light-mode-only: #5170ff;
    --color-text-text-selected: #5170ff24;
    --color-components-button-primary-bg: #5170ff;
    --color-components-button-primary-bg-hover: #3d5ae0;
    --color-components-button-primary-bg-disabled: #5170ff24;
    --color-components-button-secondary-accent-text: #5170ff;
    --color-components-checkbox-bg: #5170ff;
    --color-components-checkbox-bg-hover: #3d5ae0;
    --color-components-radio-border-checked: #5170ff;
    --color-components-radio-border-checked-hover: #3d5ae0;
    --color-components-toggle-bg: #5170ff;
    --color-components-toggle-bg-hover: #3d5ae0;
    --color-components-input-border-active-prompt-2: #5170ff;
    --color-components-main-nav-nav-button-text-active: #5170ff;
    --color-components-menu-item-bg-active: #5170ff14;
    --color-components-tab-active: #5170ff;
    --color-components-slider-range: #7390ff;
    --color-components-option-card-option-selected-border: #7390ff;
    --color-components-dropzone-bg-accent: #5170ff24;
    --color-components-chart-line: #7390ff;
    --color-components-chart-area-1: #5170ff24;
    --color-components-chart-area-2: #5170ff0a;
    --color-components-chart-current-1: #5170ff;
    --color-components-progress-brand-progress: #7390ff;
    --color-components-progress-brand-border: #7390ff;
    --color-components-progress-brand-bg: #5170ff0a;
    --color-components-progress-bar-bg: #5170ff0a;
    --color-components-progress-bar-progress: #5170ff24;
    --color-components-progress-bar-progress-solid: #7390ff;
    --color-components-progress-bar-progress-highlight: #5170ff33;
    --color-components-chat-input-audio-wave-default: #5170ff33;
    --color-components-chat-input-audio-wave-active: #7390ff;
    --color-components-premium-badge-blue-bg-stop-100: #5170ff;
    --color-components-premium-badge-blue-stroke-stop-100: #5170ff;
    --color-components-premium-badge-blue-bg-stop-0-hover: #7390ff;
    --color-components-premium-badge-blue-bg-stop-100-hover: #3d5ae0;
    --color-components-icon-bg-blue-solid: #5170ff;
    --color-workflow-block-border-highlight: #5170ff24;
    --color-workflow-link-line-active: #7390ff;
    --color-workflow-link-line-handle: #7390ff;
    --color-workflow-test-run-run-status-bg: #5170ff14;
    --color-workflow-test-run-text: #3d5ae0;
    --color-workflow-test-run-run-status-bg-alt: #5170ff24;
    --color-state-accent-hover: #eef2ff;
    --color-state-accent-active: #5170ff14;
    --color-state-accent-hover-alt: #dae1ff;
    --color-state-accent-solid: #7390ff;
    --color-state-accent-active-alt: #5170ff24;
    --color-pipeline-add-documents-title-bg: linear-gradient(92deg, #0ba5ecf2 0%, #5170fff2 97.78%);
    --color-billing-plan-title-bg: linear-gradient(95deg, #5170ff 29.47%, #3d5ae0 105.31%);
    --color-billing-plan-card-enterprise-bg: linear-gradient(180deg, #5170ff 0%, #5170ff00 100%);
  }

  html[data-theme="dark"] {
    --color-util-colors-blue-brand-blue-brand-50: #0a144c;
    --color-util-colors-blue-brand-blue-brand-100: #152375;
    --color-util-colors-blue-brand-blue-brand-200: #1e309c;
    --color-util-colors-blue-brand-blue-brand-300: #3d5ae0;
    --color-util-colors-blue-brand-blue-brand-400: #5170ff;
    --color-util-colors-blue-brand-blue-brand-500: #7390ff;
    --color-util-colors-blue-brand-blue-brand-600: #97a8ff;
    --color-util-colors-blue-brand-blue-brand-700: #bcc7ff;
    --color-text-text-selected: #5170ff4d;
    --color-components-button-primary-bg: #5170ff;
    --color-components-button-primary-bg-hover: #7390ff;
    --color-components-checkbox-bg: #7390ff;
    --color-components-checkbox-bg-disabled-checked: #5170ff33;
    --color-components-radio-border-checked: #7390ff;
    --color-components-radio-border-checked-disabled: #5170ff33;
    --color-components-toggle-bg: #7390ff;
    --color-components-input-border-active-prompt-2: #7390ff;
    --color-components-tab-active: #7390ff;
    --color-components-segmented-control-item-active-accent-bg: #5170ff33;
    --color-components-segmented-control-item-active-accent-border: #5170ff4d;
    --color-components-slider-range: #7390ff;
    --color-components-dropzone-bg-accent: #5170ff33;
    --color-components-chart-area-1: #5170ff33;
    --color-components-chart-area-2: #5170ff0a;
    --color-components-chart-current-2: #5170ff4d;
    --color-components-progress-brand-bg: #5170ff0a;
    --color-components-chat-input-audio-bg: #5170ff33;
    --color-components-premium-badge-blue-bg-stop-100: #7390ff;
    --color-components-premium-badge-blue-stroke-stop-100: #7390ff;
    --color-components-premium-badge-blue-glow: #3d5ae0;
    --color-components-premium-badge-blue-bg-stop-100-hover: #3d5ae0;
    --color-components-premium-badge-blue-stroke-stop-100-hover: #7390ff;
    --color-components-icon-bg-blue-solid: #5170ff;
    --color-components-icon-bg-blue-soft: #5170ff33;
    --color-workflow-test-run-run-status-bg: #5170ff80;
    --color-state-accent-hover: #5170ff24;
    --color-state-accent-active: #5170ff24;
    --color-state-accent-hover-alt: #5170ff40;
    --color-state-accent-active-alt: #5170ff33;
    --color-pipeline-add-documents-title-bg: linear-gradient(92deg, #36bffa 0%, #7390ff 97.78%);
    --color-billing-plan-title-bg: linear-gradient(95deg, #7390ff 29.47%, #5170ff 105.31%);
    --color-billing-plan-card-enterprise-bg: linear-gradient(180deg, #5170ff 0%, #5170ff00 100%);
  }

  html[data-theme="dark"] .monaco-editor .sticky-widget {
    background-color: var(--color-components-sticky-header-bg) !important;
    border-bottom: 1px solid var(--color-components-sticky-header-border) !important;
    box-shadow: var(--vscode-editorStickyScroll-shadow) 0 4px 2px -2px !important;
  }

  html[data-theme="dark"] .monaco-editor .sticky-line-content:hover {
    background-color: var(--color-components-sticky-header-bg-hover) !important;
  }

  html[data-theme="dark"] .monaco-editor .sticky-line-root {
    background-color: var(--color-components-sticky-header-bg) !important;
  }

  *, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    appearance: button;
  }

  ::file-selector-button {
    -webkit-appearance: button;
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  *, :after, :before {
    border-color: var(--color-gray-200, currentcolor);
  }

  ::backdrop {
    border-color: var(--color-gray-200, currentcolor);
  }

  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
}

[data-dify-scrollbar]:before, [data-dify-scrollbar]:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  border-radius: 9999px;
  transition: opacity .15s;
  position: absolute;
}

[data-dify-scrollbar][data-orientation="vertical"]:before {
  background: linear-gradient(to bottom, var(--color-components-panel-bg), transparent);
  width: 4px;
  height: 12px;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
}

[data-dify-scrollbar][data-orientation="vertical"]:after {
  background: linear-gradient(to top, var(--color-components-panel-bg), transparent);
  width: 4px;
  height: 12px;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
}

[data-dify-scrollbar][data-orientation="horizontal"]:before {
  background: linear-gradient(to right, var(--color-components-panel-bg), transparent);
  width: 12px;
  height: 4px;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
}

[data-dify-scrollbar][data-orientation="horizontal"]:after {
  background: linear-gradient(to left, var(--color-components-panel-bg), transparent);
  width: 12px;
  height: 4px;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}

[data-dify-scrollbar][data-orientation="vertical"]:not([data-overflow-y-start]):before, [data-dify-scrollbar][data-orientation="vertical"]:not([data-overflow-y-end]):after, [data-dify-scrollbar][data-orientation="horizontal"]:not([data-overflow-x-start]):before, [data-dify-scrollbar][data-orientation="horizontal"]:not([data-overflow-x-end]):after {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  [data-dify-scrollbar]:before, [data-dify-scrollbar]:after {
    transition: none;
  }
}

@layer theme {
  :root, :host {
    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: lab(96.5005% 4.18508 1.52328);
    --color-red-100: lab(92.243% 10.2865 3.83865);
    --color-red-200: lab(86.017% 19.8815 7.75869);
    --color-red-300: lab(76.5514% 36.422 15.5335);
    --color-red-400: lab(63.7053% 60.745 31.3109);
    --color-red-500: lab(55.4814% 75.0732 48.8528);
    --color-red-600: lab(48.4493% 77.4328 61.5452);
    --color-red-700: lab(40.4273% 67.2623 53.7441);
    --color-red-800: lab(33.7174% 55.8993 41.0293);
    --color-orange-50: lab(97.7008% 1.53735 5.90649);
    --color-orange-100: lab(94.7127% 3.58394 14.3151);
    --color-orange-400: lab(70.0429% 42.5156 75.8207);
    --color-orange-600: lab(57.1026% 64.2584 89.8886);
    --color-orange-800: lab(37.1566% 46.6433 50.5562);
    --color-orange-900: lab(30.2951% 36.0434 37.671);
    --color-amber-50: lab(98.6252% -.635922 8.42309);
    --color-amber-200: lab(91.7203% -.505269 49.9084);
    --color-amber-300: lab(86.4156% 6.13147 78.3961);
    --color-amber-400: lab(80.1641% 16.6016 99.2089);
    --color-amber-500: lab(72.7183% 31.8672 97.9407);
    --color-amber-600: lab(60.3514% 40.5624 87.1228);
    --color-yellow-50: lab(98.6846% -1.79055 9.7766);
    --color-yellow-300: lab(89.7033% -.480294 84.4917);
    --color-yellow-600: lab(62.7799% 22.4197 86.1544);
    --color-yellow-900: lab(32.3865% 21.1273 38.5959);
    --color-green-500: lab(70.5521% -66.5147 45.8073);
    --color-green-600: lab(59.0978% -58.6621 41.2579);
    --color-green-700: lab(47.0329% -47.0239 31.4788);
    --color-green-900: lab(30.797% -29.6927 17.382);
    --color-emerald-50: lab(97.8462% -6.94966 1.85487);
    --color-emerald-100: lab(94.9004% -17.0769 5.63836);
    --color-emerald-200: lab(90.2247% -31.039 9.47084);
    --color-emerald-300: lab(83.9203% -48.7124 13.8849);
    --color-emerald-400: lab(75.0771% -60.7313 19.4147);
    --color-emerald-500: lab(66.9756% -58.27 19.5419);
    --color-emerald-600: lab(55.0481% -49.9246 15.93);
    --color-emerald-950: lab(15.0582% -17.9507 2.38369);
    --color-cyan-50: lab(98.3304% -5.97432 -2.62108);
    --color-cyan-200: lab(91.0821% -24.0435 -12.8306);
    --color-sky-300: lab(80.3307% -20.2945 -31.385);
    --color-sky-400: lab(70.687% -23.6078 -45.9483);
    --color-sky-500: lab(63.3038% -18.433 -51.0407);
    --color-blue-50: lab(96.492% -1.14644 -5.11479);
    --color-blue-100: lab(92.0301% -2.24757 -11.6453);
    --color-blue-200: lab(86.15% -4.04379 -21.0797);
    --color-blue-300: lab(77.5052% -6.4629 -36.42);
    --color-blue-400: lab(65.0361% -1.42065 -56.9802);
    --color-blue-600: lab(44.0605% 29.0279 -86.0352);
    --color-blue-700: lab(36.9089% 35.0961 -85.6872);
    --color-blue-800: lab(30.2514% 27.7853 -70.2699);
    --color-blue-900: lab(26.1542% 15.7545 -51.5504);
    --color-blue-950: lab(15.6723% 8.86232 -32.2945);
    --color-indigo-500: lab(48.295% 38.3129 -81.9673);
    --color-indigo-700: lab(32.4486% 49.2217 -84.6695);
    --color-violet-300: lab(76.7419% 18.3911 -37.0706);
    --color-violet-400: lab(62.8239% 34.9159 -60.0512);
    --color-violet-500: lab(49.9355% 55.1776 -81.8963);
    --color-purple-100: lab(93.3333% 6.97437 -9.83434);
    --color-purple-500: lab(52.0183% 66.11 -78.2316);
    --color-purple-600: lab(43.0295% 75.21 -86.5669);
    --color-purple-800: lab(30.6017% 56.7637 -64.4751);
    --color-purple-900: lab(24.9401% 45.2703 -51.2728);
    --color-fuchsia-50: lab(97.1083% 4.46233 -4.09334);
    --color-fuchsia-200: lab(87.7108% 19.9958 -18.2054);
    --color-rose-50: lab(96.2369% 4.94155 1.28011);
    --color-rose-100: lab(92.8221% 9.86832 2.60075);
    --color-rose-200: lab(86.806% 19.1909 4.07754);
    --color-rose-400: lab(64.4125% 63.0291 19.2068);
    --color-rose-500: lab(56.101% 79.4328 31.4532);
    --color-slate-50: lab(98.1434% -.369519 -1.05966);
    --color-slate-100: lab(96.286% -.852436 -2.46847);
    --color-slate-200: lab(91.7353% -.998765 -4.76968);
    --color-slate-300: lab(84.7652% -1.94535 -7.93337);
    --color-slate-400: lab(65.5349% -2.25151 -14.5072);
    --color-slate-500: lab(48.0876% -2.03595 -16.5814);
    --color-slate-600: lab(35.5623% -1.74978 -15.4316);
    --color-slate-700: lab(26.9569% -1.47016 -15.6993);
    --color-slate-800: lab(16.132% -.318035 -14.6672);
    --color-slate-900: lab(7.78673% 1.82345 -15.0537);
    --color-slate-950: lab(1.76974% 1.32743 -9.28855);
    --color-zinc-50: lab(98.26% 0 0);
    --color-zinc-200: lab(90.6853% .399232 -1.45452);
    --color-zinc-300: lab(84.9837% .601262 -2.17986);
    --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
    --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
    --color-zinc-600: lab(35.1166% 1.78212 -6.1173);
    --color-zinc-700: lab(26.8019% 1.35387 -4.68303);
    --color-zinc-800: lab(15.7305% .613764 -2.16959);
    --color-zinc-900: lab(8.30603% .618205 -2.16572);
    --color-zinc-950: lab(2.51107% .242703 -.886115);
    --color-stone-100: lab(96.5286% -.0991821 .364268);
    --color-stone-200: lab(91.055% .663072 .865579);
    --color-stone-300: lab(84.7909% .928015 1.59738);
    --color-stone-400: lab(66.2166% 1.88044 3.20326);
    --color-stone-500: lab(48.1164% 2.35701 4.26852);
    --color-stone-600: lab(35.5168% 1.08604 4.07829);
    --color-stone-700: lab(27.3812% 1.32917 3.57789);
    --color-stone-800: lab(15.0353% 1.96067 1.53427);
    --color-stone-900: lab(9.03835% 1.15298 1.92955);
    --color-stone-950: lab(2.86037% .455312 .568903);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer components {
  html {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  html[data-theme="dark"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  html[data-changing-theme] * {
    transition: none !important;
  }

  [class*="code-"] {
    font-family: var(--font-mono);
  }

  .text-gradient {
    background: linear-gradient(91.58deg, #2250f2 -29.55%, #0ebcf3 75.22%);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-clip: text;
  }

  [data-theme="dark"] [data-hide-on-theme="dark"], [data-theme="light"] [data-hide-on-theme="light"] {
    display: none;
  }

  .shiki-line-numbers code {
    counter-reset: line;
  }

  .shiki-line-numbers .line:before {
    counter-increment: line;
    content: counter(line);
    text-align: right;
    width: 1rem;
    color: var(--color-text-quaternary);
    -webkit-user-select: none;
    user-select: none;
    margin-right: .75rem;
    display: inline-block;
  }
}

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .\!collapse {
    visibility: collapse !important;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .premium-badge {
    box-sizing: border-box;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    color: var(--color-white);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .1s;
    --tw-ease: var(--ease-out);
    transition-duration: .1s;
    transition-timing-function: var(--ease-out);
    background-origin: border-box;
    border-width: 1px;
    border-color: #0000;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  @media (hover: hover) {
    .premium-badge:hover {
      --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, #10182808), 0px 12px 16px -4px var(--tw-shadow-color, #10182814);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .premium-badge {
    background-clip: padding-box, border-box;
  }

  .segmented-control-item {
    border-style: var(--tw-border-style);
    border-width: .5px;
    border-color: #0000;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .\!absolute {
    position: absolute !important;
  }

  .absolute {
    position: absolute;
  }

  .absolute\! {
    position: absolute !important;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .-inset-px {
    inset: -1px;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-0\.5 {
    inset: calc(var(--spacing) * .5);
  }

  .inset-\[-2px\] {
    inset: -2px;
  }

  .inset-\[1\.5px\] {
    inset: 1.5px;
  }

  .inset-\[6px\] {
    inset: 6px;
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .inset-s-1 {
    inset-inline-start: calc(var(--spacing) * 1);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .start\! {
    inset-inline-start: var(--spacing) !important;
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .end\! {
    inset-inline-end: var(--spacing) !important;
  }

  .end-1, .inset-e-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }

  .-top-2 {
    top: calc(var(--spacing) * -2);
  }

  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }

  .-top-3 {
    top: calc(var(--spacing) * -3);
  }

  .-top-7 {
    top: calc(var(--spacing) * -7);
  }

  .-top-12 {
    top: calc(var(--spacing) * -12);
  }

  .-top-28 {
    top: calc(var(--spacing) * -28);
  }

  .-top-\[5px\] {
    top: -5px;
  }

  .-top-\[9px\] {
    top: -9px;
  }

  .-top-px {
    top: -1px;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-1\/2\! {
    top: 50% !important;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-4\! {
    top: calc(var(--spacing) * 4) !important;
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-7 {
    top: calc(var(--spacing) * 7);
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-9 {
    top: calc(var(--spacing) * 9);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-12 {
    top: calc(var(--spacing) * 12);
  }

  .top-14 {
    top: calc(var(--spacing) * 14);
  }

  .top-32 {
    top: calc(var(--spacing) * 32);
  }

  .top-\[-2px\] {
    top: -2px;
  }

  .top-\[-3\.5px\] {
    top: -3.5px;
  }

  .top-\[-3px\] {
    top: -3px;
  }

  .top-\[-4px\] {
    top: -4px;
  }

  .top-\[-9px\] {
    top: -9px;
  }

  .top-\[-11px\] {
    top: -11px;
  }

  .top-\[-12px\] {
    top: -12px;
  }

  .top-\[-16px\] {
    top: -16px;
  }

  .top-\[-22px\] {
    top: -22px;
  }

  .top-\[-32px\] {
    top: -32px;
  }

  .top-\[-34px\] {
    top: -34px;
  }

  .top-\[-41px\] {
    top: -41px;
  }

  .top-\[3\.5px\] {
    top: 3.5px;
  }

  .top-\[3px\] {
    top: 3px;
  }

  .top-\[8px\] {
    top: 8px;
  }

  .top-\[9px\] {
    top: 9px;
  }

  .top-\[9px\]\! {
    top: 9px !important;
  }

  .top-\[13px\] {
    top: 13px;
  }

  .top-\[20px\] {
    top: 20px;
  }

  .top-\[21px\] {
    top: 21px;
  }

  .top-\[24px\] {
    top: 24px;
  }

  .top-\[26px\] {
    top: 26px;
  }

  .top-\[30px\] {
    top: 30px;
  }

  .top-\[34px\] {
    top: 34px;
  }

  .top-\[36px\] {
    top: 36px;
  }

  .top-\[41px\] {
    top: 41px;
  }

  .top-\[43px\] {
    top: 43px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[52px\] {
    top: 52px;
  }

  .top-\[60px\] {
    top: 60px;
  }

  .top-\[112px\] {
    top: 112px;
  }

  .top-\[166px\] {
    top: 166px;
  }

  .top-\[244px\] {
    top: 244px;
  }

  .top-full {
    top: 100%;
  }

  .top-px {
    top: 1px;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }

  .-right-2 {
    right: calc(var(--spacing) * -2);
  }

  .-right-2\.5 {
    right: calc(var(--spacing) * -2.5);
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .-right-8 {
    right: calc(var(--spacing) * -8);
  }

  .-right-10 {
    right: calc(var(--spacing) * -10);
  }

  .-right-56 {
    right: calc(var(--spacing) * -56);
  }

  .-right-\[5px\] {
    right: -5px;
  }

  .-right-\[9px\] {
    right: -9px;
  }

  .-right-\[9px\]\! {
    right: -9px !important;
  }

  .-right-\[21px\]\! {
    right: -21px !important;
  }

  .-right-px {
    right: -1px;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-0\.5 {
    right: calc(var(--spacing) * .5);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-1\/2 {
    right: 50%;
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-4\! {
    right: calc(var(--spacing) * 4) !important;
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .right-8 {
    right: calc(var(--spacing) * 8);
  }

  .right-10 {
    right: calc(var(--spacing) * 10);
  }

  .right-16 {
    right: calc(var(--spacing) * 16);
  }

  .right-20 {
    right: calc(var(--spacing) * 20);
  }

  .right-24 {
    right: calc(var(--spacing) * 24);
  }

  .right-32 {
    right: calc(var(--spacing) * 32);
  }

  .right-40 {
    right: calc(var(--spacing) * 40);
  }

  .right-48 {
    right: calc(var(--spacing) * 48);
  }

  .right-\[-2px\] {
    right: -2px;
  }

  .right-\[-4px\] {
    right: -4px;
  }

  .right-\[-18px\] {
    right: -18px;
  }

  .right-\[-45px\] {
    right: -45px;
  }

  .right-\[-184px\] {
    right: -184px;
  }

  .right-\[-198px\] {
    right: -198px;
  }

  .right-\[4px\] {
    right: 4px;
  }

  .right-\[5px\] {
    right: 5px;
  }

  .right-\[6px\] {
    right: 6px;
  }

  .right-\[8px\] {
    right: 8px;
  }

  .right-\[9px\] {
    right: 9px;
  }

  .right-\[12px\] {
    right: 12px;
  }

  .right-\[14px\] {
    right: 14px;
  }

  .right-\[30px\] {
    right: 30px;
  }

  .right-\[38px\] {
    right: 38px;
  }

  .right-px {
    right: 1px;
  }

  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -.5);
  }

  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }

  .-bottom-1\.5 {
    bottom: calc(var(--spacing) * -1.5);
  }

  .-bottom-4 {
    bottom: calc(var(--spacing) * -4);
  }

  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }

  .-bottom-72 {
    bottom: calc(var(--spacing) * -72);
  }

  .-bottom-px {
    bottom: -1px;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-0\.5 {
    bottom: calc(var(--spacing) * .5);
  }

  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-10\! {
    bottom: calc(var(--spacing) * 10) !important;
  }

  .bottom-14 {
    bottom: calc(var(--spacing) * 14);
  }

  .bottom-14\! {
    bottom: calc(var(--spacing) * 14) !important;
  }

  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }

  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }

  .bottom-\[-4px\] {
    bottom: -4px;
  }

  .bottom-\[-10px\] {
    bottom: -10px;
  }

  .bottom-\[-14px\] {
    bottom: -14px;
  }

  .bottom-\[-17px\] {
    bottom: -17px;
  }

  .bottom-\[-71px\] {
    bottom: -71px;
  }

  .bottom-\[-76px\] {
    bottom: -76px;
  }

  .bottom-\[8px\] {
    bottom: 8px;
  }

  .bottom-\[40\.5px\] {
    bottom: 40.5px;
  }

  .bottom-\[45px\] {
    bottom: 45px;
  }

  .bottom-\[76px\] {
    bottom: 76px;
  }

  .bottom-px {
    bottom: 1px;
  }

  .-left-0\.5 {
    left: calc(var(--spacing) * -.5);
  }

  .-left-1 {
    left: calc(var(--spacing) * -1);
  }

  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }

  .-left-4 {
    left: calc(var(--spacing) * -4);
  }

  .-left-5 {
    left: calc(var(--spacing) * -5);
  }

  .-left-11 {
    left: calc(var(--spacing) * -11);
  }

  .-left-\[9px\] {
    left: -9px;
  }

  .-left-\[9px\]\! {
    left: -9px !important;
  }

  .-left-\[27px\] {
    left: -27px;
  }

  .-left-px {
    left: -1px;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-3\/4 {
    left: 75%;
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-4\! {
    left: calc(var(--spacing) * 4) !important;
  }

  .left-5 {
    left: calc(var(--spacing) * 5);
  }

  .left-6 {
    left: calc(var(--spacing) * 6);
  }

  .left-8 {
    left: calc(var(--spacing) * 8);
  }

  .left-12 {
    left: calc(var(--spacing) * 12);
  }

  .left-14 {
    left: calc(var(--spacing) * 14);
  }

  .left-\[-2px\] {
    left: -2px;
  }

  .left-\[-3px\] {
    left: -3px;
  }

  .left-\[-4px\] {
    left: -4px;
  }

  .left-\[-7px\] {
    left: -7px;
  }

  .left-\[-8px\] {
    left: -8px;
  }

  .left-\[-10px\] {
    left: -10px;
  }

  .left-\[-12px\] {
    left: -12px;
  }

  .left-\[-14px\] {
    left: -14px;
  }

  .left-\[-16px\] {
    left: -16px;
  }

  .left-\[-18px\] {
    left: -18px;
  }

  .left-\[-21px\] {
    left: -21px;
  }

  .left-\[-35px\] {
    left: -35px;
  }

  .left-\[-44px\] {
    left: -44px;
  }

  .left-\[-248px\] {
    left: -248px;
  }

  .left-\[1\.05rem\] {
    left: 1.05rem;
  }

  .left-\[3px\] {
    left: 3px;
  }

  .left-\[5px\] {
    left: 5px;
  }

  .left-\[11px\] {
    left: 11px;
  }

  .left-\[14px\] {
    left: 14px;
  }

  .left-\[17px\] {
    left: 17px;
  }

  .left-\[20px\] {
    left: 20px;
  }

  .left-\[30px\] {
    left: 30px;
  }

  .left-\[36px\] {
    left: 36px;
  }

  .left-\[40px\] {
    left: 40px;
  }

  .left-\[46px\] {
    left: 46px;
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .left-\[60px\] {
    left: 60px;
  }

  .left-\[80px\] {
    left: 80px;
  }

  .left-\[100px\] {
    left: 100px;
  }

  .left-\[120px\] {
    left: 120px;
  }

  .left-\[140px\] {
    left: 140px;
  }

  .left-\[160px\] {
    left: 160px;
  }

  .left-\[180px\] {
    left: 180px;
  }

  .left-\[200px\] {
    left: 200px;
  }

  .left-\[224px\] {
    left: 224px;
  }

  .left-\[calc\(50\%\+6px\)\] {
    left: calc(50% + 6px);
  }

  .left-\[calc\(50\%\+8px\)\] {
    left: calc(50% + 8px);
  }

  .left-\[calc\(50\%-6px\)\] {
    left: calc(50% - 6px);
  }

  .left-\[calc\(50\%-8px\)\] {
    left: calc(50% - 8px);
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .-z-20 {
    z-index: calc(20 * -1);
  }

  .z-0 {
    z-index: 0;
  }

  .z-0\! {
    z-index: 0 !important;
  }

  .z-1 {
    z-index: 1;
  }

  .z-2 {
    z-index: 2;
  }

  .z-5 {
    z-index: 5;
  }

  .z-9 {
    z-index: 9;
  }

  .z-10 {
    z-index: 10;
  }

  .z-11 {
    z-index: 11;
  }

  .z-12 {
    z-index: 12;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-31 {
    z-index: 31;
  }

  .z-32 {
    z-index: 32;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-51 {
    z-index: 51;
  }

  .z-60 {
    z-index: 60;
  }

  .z-61 {
    z-index: 61;
  }

  .z-70 {
    z-index: 70;
  }

  .z-80 {
    z-index: 80;
  }

  .z-99 {
    z-index: 99;
  }

  .z-100 {
    z-index: 100;
  }

  .z-101\! {
    z-index: 101 !important;
  }

  .z-102\! {
    z-index: 102 !important;
  }

  .z-999 {
    z-index: 999;
  }

  .z-1000 {
    z-index: 1000;
  }

  .z-1001 {
    z-index: 1001;
  }

  .z-1002 {
    z-index: 1002;
  }

  .z-1002\! {
    z-index: 1002 !important;
  }

  .z-1003 {
    z-index: 1003;
  }

  .z-1040 {
    z-index: 1040;
  }

  .z-1050 {
    z-index: 1050;
  }

  .z-9998 {
    z-index: 9998;
  }

  .z-9999 {
    z-index: 9999;
  }

  .z-10000 {
    z-index: 10000;
  }

  .z-10000\! {
    z-index: 10000 !important;
  }

  .z-999999 {
    z-index: 999999;
  }

  .z-9999999 {
    z-index: 9999999;
  }

  .z-10000000 {
    z-index: 10000000;
  }

  .z-\[-1\] {
    z-index: -1;
  }

  .z-\[8\] {
    z-index: 8;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[70\] {
    z-index: 70;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .z-\[calc\(100-var\(--toast-index\)\)\] {
    z-index: calc(100 - var(--toast-index));
  }

  .col-1 {
    grid-column: 1;
  }

  .col-span-1 {
    grid-column: span 1 / span 1;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-7 {
    grid-column: span 7 / span 7;
  }

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 100px) {
    .container {
      max-width: 100px;
    }
  }

  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }

  @media (min-width: 769px) {
    .container {
      max-width: 769px;
    }
  }

  @media (min-width: 2560px) {
    .container {
      max-width: 2560px;
    }
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .container\! {
    width: 100% !important;
  }

  @media (min-width: 100px) {
    .container\! {
      max-width: 100px !important;
    }
  }

  @media (min-width: 640px) {
    .container\! {
      max-width: 640px !important;
    }
  }

  @media (min-width: 769px) {
    .container\! {
      max-width: 769px !important;
    }
  }

  @media (min-width: 2560px) {
    .container\! {
      max-width: 2560px !important;
    }
  }

  @media (min-width: 40rem) {
    .container\! {
      max-width: 40rem !important;
    }
  }

  @media (min-width: 48rem) {
    .container\! {
      max-width: 48rem !important;
    }
  }

  @media (min-width: 64rem) {
    .container\! {
      max-width: 64rem !important;
    }
  }

  @media (min-width: 80rem) {
    .container\! {
      max-width: 80rem !important;
    }
  }

  @media (min-width: 96rem) {
    .container\! {
      max-width: 96rem !important;
    }
  }

  .-m-px\! {
    margin: -1px !important;
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }

  .m-0\.5 {
    margin: calc(var(--spacing) * .5);
  }

  .m-1 {
    margin: calc(var(--spacing) * 1);
  }

  .m-2 {
    margin: calc(var(--spacing) * 2);
  }

  .m-3 {
    margin: calc(var(--spacing) * 3);
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .m-5 {
    margin: calc(var(--spacing) * 5);
  }

  .m-\[0\.5px\] {
    margin: .5px;
  }

  .m-auto {
    margin: auto;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .-mx-8 {
    margin-inline: calc(var(--spacing) * -8);
  }

  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5);
  }

  .mx-0\.5\! {
    margin-inline: calc(var(--spacing) * .5) !important;
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }

  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }

  .mx-3\! {
    margin-inline: calc(var(--spacing) * 3) !important;
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }

  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }

  .mx-12 {
    margin-inline: calc(var(--spacing) * 12);
  }

  .mx-\[7px\] {
    margin-inline: 7px;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-0\! {
    margin-block: calc(var(--spacing) * 0) !important;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-2\! {
    margin-block: calc(var(--spacing) * 2) !important;
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }

  .prose {
    --tw-prose-body: lab(26.8019% 1.35387 -4.68303);
    --tw-prose-headings: lab(8.30603% .618205 -2.16572);
    --tw-prose-links: lab(66.9756% -58.27 19.5419);
    --tw-prose-links-hover: lab(55.0481% -49.9246 15.93);
    --tw-prose-links-underline: lab(66.9756% -58.27 19.5419 / .3);
    --tw-prose-bold: lab(8.30603% .618205 -2.16572);
    --tw-prose-counters: lab(47.8878% 1.65477 -5.77283);
    --tw-prose-bullets: lab(84.9837% .601262 -2.17986);
    --tw-prose-hr: lab(8.30603% .618205 -2.16572 / .05);
    --tw-prose-quotes: lab(8.30603% .618205 -2.16572);
    --tw-prose-quote-borders: lab(90.6853% .399232 -1.45452);
    --tw-prose-captions: lab(47.8878% 1.65477 -5.77283);
    --tw-prose-code: lab(8.30603% .618205 -2.16572);
    --tw-prose-code-bg: lab(96.1634% .0993311 -.364041);
    --tw-prose-code-ring: lab(84.9837% .601262 -2.17986);
    --tw-prose-th-borders: lab(84.9837% .601262 -2.17986);
    --tw-prose-td-borders: lab(90.6853% .399232 -1.45452);
    --tw-prose-invert-body: lab(65.6464% 1.53497 -5.42429);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-links: lab(75.0771% -60.7313 19.4147);
    --tw-prose-invert-links-hover: lab(66.9756% -58.27 19.5419);
    --tw-prose-invert-links-underline: lab(66.9756% -58.27 19.5419 / .3);
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: lab(65.6464% 1.53497 -5.42429);
    --tw-prose-invert-bullets: lab(35.1166% 1.78212 -6.1173);
    --tw-prose-invert-hr: lab(100% -.0000298023 .0000119209 / .05);
    --tw-prose-invert-quotes: lab(96.1634% .0993311 -.364041);
    --tw-prose-invert-quote-borders: lab(26.8019% 1.35387 -4.68303);
    --tw-prose-invert-captions: lab(65.6464% 1.53497 -5.42429);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-code-bg: lab(26.8019% 1.35387 -4.68303 / .15);
    --tw-prose-invert-code-ring: lab(100% -.0000298023 .0000119209 / .1);
    --tw-prose-invert-th-borders: lab(35.1166% 1.78212 -6.1173);
    --tw-prose-invert-td-borders: lab(26.8019% 1.35387 -4.68303);
    color: var(--tw-prose-body);
    font-size: .875rem;
    line-height: 1.75rem;
  }

  .prose :where(.prose > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
  }

  @media (min-width: 1024px) {
    .prose :where(.prose > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      max-width: 48rem;
      margin-left: calc(50% - min(50%, 32rem));
      margin-right: calc(50% - min(50%, 32rem));
    }
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1rem;
    line-height: 1.5;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-left: 1.625rem;
    list-style-type: decimal;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-left: 1.625rem;
    list-style-type: disc;
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .prose :where(:is(ol, ul) > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-left: .375rem;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .prose :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25rem;
  }

  .prose :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25rem;
  }

  .prose :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25rem;
  }

  .prose :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25rem;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    max-width: none;
    margin: 4rem -1rem;
  }

  @media (min-width: 640px) {
    .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-left: -1.5rem;
      margin-right: -1.5rem;
    }
  }

  @media (min-width: 1024px) {
    .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-left: -2rem;
      margin-right: -2rem;
    }
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-left-width: .25rem;
    border-left-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 1.25rem;
    font-style: italic;
    font-weight: 500;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-bottom: .5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.33333;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 4rem;
    margin-bottom: .5rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.55556;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2.5rem;
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
  }

  .prose :where(img, video, figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .5rem;
    font-size: .75rem;
    line-height: 1.33333;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    text-align: left;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5rem;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    font-weight: 600;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-left: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-right: 0;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose :where(:is(tbody, tfoot) td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding: .5rem;
  }

  .prose :where(:is(tbody, tfoot) td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-left: 0;
  }

  .prose :where(:is(tbody, tfoot) td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-right: 0;
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    -webkit-text-decoration: underline #0000;
    text-decoration: underline #0000;
    transition-property: color, text-decoration-color;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)):hover {
    color: var(--tw-prose-links-hover);
    -webkit-text-decoration-color: var(--tw-prose-links-underline);
    text-decoration-color: var(--tw-prose-links-underline);
  }

  .prose :where(:is(h1, h2, h3) a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
  }

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .prose :where(:is(a, blockquote, thead th) strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    box-shadow: inset 0 0 0 1px var(--tw-prose-code-ring);
    background-color: var(--tw-prose-code-bg);
    border-radius: .5rem;
    padding: .25rem .375rem;
    font-size: .625rem;
  }

  .prose :where(:is(a, h1, h2, h3, blockquote, thead th) code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1rem;
    font-weight: inherit;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .875rem;
    font-weight: inherit;
  }

  .prose :where(:is(h1, h2, h3) + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0 !important;
  }

  .\!mt-14 {
    margin-top: calc(var(--spacing) * 14) !important;
  }

  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -.5);
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }

  .-mt-10 {
    margin-top: calc(var(--spacing) * -10);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-0\! {
    margin-top: calc(var(--spacing) * 0) !important;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-0\.5\! {
    margin-top: calc(var(--spacing) * .5) !important;
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\! {
    margin-top: calc(var(--spacing) * 2) !important;
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-4\! {
    margin-top: calc(var(--spacing) * 4) !important;
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-5\! {
    margin-top: calc(var(--spacing) * 5) !important;
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-14\! {
    margin-top: calc(var(--spacing) * 14) !important;
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mt-\[-2px\] {
    margin-top: -2px;
  }

  .mt-\[-4px\] {
    margin-top: -4px;
  }

  .mt-\[-8px\] {
    margin-top: -8px;
  }

  .mt-\[-14px\] {
    margin-top: -14px;
  }

  .mt-\[-349px\] {
    margin-top: -349px;
  }

  .mt-\[2px\] {
    margin-top: 2px;
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-\[9px\] {
    margin-top: 9px;
  }

  .mt-\[10px\] {
    margin-top: 10px;
  }

  .mt-\[14px\] {
    margin-top: 14px;
  }

  .mt-\[15px\] {
    margin-top: 15px;
  }

  .mt-\[28px\] {
    margin-top: 28px;
  }

  .mt-\[30px\] {
    margin-top: 30px;
  }

  .mt-\[64px\] {
    margin-top: 64px;
  }

  .mt-\[120px\] {
    margin-top: 120px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .\!mr-2 {
    margin-right: calc(var(--spacing) * 2) !important;
  }

  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -.5);
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }

  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }

  .mr-0\.5 {
    margin-right: calc(var(--spacing) * .5);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-1\! {
    margin-right: calc(var(--spacing) * 1) !important;
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-2\.5 {
    margin-right: calc(var(--spacing) * 2.5);
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }

  .mr-6 {
    margin-right: calc(var(--spacing) * 6);
  }

  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }

  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }

  .mr-\[3px\] {
    margin-right: 3px;
  }

  .mr-\[4\.5px\] {
    margin-right: 4.5px;
  }

  .mr-\[5px\] {
    margin-right: 5px;
  }

  .mr-\[7px\] {
    margin-right: 7px;
  }

  .mr-\[41px\] {
    margin-right: 41px;
  }

  .mr-auto {
    margin-right: auto;
  }

  .mr-px {
    margin-right: 1px;
  }

  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }

  .-mb-1\.5 {
    margin-bottom: calc(var(--spacing) * -1.5);
  }

  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .-mb-8 {
    margin-bottom: calc(var(--spacing) * -8);
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\! {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-\[2px\] {
    margin-bottom: 2px;
  }

  .mb-\[5px\] {
    margin-bottom: 5px;
  }

  .mb-\[12px\] {
    margin-bottom: 12px;
  }

  .mb-\[18px\] {
    margin-bottom: 18px;
  }

  .mb-\[44px\]\! {
    margin-bottom: 44px !important;
  }

  .\!ml-4 {
    margin-left: calc(var(--spacing) * 4) !important;
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5);
  }

  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }

  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\! {
    margin-left: calc(var(--spacing) * 1) !important;
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }

  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }

  .ml-\[1px\] {
    margin-left: 1px;
  }

  .ml-\[2\.5px\] {
    margin-left: 2.5px;
  }

  .ml-\[5px\] {
    margin-left: 5px;
  }

  .ml-\[7px\] {
    margin-left: 7px;
  }

  .ml-\[10px\] {
    margin-left: 10px;
  }

  .ml-\[60px\] {
    margin-left: 60px;
  }

  .ml-auto {
    margin-left: auto;
  }

  .ml-auto\! {
    margin-left: auto !important;
  }

  .ml-px {
    margin-left: 1px;
  }

  .box-border {
    box-sizing: border-box;
  }

  .box-content {
    box-sizing: content-box;
  }

  .i-custom-vender-knowledge-search-lines-sparkle {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath d='M12 7.33337V2.66671H4.00002V13.3334H8.00002C8.36821 13.3334 8.66669 13.6319 8.66669 14C8.66669 14.3682 8.36821 14.6667 8.00002 14.6667H3.33335C2.96516 14.6667 2.66669 14.3682 2.66669 14V2.00004C2.66669 1.63185 2.96516 1.33337 3.33335 1.33337H12.6667C13.0349 1.33337 13.3334 1.63185 13.3334 2.00004V7.33337C13.3334 7.70156 13.0349 8.00004 12.6667 8.00004C12.2985 8.00004 12 7.70156 12 7.33337Z' fill='black'/%3E%3Cpath d='M10 4.00004C10.3682 4.00004 10.6667 4.29852 10.6667 4.66671C10.6667 5.0349 10.3682 5.33337 10 5.33337H6.00002C5.63183 5.33337 5.33335 5.0349 5.33335 4.66671C5.33335 4.29852 5.63183 4.00004 6.00002 4.00004H10Z' fill='black'/%3E%3Cpath d='M8.00002 6.66671C8.36821 6.66671 8.66669 6.96518 8.66669 7.33337C8.66669 7.70156 8.36821 8.00004 8.00002 8.00004H6.00002C5.63183 8.00004 5.33335 7.70156 5.33335 7.33337C5.33335 6.96518 5.63183 6.66671 6.00002 6.66671H8.00002Z' fill='black'/%3E%3Cpath d='M12.827 10.7902L12.3624 9.58224C12.3048 9.43231 12.1607 9.33337 12 9.33337C11.8394 9.33337 11.6953 9.43231 11.6376 9.58224L11.173 10.7902C11.1054 10.9662 10.9662 11.1054 10.7902 11.173L9.58222 11.6376C9.43229 11.6953 9.33335 11.8394 9.33335 12C9.33335 12.1607 9.43229 12.3048 9.58222 12.3624L10.7902 12.827C10.9662 12.8947 11.1054 13.0338 11.173 13.2099L11.6376 14.4178C11.6953 14.5678 11.8394 14.6667 12 14.6667C12.1607 14.6667 12.3048 14.5678 12.3624 14.4178L12.827 13.2099C12.8947 13.0338 13.0338 12.8947 13.2099 12.827L14.4178 12.3624C14.5678 12.3048 14.6667 12.1607 14.6667 12C14.6667 11.8394 14.5678 11.6953 14.4178 11.6376L13.2099 11.173C13.0338 11.1054 12.8947 10.9662 12.827 10.7902Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-alertsAndFeedback-alert-triangle {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='alert-triangle'%3E%3Cpath id='Icon' d='M7.99977 5.33314V7.99981M7.99977 10.6665H8.00644M6.85977 1.90648L1.2131 11.3331C1.09668 11.5348 1.03508 11.7633 1.03443 11.9962C1.03378 12.229 1.0941 12.4579 1.20939 12.6602C1.32468 12.8624 1.49092 13.031 1.69157 13.149C1.89223 13.2671 2.1203 13.3306 2.3531 13.3331H13.6464C13.8792 13.3306 14.1073 13.2671 14.308 13.149C14.5086 13.031 14.6749 12.8624 14.7902 12.6602C14.9054 12.4579 14.9658 12.229 14.9651 11.9962C14.9645 11.7633 14.9029 11.5348 14.7864 11.3331L9.13977 1.90648C9.02092 1.71055 8.85358 1.54856 8.6539 1.43613C8.45422 1.32371 8.22893 1.26465 7.99977 1.26465C7.77061 1.26465 7.54532 1.32371 7.34564 1.43613C7.14596 1.54856 6.97862 1.71055 6.85977 1.90648Z' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-arrows-arrow-up-right {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='arrow-up-right'%3E%3Cpath id='Icon' d='M4.08325 9.91665L9.91659 4.08331M9.91659 4.08331H4.08325M9.91659 4.08331V9.91665' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-arrows-chevron-right {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='chevron-right'%3E%3Cpath id='Icon' d='M5.25 10.5L8.75 7L5.25 3.5' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-arrows-refresh-ccw-01 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath d='M2 10C2 10 4.00498 7.26822 5.63384 5.63824C7.26269 4.00827 9.5136 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.89691 21 4.43511 18.2543 3.35177 14.5M2 10V4M2 10H8' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-editor-bezier-curve-03 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cg fill='none'%3E%3Cg id='bezier-curve-03'%3E%3Cpath id='Icon' d='M5.42857 3.5L2.57143 8.5M3 9.5H8.9999M9.42857 8.5L6.57143 3.5M1.8 10.5H2.2C2.48003 10.5 2.62004 10.5 2.727 10.4455C2.82108 10.3976 2.89757 10.3211 2.9455 10.227C3 10.12 3 9.98003 3 9.7V9.3C3 9.01997 3 8.87996 2.9455 8.773C2.89757 8.67892 2.82108 8.60243 2.727 8.5545C2.62004 8.5 2.48003 8.5 2.2 8.5H1.8C1.51997 8.5 1.37996 8.5 1.273 8.5545C1.17892 8.60243 1.10243 8.67892 1.0545 8.773C1 8.87996 1 9.01997 1 9.3V9.7C1 9.98003 1 10.12 1.0545 10.227C1.10243 10.3211 1.17892 10.3976 1.273 10.4455C1.37996 10.5 1.51997 10.5 1.8 10.5ZM9.8 10.5H10.2C10.48 10.5 10.62 10.5 10.727 10.4455C10.8211 10.3976 10.8976 10.3211 10.9455 10.227C11 10.12 11 9.98003 11 9.7V9.3C11 9.01997 11 8.87996 10.9455 8.773C10.8976 8.67892 10.8211 8.60243 10.727 8.5545C10.62 8.5 10.48 8.5 10.2 8.5H9.8C9.51997 8.5 9.37996 8.5 9.273 8.5545C9.17892 8.60243 9.10243 8.67892 9.0545 8.773C9 8.87996 9 9.01997 9 9.3V9.7C9 9.98003 9 10.12 9.0545 10.227C9.10243 10.3211 9.17892 10.3976 9.273 10.4455C9.37996 10.5 9.51997 10.5 9.8 10.5ZM5.8 3.5H6.2C6.48003 3.5 6.62004 3.5 6.727 3.4455C6.82108 3.39757 6.89757 3.32108 6.9455 3.227C7 3.12004 7 2.98003 7 2.7V2.3C7 2.01997 7 1.87996 6.9455 1.773C6.89757 1.67892 6.82108 1.60243 6.727 1.5545C6.62004 1.5 6.48003 1.5 6.2 1.5H5.8C5.51997 1.5 5.37996 1.5 5.273 1.5545C5.17892 1.60243 5.10243 1.67892 5.0545 1.773C5 1.87996 5 2.01997 5 2.3V2.7C5 2.98003 5 3.12004 5.0545 3.227C5.10243 3.32108 5.17892 3.39757 5.273 3.4455C5.37996 3.5 5.51997 3.5 5.8 3.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-editor-type-square {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cg fill='none'%3E%3Cg id='type-square'%3E%3Cpath id='Icon' d='M4 3.5H8M6 3.5V8.5M3.9 10.5H8.1C8.94008 10.5 9.36012 10.5 9.68099 10.3365C9.96323 10.1927 10.1927 9.96323 10.3365 9.68099C10.5 9.36012 10.5 8.94008 10.5 8.1V3.9C10.5 3.05992 10.5 2.63988 10.3365 2.31901C10.1927 2.03677 9.96323 1.8073 9.68099 1.66349C9.36012 1.5 8.94008 1.5 8.1 1.5H3.9C3.05992 1.5 2.63988 1.5 2.31901 1.66349C2.03677 1.8073 1.8073 2.03677 1.66349 2.31901C1.5 2.63988 1.5 3.05992 1.5 3.9V8.1C1.5 8.94008 1.5 9.36012 1.66349 9.68099C1.8073 9.96323 2.03677 10.1927 2.31901 10.3365C2.63988 10.5 3.05992 10.5 3.9 10.5Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-education-book-open-01 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cg fill='none'%3E%3Cg id='book-open-01'%3E%3Cpath id='Fill' opacity='0.12' d='M1 3.1C1 2.53995 1 2.25992 1.10899 2.04601C1.20487 1.85785 1.35785 1.70487 1.54601 1.60899C1.75992 1.5 2.03995 1.5 2.6 1.5H2.8C3.9201 1.5 4.48016 1.5 4.90798 1.71799C5.28431 1.90973 5.59027 2.21569 5.78201 2.59202C6 3.01984 6 3.5799 6 4.7V10.5L5.94997 10.425C5.60265 9.90398 5.42899 9.64349 5.19955 9.45491C4.99643 9.28796 4.76238 9.1627 4.5108 9.0863C4.22663 9 3.91355 9 3.28741 9H2.6C2.03995 9 1.75992 9 1.54601 8.89101C1.35785 8.79513 1.20487 8.64215 1.10899 8.45399C1 8.24008 1 7.96005 1 7.4V3.1Z' fill='black'/%3E%3Cpath id='Icon' d='M6 10.5L5.94997 10.425C5.60265 9.90398 5.42899 9.64349 5.19955 9.45491C4.99643 9.28796 4.76238 9.1627 4.5108 9.0863C4.22663 9 3.91355 9 3.28741 9H2.6C2.03995 9 1.75992 9 1.54601 8.89101C1.35785 8.79513 1.20487 8.64215 1.10899 8.45399C1 8.24008 1 7.96005 1 7.4V3.1C1 2.53995 1 2.25992 1.10899 2.04601C1.20487 1.85785 1.35785 1.70487 1.54601 1.60899C1.75992 1.5 2.03995 1.5 2.6 1.5H2.8C3.9201 1.5 4.48016 1.5 4.90798 1.71799C5.28431 1.90973 5.59027 2.21569 5.78201 2.59202C6 3.01984 6 3.5799 6 4.7M6 10.5V4.7M6 10.5L6.05003 10.425C6.39735 9.90398 6.57101 9.64349 6.80045 9.45491C7.00357 9.28796 7.23762 9.1627 7.4892 9.0863C7.77337 9 8.08645 9 8.71259 9H9.4C9.96005 9 10.2401 9 10.454 8.89101C10.6422 8.79513 10.7951 8.64215 10.891 8.45399C11 8.24008 11 7.96005 11 7.4V3.1C11 2.53995 11 2.25992 10.891 2.04601C10.7951 1.85785 10.6422 1.70487 10.454 1.60899C10.2401 1.5 9.96005 1.5 9.4 1.5H9.2C8.07989 1.5 7.51984 1.5 7.09202 1.71799C6.71569 1.90973 6.40973 2.21569 6.21799 2.59202C6 3.01984 6 3.5799 6 4.7' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-files-copy {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath d='M10.6665 2.66634H11.9998C12.3535 2.66634 12.6926 2.80682 12.9426 3.05687C13.1927 3.30691 13.3332 3.64605 13.3332 3.99967V13.333C13.3332 13.6866 13.1927 14.0258 12.9426 14.2758C12.6926 14.5259 12.3535 14.6663 11.9998 14.6663H3.99984C3.64622 14.6663 3.30708 14.5259 3.05703 14.2758C2.80698 14.0258 2.6665 13.6866 2.6665 13.333V3.99967C2.6665 3.64605 2.80698 3.30691 3.05703 3.05687C3.30708 2.80682 3.64622 2.66634 3.99984 2.66634H5.33317M5.99984 1.33301H9.99984C10.368 1.33301 10.6665 1.63148 10.6665 1.99967V3.33301C10.6665 3.7012 10.368 3.99967 9.99984 3.99967H5.99984C5.63165 3.99967 5.33317 3.7012 5.33317 3.33301V1.99967C5.33317 1.63148 5.63165 1.33301 5.99984 1.33301Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-files-copy-check {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath d='M10.6665 2.66683C11.2865 2.66683 11.5965 2.66683 11.8508 2.73498C12.541 2.91991 13.0801 3.45901 13.265 4.14919C13.3332 4.40352 13.3332 4.71352 13.3332 5.3335V11.4668C13.3332 12.5869 13.3332 13.147 13.1152 13.5748C12.9234 13.9511 12.6175 14.2571 12.2412 14.4488C11.8133 14.6668 11.2533 14.6668 10.1332 14.6668H5.8665C4.7464 14.6668 4.18635 14.6668 3.75852 14.4488C3.3822 14.2571 3.07624 13.9511 2.88449 13.5748C2.6665 13.147 2.6665 12.5869 2.6665 11.4668V5.3335C2.6665 4.71352 2.6665 4.40352 2.73465 4.14919C2.91959 3.45901 3.45868 2.91991 4.14887 2.73498C4.4032 2.66683 4.71319 2.66683 5.33317 2.66683M5.99984 10.0002L7.33317 11.3335L10.3332 8.3335M6.39984 4.00016H9.59984C9.9732 4.00016 10.1599 4.00016 10.3025 3.9275C10.4279 3.86359 10.5299 3.7616 10.5938 3.63616C10.6665 3.49355 10.6665 3.30686 10.6665 2.9335V2.40016C10.6665 2.02679 10.6665 1.84011 10.5938 1.6975C10.5299 1.57206 10.4279 1.47007 10.3025 1.40616C10.1599 1.3335 9.97321 1.3335 9.59984 1.3335H6.39984C6.02647 1.3335 5.83978 1.3335 5.69718 1.40616C5.57174 1.47007 5.46975 1.57206 5.40583 1.6975C5.33317 1.84011 5.33317 2.02679 5.33317 2.40016V2.9335C5.33317 3.30686 5.33317 3.49355 5.40583 3.63616C5.46975 3.7616 5.57174 3.86359 5.69718 3.9275C5.83978 4.00016 6.02647 4.00016 6.39984 4.00016Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-files-file-download-02 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath d='M20 12.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.1198 22 8.79986 22H12.5M14 11H8M10 15H8M16 7H8M15 19L18 22M18 22L21 19M18 22V16' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-files-file-plus-02 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath d='M13.3333 6.99992V4.53325C13.3333 3.41315 13.3333 2.85309 13.1153 2.42527C12.9236 2.04895 12.6176 1.74299 12.2413 1.55124C11.8135 1.33325 11.2534 1.33325 10.1333 1.33325H5.86666C4.74655 1.33325 4.1865 1.33325 3.75868 1.55124C3.38235 1.74299 3.07639 2.04895 2.88464 2.42527C2.66666 2.85309 2.66666 3.41315 2.66666 4.53325V11.4666C2.66666 12.5867 2.66666 13.1467 2.88464 13.5746C3.07639 13.9509 3.38235 14.2569 3.75868 14.4486C4.1865 14.6666 4.74655 14.6666 5.86666 14.6666H7.99999M9.33332 7.33325H5.33332M6.66666 9.99992H5.33332M10.6667 4.66659H5.33332M12 13.9999V9.99992M9.99999 11.9999H14' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-general-check {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='check'%3E%3Cpath id='Icon' d='M13.3334 4L6.00008 11.3333L2.66675 8' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-general-checklist-square {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cg fill='none'%3E%3Cg id='checklist-square'%3E%3Cpath id='Vector' d='M9.7823 11.9146C9.32278 11.6082 8.70191 11.7324 8.39554 12.1919C8.08918 12.6514 8.21333 13.2723 8.67285 13.5787L9.7823 11.9146ZM10.9151 13.8717L10.3603 14.7037C10.8019 14.9982 11.3966 14.8963 11.7151 14.4717L10.9151 13.8717ZM14.5226 10.7284C14.8539 10.2865 14.7644 9.65973 14.3225 9.32836C13.8807 8.99699 13.2539 9.08653 12.9225 9.52836L14.5226 10.7284ZM19.3333 11C18.781 11 18.3333 11.4477 18.3333 12C18.3333 12.5523 18.781 13 19.3333 13V11ZM22 13C22.5523 13 23 12.5523 23 12C23 11.4477 22.5523 11 22 11V13ZM19.3333 19C18.781 19 18.3333 19.4477 18.3333 20C18.3333 20.5523 18.781 21 19.3333 21V19ZM22 21C22.5523 21 23 20.5523 23 20C23 19.4477 22.5523 19 22 19V21ZM9.86913 19.9163C9.4096 19.6099 8.78873 19.7341 8.48238 20.1937C8.17602 20.6532 8.3002 21.274 8.75973 21.5804L9.86913 19.9163ZM11.0019 21.8734L10.4472 22.7054C10.8888 22.9998 11.4835 22.8979 11.8019 22.4734L11.0019 21.8734ZM14.6094 18.7301C14.9408 18.2883 14.8512 17.6615 14.4094 17.3301C13.9676 16.9987 13.3408 17.0883 13.0094 17.5301L14.6094 18.7301ZM6.18404 27.564L5.73005 28.455H5.73005L6.18404 27.564ZM4.43597 25.816L3.54497 26.27H3.54497L4.43597 25.816ZM27.564 25.816L28.455 26.27L27.564 25.816ZM25.816 27.564L26.27 28.455L25.816 27.564ZM25.816 4.43597L26.27 3.54497V3.54497L25.816 4.43597ZM27.564 6.18404L28.455 5.73005V5.73005L27.564 6.18404ZM6.18404 4.43597L5.73005 3.54497L6.18404 4.43597ZM4.43597 6.18404L3.54497 5.73005L4.43597 6.18404ZM8.67285 13.5787L10.3603 14.7037L11.4698 13.0397L9.7823 11.9146L8.67285 13.5787ZM11.7151 14.4717L14.5226 10.7284L12.9225 9.52836L10.1151 13.2717L11.7151 14.4717ZM19.3333 13H22V11H19.3333V13ZM19.3333 21H22V19H19.3333V21ZM8.75973 21.5804L10.4472 22.7054L11.5566 21.0413L9.86913 19.9163L8.75973 21.5804ZM11.8019 22.4734L14.6094 18.7301L13.0094 17.5301L10.2019 21.2733L11.8019 22.4734ZM10.4 5H21.6V3H10.4V5ZM27 10.4V21.6H29V10.4H27ZM21.6 27H10.4V29H21.6V27ZM5 21.6V10.4H3V21.6H5ZM10.4 27C9.26339 27 8.47108 26.9992 7.85424 26.9488C7.24907 26.8994 6.90138 26.8072 6.63803 26.673L5.73005 28.455C6.32234 28.7568 6.96253 28.8826 7.69138 28.9422C8.40855 29.0008 9.2964 29 10.4 29V27ZM3 21.6C3 22.7036 2.99922 23.5914 3.05782 24.3086C3.11737 25.0375 3.24318 25.6777 3.54497 26.27L5.32698 25.362C5.19279 25.0986 5.10062 24.7509 5.05118 24.1458C5.00078 23.5289 5 22.7366 5 21.6H3ZM6.63803 26.673C6.07354 26.3854 5.6146 25.9265 5.32698 25.362L3.54497 26.27C4.02433 27.2108 4.78924 27.9757 5.73005 28.455L6.63803 26.673ZM27 21.6C27 22.7366 26.9992 23.5289 26.9488 24.1458C26.8994 24.7509 26.8072 25.0986 26.673 25.362L28.455 26.27C28.7568 25.6777 28.8826 25.0375 28.9422 24.3086C29.0008 23.5914 29 22.7036 29 21.6H27ZM21.6 29C22.7036 29 23.5914 29.0008 24.3086 28.9422C25.0375 28.8826 25.6777 28.7568 26.27 28.455L25.362 26.673C25.0986 26.8072 24.7509 26.8994 24.1458 26.9488C23.5289 26.9992 22.7366 27 21.6 27V29ZM26.673 25.362C26.3854 25.9265 25.9265 26.3854 25.362 26.673L26.27 28.455C27.2108 27.9757 27.9757 27.2108 28.455 26.27L26.673 25.362ZM21.6 5C22.7366 5 23.5289 5.00078 24.1458 5.05118C24.7509 5.10062 25.0986 5.19279 25.362 5.32698L26.27 3.54497C25.6777 3.24318 25.0375 3.11737 24.3086 3.05782C23.5914 2.99922 22.7036 3 21.6 3V5ZM29 10.4C29 9.2964 29.0008 8.40855 28.9422 7.69138C28.8826 6.96253 28.7568 6.32234 28.455 5.73005L26.673 6.63803C26.8072 6.90138 26.8994 7.24907 26.9488 7.85424C26.9992 8.47108 27 9.26339 27 10.4H29ZM25.362 5.32698C25.9265 5.6146 26.3854 6.07354 26.673 6.63803L28.455 5.73005C27.9757 4.78924 27.2108 4.02433 26.27 3.54497L25.362 5.32698ZM10.4 3C9.2964 3 8.40855 2.99922 7.69138 3.05782C6.96253 3.11737 6.32234 3.24318 5.73005 3.54497L6.63803 5.32698C6.90138 5.19279 7.24907 5.10062 7.85424 5.05118C8.47108 5.00078 9.26339 5 10.4 5V3ZM5 10.4C5 9.26339 5.00078 8.47108 5.05118 7.85424C5.10062 7.24907 5.19279 6.90138 5.32698 6.63803L3.54497 5.73005C3.24318 6.32234 3.11737 6.96253 3.05782 7.69138C2.99922 8.40855 3 9.2964 3 10.4H5ZM5.73005 3.54497C4.78924 4.02433 4.02433 4.78924 3.54497 5.73005L5.32698 6.63803C5.6146 6.07354 6.07354 5.6146 6.63803 5.32698L5.73005 3.54497Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-general-hash-02 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cg fill='none'%3E%3Cg id='hash-02'%3E%3Cpath id='Icon' d='M4.74999 1.5L3.24999 10.5M8.74998 1.5L7.24998 10.5M10.25 4H1.75M9.75 8H1.25' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-general-info-circle {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cg fill='none'%3E%3Cg id='info-circle' clip-path='url(%23clip0_7880_62014)'%3E%3Cpath id='Icon' d='M6 8V6M6 4H6.005M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7880_62014'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-general-target-04 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3E%3Cg fill='none'%3E%3Cg id='Left Icon' clip-path='url(%23clip0_10386_42171)'%3E%3Cpath id='Icon' d='M7.99998 4V2.5L9.49998 1L9.99998 2L11 2.5L9.49998 4H7.99998ZM7.99998 4L5.99999 5.99997M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1M8.5 6C8.5 7.38071 7.38071 8.5 6 8.5C4.61929 8.5 3.5 7.38071 3.5 6C3.5 4.61929 4.61929 3.5 6 3.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10386_42171'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-general-upload-03 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='Left Icon' clip-path='url(%23clip0_12728_40636)'%3E%3Cpath id='Icon' d='M10.6654 8.00016L7.9987 5.3335M7.9987 5.3335L5.33203 8.00016M7.9987 5.3335V10.6668M14.6654 8.00016C14.6654 11.6821 11.6806 14.6668 7.9987 14.6668C4.3168 14.6668 1.33203 11.6821 1.33203 8.00016C1.33203 4.31826 4.3168 1.3335 7.9987 1.3335C11.6806 1.3335 14.6654 4.31826 14.6654 8.00016Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12728_40636'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-images-image-plus {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='image-plus'%3E%3Cpath id='Icon' d='M8.33333 2.00016H5.2C4.0799 2.00016 3.51984 2.00016 3.09202 2.21815C2.71569 2.4099 2.40973 2.71586 2.21799 3.09218C2 3.52001 2 4.08006 2 5.20016V10.8002C2 11.9203 2 12.4803 2.21799 12.9081C2.40973 13.2845 2.71569 13.5904 3.09202 13.7822C3.51984 14.0002 4.07989 14.0002 5.2 14.0002H11.3333C11.9533 14.0002 12.2633 14.0002 12.5176 13.932C13.2078 13.7471 13.7469 13.208 13.9319 12.5178C14 12.2635 14 11.9535 14 11.3335M12.6667 5.3335V1.3335M10.6667 3.3335H14.6667M7 5.66683C7 6.40321 6.40305 7.00016 5.66667 7.00016C4.93029 7.00016 4.33333 6.40321 4.33333 5.66683C4.33333 4.93045 4.93029 4.3335 5.66667 4.3335C6.40305 4.3335 7 4.93045 7 5.66683ZM9.99336 7.94559L4.3541 13.0722C4.03691 13.3605 3.87831 13.5047 3.86429 13.6296C3.85213 13.7379 3.89364 13.8453 3.97546 13.9172C4.06985 14.0002 4.28419 14.0002 4.71286 14.0002H10.9707C11.9301 14.0002 12.4098 14.0002 12.7866 13.839C13.2596 13.6366 13.6365 13.2598 13.8388 12.7868C14 12.41 14 11.9303 14 10.9708C14 10.648 14 10.4866 13.9647 10.3363C13.9204 10.1474 13.8353 9.9704 13.7155 9.81776C13.6202 9.6963 13.4941 9.59546 13.242 9.3938L11.3772 7.90194C11.1249 7.7001 10.9988 7.59919 10.8599 7.56357C10.7374 7.53218 10.6086 7.53624 10.4884 7.57529C10.352 7.61959 10.2324 7.72826 9.99336 7.94559Z' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-shapes-cube-outline {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17' width='16' height='17'%3E%3Cg fill='none'%3E%3Cg id='cube-outline'%3E%3Cg id='Solid'%3E%3Cpath d='M8.26865 1.29003C8.09143 1.25358 7.90866 1.25358 7.73144 1.29003C7.52659 1.33216 7.3435 1.43471 7.19794 1.51624L7.15826 1.53841L6.17628 2.08395C5.85443 2.26276 5.73846 2.66863 5.91727 2.99049C6.09608 3.31234 6.50195 3.4283 6.82381 3.24949L7.80579 2.70395C7.90681 2.64782 7.95839 2.61946 7.99686 2.60091L8.00004 2.59938L8.00323 2.60091C8.0417 2.61946 8.09327 2.64782 8.1943 2.70395L9.17628 3.24949C9.49814 3.4283 9.90401 3.31234 10.0828 2.99048C10.2616 2.66863 10.1457 2.26276 9.82381 2.08395L8.84183 1.53841L8.80215 1.51624C8.65659 1.43471 8.4735 1.33216 8.26865 1.29003Z' fill='black'/%3E%3Cpath d='M12.8238 3.75062C12.5019 3.57181 12.0961 3.68777 11.9173 4.00963C11.7385 4.33148 11.8544 4.73735 12.1763 4.91616L12.6272 5.16668L12.1763 5.41719C11.8545 5.596 11.7385 6.00186 11.9173 6.32372C12.0961 6.64558 12.502 6.76154 12.8238 6.58273L13.3334 6.29966V6.83339C13.3334 7.20158 13.6319 7.50006 14 7.50006C14.3682 7.50006 14.6667 7.20158 14.6667 6.83339V5.79435L14.6668 5.74627C14.6673 5.62441 14.6678 5.48084 14.6452 5.33482C14.6869 5.17472 14.6696 4.99892 14.5829 4.84286C14.4904 4.6764 14.3371 4.56501 14.1662 4.52099C14.0496 4.43038 13.9239 4.36116 13.8173 4.3024L13.7752 4.27915L12.8238 3.75062Z' fill='black'/%3E%3Cpath d='M3.8238 4.91616C4.14566 4.73735 4.26162 4.33148 4.08281 4.00963C3.90401 3.68777 3.49814 3.57181 3.17628 3.75062L2.22493 4.27915L2.18284 4.3024C2.07615 4.36116 1.95045 4.4304 1.83382 4.52102C1.66295 4.56506 1.50977 4.67643 1.41731 4.84286C1.33065 4.99886 1.31323 5.17459 1.35493 5.33464C1.33229 5.48072 1.33281 5.62436 1.33326 5.74627L1.33338 5.79435V6.83339C1.33338 7.20158 1.63185 7.50006 2.00004 7.50006C2.36823 7.50006 2.66671 7.20158 2.66671 6.83339V6.29961L3.17632 6.58273C3.49817 6.76154 3.90404 6.64558 4.08285 6.32372C4.26166 6.00186 4.1457 5.596 3.82384 5.41719L3.3729 5.16666L3.8238 4.91616Z' fill='black'/%3E%3Cpath d='M2.66671 10.1667C2.66671 9.79853 2.36823 9.50006 2.00004 9.50006C1.63185 9.50006 1.33338 9.79853 1.33338 10.1667V11.2058L1.33326 11.2538C1.33262 11.4298 1.33181 11.6509 1.40069 11.8594C1.46024 12.0397 1.55759 12.2051 1.68622 12.3447C1.835 12.5061 2.02873 12.6128 2.18281 12.6977L2.22493 12.721L3.17628 13.2495C3.49814 13.4283 3.90401 13.3123 4.08281 12.9905C4.26162 12.6686 4.14566 12.2628 3.8238 12.084L2.87245 11.5554C2.76582 11.4962 2.71137 11.4656 2.67318 11.4413L2.66995 11.4392L2.66971 11.4354C2.66699 11.3902 2.66671 11.3277 2.66671 11.2058V10.1667Z' fill='black'/%3E%3Cpath d='M14.6667 10.1667C14.6667 9.79853 14.3682 9.50006 14 9.50006C13.6319 9.50006 13.3334 9.79853 13.3334 10.1667V11.2058C13.3334 11.3277 13.3331 11.3902 13.3304 11.4354L13.3301 11.4392L13.3269 11.4413C13.2887 11.4656 13.2343 11.4962 13.1276 11.5554L12.1763 12.084C11.8544 12.2628 11.7385 12.6686 11.9173 12.9905C12.0961 13.3123 12.5019 13.4283 12.8238 13.2495L13.7752 12.721L13.8172 12.6977C13.9713 12.6128 14.1651 12.5061 14.3139 12.3447C14.4425 12.2051 14.5398 12.0397 14.5994 11.8594C14.6683 11.6509 14.6675 11.4298 14.6668 11.2538L14.6667 11.2058V10.1667Z' fill='black'/%3E%3Cpath d='M6.82381 13.7506C6.50195 13.5718 6.09608 13.6878 5.91727 14.0096C5.73846 14.3315 5.85443 14.7374 6.17628 14.9162L7.15826 15.4617L7.19793 15.4839C7.29819 15.54 7.41625 15.6061 7.54696 15.6556C7.66589 15.7659 7.82512 15.8333 8.00008 15.8333C8.17507 15.8333 8.33431 15.7659 8.45324 15.6556C8.58391 15.6061 8.70193 15.54 8.80215 15.4839L8.84183 15.4617L9.82381 14.9162C10.1457 14.7374 10.2616 14.3315 10.0828 14.0096C9.90401 13.6878 9.49814 13.5718 9.17628 13.7506L8.66675 14.0337V13.5C8.66675 13.1318 8.36827 12.8333 8.00008 12.8333C7.63189 12.8333 7.33341 13.1318 7.33341 13.5V14.0337L6.82381 13.7506Z' fill='black'/%3E%3Cpath d='M6.82384 7.08385C6.50199 6.90505 6.09612 7.02101 5.91731 7.34286C5.7385 7.66472 5.85446 8.07059 6.17632 8.2494L7.33341 8.89223V10.1666C7.33341 10.5348 7.63189 10.8333 8.00008 10.8333C8.36827 10.8333 8.66675 10.5348 8.66675 10.1666V8.89223L9.82384 8.2494C10.1457 8.07059 10.2617 7.66472 10.0829 7.34286C9.90404 7.02101 9.49817 6.90505 9.17632 7.08385L8.00008 7.73732L6.82384 7.08385Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-time-clock-play {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='Icon' clip-path='url(%23clip0_635_10941)'%3E%3Cpath id='Vector' d='M14.6334 8.66683C14.6552 8.44756 14.6663 8.22516 14.6663 8.00016C14.6663 4.31826 11.6816 1.3335 7.99967 1.3335C4.31778 1.3335 1.33301 4.31826 1.33301 8.00016C1.33301 11.6821 4.31778 14.6668 7.99967 14.6668C8.11145 14.6668 8.22258 14.6641 8.33301 14.6586C8.44487 14.6531 8.556 14.6449 8.66634 14.6339M7.99967 4.00016V8.00016L5.42265 9.25534M11.853 9.97346L14.4308 11.9068C14.6238 12.0515 14.7203 12.1239 14.7548 12.2126C14.785 12.2904 14.785 12.3766 14.7548 12.4543C14.7203 12.543 14.6238 12.6154 14.4308 12.7601L11.853 14.6935C11.5784 14.8995 11.441 15.0024 11.3261 15.0001C11.226 14.998 11.1322 14.9511 11.0706 14.8723C10.9997 14.7818 10.9997 14.6101 10.9997 14.2668V10.4001C10.9997 10.0568 10.9997 9.88516 11.0706 9.79463C11.1322 9.71585 11.226 9.66895 11.3261 9.66687C11.441 9.66448 11.5784 9.76747 11.853 9.97346Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_635_10941'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-line-time-clock-play-slim {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cg fill='none'%3E%3Cg id='Icon'%3E%3Cpath id='Vector' d='M29.2673 17.3332C29.3109 16.8946 29.3332 16.4498 29.3332 15.9998C29.3332 8.63604 23.3636 2.6665 15.9998 2.6665C8.63604 2.6665 2.6665 8.63604 2.6665 15.9998C2.6665 23.3636 8.63604 29.3332 15.9998 29.3332C16.2234 29.3332 16.4457 29.3277 16.6665 29.3168C16.8902 29.3058 17.1125 29.2892 17.3332 29.2673M15.9998 7.99984V15.9998L10.8458 18.5102M23.7065 19.9464L28.8621 23.8131C29.2481 24.1026 29.441 24.2473 29.5101 24.4248C29.5705 24.5802 29.5705 24.7527 29.5101 24.9081C29.441 25.0855 29.2481 25.2303 28.8621 25.5198L23.7065 29.3864C23.1572 29.7984 22.8825 30.0044 22.6526 29.9996C22.4526 29.9955 22.265 29.9017 22.1416 29.7441C21.9998 29.5631 21.9998 29.2197 21.9998 28.5331V20.7998C21.9998 20.1131 21.9998 19.7698 22.1416 19.5888C22.265 19.4312 22.4526 19.3374 22.6526 19.3333C22.8825 19.3285 23.1572 19.5345 23.7065 19.9464Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-other-replay-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none'%3E%3Cg id='Retry'%3E%3Cpath id='Vector' d='M9.99996 1.66669C14.6023 1.66669 18.3333 5.39765 18.3333 10C18.3333 14.6024 14.6023 18.3334 9.99996 18.3334C5.39758 18.3334 1.66663 14.6024 1.66663 10H3.33329C3.33329 13.6819 6.31806 16.6667 9.99996 16.6667C13.6819 16.6667 16.6666 13.6819 16.6666 10C16.6666 6.31812 13.6819 3.33335 9.99996 3.33335C7.70848 3.33335 5.68702 4.48947 4.48705 6.25022L6.66663 6.25002V7.91669H1.66663V2.91669H3.33329L3.3332 4.99934C4.85358 2.97565 7.2739 1.66669 9.99996 1.66669Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-solid-communication-bubble-text-mod {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 9C2 5.68629 4.68629 3 8 3H16C19.3137 3 22 5.68629 22 9V15C22 18.3137 19.3137 21 16 21H3C2.44772 21 2 20.5523 2 20V9ZM9 9C8.44772 9 8 9.44772 8 10C8 10.5523 8.44772 11 9 11H15C15.5523 11 16 10.5523 16 10C16 9.44772 15.5523 9 15 9H9ZM9 13C8.44772 13 8 13.4477 8 14C8 14.5523 8.44772 15 9 15H12C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13H9Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-solid-development-api-connection-mod {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='Icon L'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M7.99996 3.33333C5.42263 3.33333 3.33329 5.42267 3.33329 8C3.33329 10.5773 5.42263 12.6667 7.99996 12.6667C9.72643 12.6667 11.2348 11.7295 12.0427 10.3329C12.227 10.0141 12.6349 9.90523 12.9536 10.0896C13.2723 10.274 13.3812 10.6818 13.1968 11.0005C12.1604 12.7921 10.2216 14 7.99996 14C4.91159 14 2.36821 11.6666 2.03658 8.66667H1.33329C0.965103 8.66667 0.666626 8.36819 0.666626 8C0.666626 7.63181 0.965103 7.33333 1.33329 7.33333H2.03658C2.36821 4.33337 4.91159 2 7.99996 2C10.2216 2 12.1604 3.20785 13.1968 4.99952C13.3812 5.31823 13.2723 5.72605 12.9536 5.91041C12.6349 6.09477 12.227 5.98585 12.0427 5.66714C11.2348 4.27054 9.72643 3.33333 7.99996 3.33333ZM7.99996 6C6.89539 6 5.99996 6.89543 5.99996 8C5.99996 9.10455 6.89539 10 7.99996 10C9.1045 10 9.99996 9.10454 9.99996 8C9.99996 6.89543 9.10451 6 7.99996 6ZM4.66663 8C4.66663 6.15905 6.15901 4.66667 7.99996 4.66667C9.61257 4.66667 10.9578 5.81184 11.2666 7.33333H14.6666C15.0348 7.33333 15.3333 7.63181 15.3333 8C15.3333 8.36819 15.0348 8.66667 14.6666 8.66667H11.2666C10.9578 10.1881 9.61257 11.3333 7.99996 11.3333C6.159 11.3333 4.66663 9.84092 4.66663 8Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-solid-files-file-05 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='file-05'%3E%3Cg id='Solid'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.66667 1.34356C8.66667 1.32602 8.66667 1.31725 8.66591 1.30135C8.65018 0.972168 8.3607 0.682824 8.03151 0.667251C8.01562 0.666499 8.0104 0.666501 8.00001 0.666504H5.8391C5.30248 0.666497 4.85957 0.666491 4.49878 0.695968C4.12405 0.726585 3.77958 0.792295 3.45603 0.957155C2.95426 1.21282 2.54631 1.62077 2.29065 2.12253C2.12579 2.44609 2.06008 2.79056 2.02946 3.16529C1.99999 3.52608 1.99999 3.96899 2 4.50562V11.494C1.99999 12.0307 1.99999 12.4736 2.02946 12.8344C2.06008 13.2091 2.12579 13.5536 2.29065 13.8771C2.54631 14.3789 2.95426 14.7869 3.45603 15.0425C3.77958 15.2074 4.12405 15.2731 4.49878 15.3037C4.85958 15.3332 5.30248 15.3332 5.83912 15.3332H10.1609C10.6975 15.3332 11.1404 15.3332 11.5012 15.3037C11.8759 15.2731 12.2204 15.2074 12.544 15.0425C13.0457 14.7869 13.4537 14.3789 13.7093 13.8771C13.8742 13.5536 13.9399 13.2091 13.9705 12.8344C14 12.4736 14 12.0307 14 11.4941V6.66646C14 6.65611 14 6.65093 13.9993 6.63505C13.9837 6.30583 13.6943 6.01631 13.3651 6.0006C13.3492 5.99985 13.3405 5.99985 13.323 5.99985L10.3787 5.99985C10.2105 5.99987 10.0466 5.99989 9.90785 5.98855C9.75545 5.9761 9.57563 5.94672 9.39468 5.85452C9.1438 5.72669 8.93983 5.52272 8.81199 5.27183C8.7198 5.09088 8.69042 4.91106 8.67797 4.75867C8.66663 4.61989 8.66665 4.45603 8.66667 4.28778L8.66667 1.34356ZM5.33333 8.6665C4.96514 8.6665 4.66667 8.96498 4.66667 9.33317C4.66667 9.70136 4.96514 9.99984 5.33333 9.99984H10.6667C11.0349 9.99984 11.3333 9.70136 11.3333 9.33317C11.3333 8.96498 11.0349 8.6665 10.6667 8.6665H5.33333ZM5.33333 11.3332C4.96514 11.3332 4.66667 11.6316 4.66667 11.9998C4.66667 12.368 4.96514 12.6665 5.33333 12.6665H9.33333C9.70152 12.6665 10 12.368 10 11.9998C10 11.6316 9.70152 11.3332 9.33333 11.3332H5.33333Z' fill='black'/%3E%3Cpath d='M12.6053 4.6665C12.8011 4.6665 12.8989 4.6665 12.9791 4.61735C13.0923 4.54794 13.16 4.3844 13.129 4.25526C13.107 4.16382 13.0432 4.10006 12.9155 3.97253L10.694 1.75098C10.5664 1.62333 10.5027 1.5595 10.4112 1.53752C10.2821 1.50648 10.1186 1.57417 10.0492 1.6874C10 1.76757 10 1.86545 10 2.0612L10 4.13315C10 4.31982 10 4.41316 10.0363 4.48446C10.0683 4.54718 10.1193 4.59818 10.182 4.63014C10.2533 4.66647 10.3466 4.66647 10.5333 4.66647L12.6053 4.6665Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-solid-files-folder {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='Icon'%3E%3Cpath id='Solid' fill-rule='evenodd' clip-rule='evenodd' d='M0.666993 4.10794C0.666981 3.75652 0.666972 3.45333 0.687374 3.20362C0.708908 2.94006 0.756452 2.67791 0.884981 2.42566C1.07673 2.04933 1.38269 1.74337 1.75901 1.55163C2.01127 1.4231 2.27341 1.37555 2.53698 1.35402C2.78669 1.33362 3.08986 1.33363 3.4413 1.33364L6.0981 1.33357C6.4938 1.33304 6.84179 1.33258 7.16176 1.44295C7.44201 1.53961 7.69726 1.69737 7.90905 1.9048C8.15086 2.14164 8.30607 2.45309 8.48257 2.80725L9.07895 4.00016H11.4945C12.0312 4.00015 12.4741 4.00015 12.8349 4.02963C13.2096 4.06024 13.5541 4.12595 13.8776 4.29081C14.3794 4.54648 14.7873 4.95442 15.043 5.45619C15.2079 5.77975 15.2736 6.12421 15.3042 6.49895C15.3337 6.85974 15.3337 7.30264 15.3337 7.83928V10.8277C15.3337 11.3644 15.3337 11.8073 15.3042 12.168C15.2736 12.5428 15.2079 12.8872 15.043 13.2108C14.7873 13.7126 14.3794 14.1205 13.8776 14.3762C13.5541 14.541 13.2096 14.6068 12.8349 14.6374C12.4741 14.6668 12.0312 14.6668 11.4945 14.6668H4.50614C3.9695 14.6668 3.52657 14.6668 3.16578 14.6374C2.79104 14.6068 2.44658 14.541 2.12302 14.3762C1.62125 14.1205 1.2133 13.7126 0.957643 13.2108C0.792782 12.8872 0.727073 12.5428 0.696456 12.168C0.666978 11.8073 0.666985 11.3643 0.666993 10.8277V4.10794ZM6.01519 2.66697C6.54213 2.66697 6.64658 2.67567 6.727 2.70341C6.82041 2.73563 6.9055 2.78822 6.97609 2.85736C7.03687 2.91688 7.09136 3.00642 7.32701 3.47773L7.58823 4.00016L2.00038 4.00016C2.00067 3.69017 2.00271 3.47827 2.01628 3.3122C2.03108 3.13109 2.05619 3.06394 2.07299 3.03098C2.13691 2.90554 2.23889 2.80355 2.36433 2.73964C2.3973 2.72284 2.46444 2.69772 2.64555 2.68292C2.83444 2.66749 3.08263 2.66697 3.46699 2.66697H6.01519Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-solid-general-arrow-down-round-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='arrow-down-round-fill'%3E%3Cpath id='Vector' d='M6.02913 6.23572C5.08582 6.23572 4.56482 7.33027 5.15967 8.06239L7.13093 10.4885C7.57922 11.0403 8.42149 11.0403 8.86986 10.4885L10.8411 8.06239C11.4359 7.33027 10.9149 6.23572 9.97158 6.23572H6.02913Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-solid-general-check-circle {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg id='check-circle'%3E%3Cpath id='Solid' fill-rule='evenodd' clip-rule='evenodd' d='M8 0.666626C3.94992 0.666626 0.666672 3.94987 0.666672 7.99996C0.666672 12.05 3.94992 15.3333 8 15.3333C12.0501 15.3333 15.3333 12.05 15.3333 7.99996C15.3333 3.94987 12.0501 0.666626 8 0.666626ZM11.4714 6.47136C11.7318 6.21101 11.7318 5.7889 11.4714 5.52855C11.2111 5.26821 10.7889 5.26821 10.5286 5.52855L7 9.05715L5.47141 7.52855C5.21106 7.2682 4.78895 7.2682 4.5286 7.52855C4.26825 7.7889 4.26825 8.21101 4.5286 8.47136L6.5286 10.4714C6.78895 10.7317 7.21106 10.7317 7.47141 10.4714L11.4714 6.47136Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-solid-general-x-circle {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath id='Solid' fill-rule='evenodd' clip-rule='evenodd' d='M8.00008 0.666016C3.94999 0.666016 0.666748 3.94926 0.666748 7.99935C0.666748 12.0494 3.94999 15.3327 8.00008 15.3327C12.0502 15.3327 15.3334 12.0494 15.3334 7.99935C15.3334 3.94926 12.0502 0.666016 8.00008 0.666016ZM10.4715 5.52794C10.7318 5.78829 10.7318 6.2104 10.4715 6.47075L8.94289 7.99935L10.4715 9.52794C10.7318 9.78829 10.7318 10.2104 10.4715 10.4708C10.2111 10.7311 9.78903 10.7311 9.52868 10.4708L8.00008 8.94216L6.47149 10.4708C6.21114 10.7311 5.78903 10.7311 5.52868 10.4708C5.26833 10.2104 5.26833 9.78829 5.52868 9.52794L7.05727 7.99935L5.52868 6.47075C5.26833 6.2104 5.26833 5.78829 5.52868 5.52794C5.78903 5.26759 6.21114 5.26759 6.47149 5.52794L8.00008 7.05654L9.52868 5.52794C9.78903 5.26759 10.2111 5.26759 10.4715 5.52794Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-solid-mediaAndDevices-stop-circle {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none'%3E%3Cg id='stop-circle'%3E%3Cpath id='Solid' fill-rule='evenodd' clip-rule='evenodd' d='M9.99992 0.833984C4.93731 0.833984 0.833252 4.93804 0.833252 10.0007C0.833252 15.0633 4.93731 19.1673 9.99992 19.1673C15.0625 19.1673 19.1666 15.0633 19.1666 10.0007C19.1666 4.93804 15.0625 0.833984 9.99992 0.833984ZM6.75741 7.12232C6.66658 7.30058 6.66658 7.53394 6.66658 8.00065V12.0006C6.66658 12.4674 6.66658 12.7007 6.75741 12.879C6.83731 13.0358 6.96479 13.1633 7.12159 13.2432C7.29985 13.334 7.53321 13.334 7.99992 13.334H11.9999C12.4666 13.334 12.7 13.334 12.8782 13.2432C13.035 13.1633 13.1625 13.0358 13.2424 12.879C13.3333 12.7007 13.3333 12.4674 13.3333 12.0006V8.00065C13.3333 7.53394 13.3333 7.30058 13.2424 7.12232C13.1625 6.96552 13.035 6.83804 12.8782 6.75814C12.7 6.66732 12.4666 6.66732 11.9999 6.66732H7.99992C7.53321 6.66732 7.29985 6.66732 7.12159 6.75814C6.96479 6.83804 6.83731 6.96552 6.75741 7.12232Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-vender-workflow-trigger-all {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.34698 6.42505C5.10275 5.79268 5.67045 5.17005 6.29816 5.30916L6.42446 5.34758L13.0846 7.92049L13.1999 7.97518C13.7051 8.26089 13.7647 8.9802 13.3118 9.34432L13.207 9.41659L10.8196 10.8202L9.416 13.2076C9.08465 13.7711 8.28069 13.742 7.97459 13.2004L7.9199 13.0852L5.34698 6.42505ZM8.791 11.6392L9.73631 10.0325L9.73696 10.0318L9.7962 9.94458C9.86055 9.86164 9.94031 9.79125 10.0312 9.73755L10.0319 9.7369L11.6387 8.79159L6.99738 6.99797L8.791 11.6392Z' fill='black'/%3E%3Cpath d='M2.79751 8.9257C3.05781 8.66539 3.47985 8.66547 3.74021 8.9257C4.00057 9.18604 4.00056 9.60805 3.74021 9.86841L3.03318 10.5754C2.77283 10.8356 2.35078 10.8357 2.09047 10.5754C1.83032 10.3151 1.83033 9.89305 2.09047 9.63273L2.79751 8.9257Z' fill='black'/%3E%3Cpath d='M1.99998 5.66659C2.36817 5.66659 2.66665 5.96506 2.66665 6.33325C2.66665 6.70144 2.36817 6.99992 1.99998 6.99992H0.99998C0.63179 6.99992 0.333313 6.70144 0.333313 6.33325C0.333313 5.96506 0.63179 5.66659 0.99998 5.66659H1.99998Z' fill='black'/%3E%3Cpath d='M9.63279 2.09106C9.8931 1.83077 10.3151 1.83086 10.5755 2.09106C10.8358 2.35142 10.8359 2.77343 10.5755 3.03377L9.86847 3.7408C9.6081 4.00098 9.18605 4.0011 8.92576 3.7408C8.66559 3.4805 8.66562 3.05841 8.92576 2.7981L9.63279 2.09106Z' fill='black'/%3E%3Cpath d='M2.09113 2.09041C2.33521 1.84649 2.72126 1.83132 2.98305 2.04484L3.03383 2.09041L3.74087 2.79744L3.78644 2.84823C3.9999 3.11002 3.98476 3.49609 3.74087 3.74015C3.49682 3.9842 3.11079 3.9992 2.84894 3.78573L2.79816 3.74015L2.09113 3.03312L2.04555 2.98234C1.83199 2.72049 1.84705 2.33449 2.09113 2.09041Z' fill='black'/%3E%3Cpath d='M6.33331 0.333252C6.7015 0.333252 6.99998 0.631729 6.99998 0.999919V1.99992C6.99998 2.36811 6.7015 2.66659 6.33331 2.66659C5.96512 2.66659 5.66665 2.36811 5.66665 1.99992V0.999919C5.66665 0.631729 5.96512 0.333252 6.33331 0.333252Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-arrow-down-tray {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-arrow-path {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-arrow-right {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-check {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 12.75l6 6l9-13.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-check-20-solid {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M16.705 4.153a.75.75 0 0 1 .142 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893l7.48-9.817a.75.75 0 0 1 1.05-.143' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-check-circle {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 12.75L11.25 15L15 9.75M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-check-circle-solid {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75s-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-chevron-down {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m19.5 8.25l-7.5 7.5l-7.5-7.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-chevron-down-20-solid {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-chevron-up {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 15.75l7.5-7.5l7.5 7.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-envelope {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-exclamation-triangle {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-microphone {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 0 1-3-3V4.5a3 3 0 1 1 6 0v8.25a3 3 0 0 1-3 3'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-moon-solid {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M9.528 1.718a.75.75 0 0 1 .162.819A9 9 0 0 0 9 6a9 9 0 0 0 9 9a9 9 0 0 0 3.463-.69a.75.75 0 0 1 .981.98a10.5 10.5 0 0 1-9.694 6.46c-5.799 0-10.5-4.7-10.5-10.5c0-4.368 2.667-8.112 6.46-9.694a.75.75 0 0 1 .818.162' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-rocket-launch-20-solid {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M4.606 12.97a.75.75 0 0 1-.134 1.051a2.49 2.49 0 0 0-.93 2.437q.222.042.458.042c.805 0 1.52-.38 1.979-.972a.75.75 0 1 1 1.186.918a3.995 3.995 0 0 1-4.482 1.332a.75.75 0 0 1-.461-.461a3.99 3.99 0 0 1 1.332-4.482a.75.75 0 0 1 1.052.134'/%3E%3Cpath d='M5.752 12A13 13 0 0 0 8 14.248v4.002c0 .414.336.75.75.75a5 5 0 0 0 4.797-6.414a12.98 12.98 0 0 0 5.45-10.848a.75.75 0 0 0-.735-.735L18 1C13.634 1 9.77 3.153 7.414 6.453A5 5 0 0 0 1 11.25c0 .414.336.75.75.75zM13 9a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-sparkles {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09m8.445-7.188L18 9.75l-.259-1.035a3.38 3.38 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.38 3.38 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.38 3.38 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.38 3.38 0 0 0-2.456 2.456m-1.365 11.852L16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183l.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394l-1.183.394a2.25 2.25 0 0 0-1.423 1.423'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-sun-solid {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2.25a.75.75 0 0 1 .75.75v2.25a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75M7.5 12a4.5 4.5 0 1 1 9 0a4.5 4.5 0 0 1-9 0m11.394-5.834a.75.75 0 0 0-1.06-1.06l-1.591 1.59a.75.75 0 1 0 1.06 1.061zM21.75 12a.75.75 0 0 1-.75.75h-2.25a.75.75 0 0 1 0-1.5H21a.75.75 0 0 1 .75.75m-3.916 6.894a.75.75 0 0 0 1.06-1.06l-1.59-1.591a.75.75 0 1 0-1.061 1.06zM12 18a.75.75 0 0 1 .75.75V21a.75.75 0 0 1-1.5 0v-2.25A.75.75 0 0 1 12 18m-4.242-.697a.75.75 0 0 0-1.061-1.06l-1.591 1.59a.75.75 0 0 0 1.06 1.061zM6 12a.75.75 0 0 1-.75.75H3a.75.75 0 0 1 0-1.5h2.25A.75.75 0 0 1 6 12m.697-4.243a.75.75 0 0 0 1.06-1.06l-1.59-1.591a.75.75 0 0 0-1.061 1.06z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-heroicons-x-mark {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-account-circle-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m.16 14a6.98 6.98 0 0 0-5.147 2.256A7.97 7.97 0 0 0 12 20a7.97 7.97 0 0 0 5.167-1.892A6.98 6.98 0 0 0 12.16 16M12 4a8 8 0 0 0-6.384 12.821A8.98 8.98 0 0 1 12.16 14a8.97 8.97 0 0 1 6.362 2.634A8 8 0 0 0 12 4m0 1a4 4 0 1 1 0 8a4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-add-box-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m1 2v14h14V5zm6 6V7h2v4h4v2h-4v4h-2v-4H7v-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-add-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-alert-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0M11 16v2h2v-2zm0-7v5h2V9z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-align-bottom {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 19h18v2H3zm5-6h3l-4 4l-4-4h3V3h2zm10 0h3l-4 4l-4-4h3V3h2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-align-center {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 4h18v2H3zm2 15h14v2H5zm-2-5h18v2H3zm2-5h14v2H5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-align-justify {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 4h18v2H3zm0 15h18v2H3zm0-5h18v2H3zm0-5h18v2H3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-align-left {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 4h18v2H3zm0 15h14v2H3zm0-5h18v2H3zm0-5h14v2H3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-align-right {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 4h18v2H3zm4 15h14v2H7zm-4-5h18v2H3zm4-5h14v2H7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-align-top {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 3h18v2H3zm5 8v10H6V11H3l4-4l4 4zm10 0v10h-2V11h-3l4-4l4 4z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-apps-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 11.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m0 10a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m10-10a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m0 10a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9M7 9.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m0 10a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m10-10a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m0 10a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-apps-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.75 2.5A4.25 4.25 0 0 1 11 6.75V11H6.75a4.25 4.25 0 0 1 0-8.5m0 10.5H11v4.25A4.25 4.25 0 1 1 6.75 13m10.5-10.5a4.25 4.25 0 0 1 0 8.5H13V6.75a4.25 4.25 0 0 1 4.25-4.25M13 13h4.25A4.25 4.25 0 1 1 13 17.25z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-archive-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 20V7l-2-4H4L2 7.004V20a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1M4 9h16v10H4zm1.236-4h13.528l1 2H4.237zM15 11H9v2h6z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-archive-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 10H2V4.003C2 3.449 2.455 3 2.992 3h18.016A.99.99 0 0 1 22 4.003V10h-1v10.002a.996.996 0 0 1-.993.998H3.993A.996.996 0 0 1 3 20.002zm16 0H5v9h14zM4 5v3h16V5zm5 7h6v2H9z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-down-circle-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12S6.48 2 12 2m0 18c4.42 0 8-3.58 8-8s-3.58-8-8-8s-8 3.58-8 8s3.58 8 8 8m1-8h3l-4 4l-4-4h3V8h2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-down-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13 16.172l5.364-5.364l1.414 1.414L12 20l-7.778-7.778l1.414-1.414L11 16.172V4h2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-down-s-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-go-back-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m5.828 7l2.536 2.535L6.95 10.95L2 6l4.95-4.95l1.414 1.415L5.828 5H13a8 8 0 1 1 0 16H4v-2h9a6 6 0 0 0 0-12z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-go-forward-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 7h-5a6 6 0 1 0 0 12h9v2h-9a8 8 0 1 1 0-16h5V1l6 5l-6 5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-left-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.828 11H20v2H7.828l5.364 5.364l-1.414 1.414L4 12l7.778-7.778l1.414 1.414z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-left-right-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16.05 12.05L21 17l-4.95 4.95l-1.414-1.415L17.172 18H4v-2h13.172l-2.536-2.535zm-8.1-10l1.414 1.414l-2.536 2.535H20v2H6.828l2.536 2.536L7.95 11.95L3 7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-right-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16.172 11l-5.364-5.364l1.414-1.414L20 12l-7.778 7.778l-1.414-1.414L16.172 13H4v-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-right-s-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-right-up-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16.004 9.414l-8.607 8.607l-1.414-1.414L14.59 8H7.003V6h11v11h-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-up-double-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 4.836l-6.207 6.207l1.414 1.414L12 7.664l4.793 4.793l1.414-1.414zm0 5.65l-6.207 6.207l1.414 1.414L12 13.314l4.793 4.793l1.414-1.414z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-arrow-up-s-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-book-open-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 21v2h-2v-2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a4 4 0 0 1 3 1.354A4 4 0 0 1 15 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1zm7-2V5h-5a2 2 0 0 0-2 2v12zm-9 0V7a2 2 0 0 0-2-2H4v14z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-bookmark-3-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 2h16a1 1 0 0 1 1 1v19.276a.5.5 0 0 1-.704.457L12 19.03l-8.296 3.702A.5.5 0 0 1 3 22.276V3a1 1 0 0 1 1-1m15 17.965V4H5v15.965l7-3.124zM12 13.5l-2.939 1.545l.561-3.272l-2.377-2.318l3.286-.478L12 6l1.47 2.977l3.285.478l-2.377 2.318l.56 3.272z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-braces-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 18v-3.7a1.5 1.5 0 0 0-1.5-1.5H2v-1.6h.5A1.5 1.5 0 0 0 4 9.7V6a3 3 0 0 1 3-3h1v2H7a1 1 0 0 0-1 1v4.1A2 2 0 0 1 4.626 12A2 2 0 0 1 6 13.9V18a1 1 0 0 0 1 1h1v2H7a3 3 0 0 1-3-3m16-3.7V18a3 3 0 0 1-3 3h-1v-2h1a1 1 0 0 0 1-1v-4.1a2 2 0 0 1 1.374-1.9A2 2 0 0 1 18 10.1V6a1 1 0 0 0-1-1h-1V3h1a3 3 0 0 1 3 3v3.7a1.5 1.5 0 0 0 1.5 1.5h.5v1.6h-.5a1.5 1.5 0 0 0-1.5 1.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-brain-2-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.5 2a3.5 3.5 0 0 0-3.46 4.03A3.5 3.5 0 0 0 3.05 12a3.5 3.5 0 0 0 .963 5.67Q4 17.832 4 18a4 4 0 0 0 7 2.646V3.05A3.5 3.5 0 0 0 8.5 2M13 3.05v17.596a4 4 0 0 0 6.986-2.977A3.5 3.5 0 0 0 20.95 12a3.5 3.5 0 0 0-1.99-5.97q.04-.26.041-.53a3.5 3.5 0 0 0-6-2.45'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-brain-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 6q.001.357.115.67a1 1 0 0 1-1 1.333L6 8a2 2 0 0 0-1.491 3.333a1 1 0 0 1 0 1.334a2 2 0 0 0 .864 3.233a1 1 0 0 1 .67 1.135a2.5 2.5 0 1 0 4.932.824q.009-.063.025-.123V6a2 2 0 1 0-4 0m6 11.736q.016.06.025.122a2.5 2.5 0 1 0 4.932-.823a1 1 0 0 1 .67-1.135a2 2 0 0 0 .864-3.233a1 1 0 0 1 0-1.334a2 2 0 0 0-1.607-3.33a1 1 0 0 1-.999-1.333q.113-.313.115-.67a2 2 0 1 0-4 0zM9 2a4 4 0 0 1 3 1.354a4 4 0 0 1 6.998 2.771A4.002 4.002 0 0 1 21.465 12A3.997 3.997 0 0 1 20 17.465v.035a4.5 4.5 0 0 1-8 2.828A4.5 4.5 0 0 1 4 17.5v-.035A3.997 3.997 0 0 1 2.535 12a4.002 4.002 0 0 1 2.467-5.874L5 6a4 4 0 0 1 4-4'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-brain-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 4a2 2 0 0 1 2 2v6.827c-.894-.69-2.034-1.097-3.336-1.313l-.328 1.972c1.38.23 2.261.667 2.804 1.255c.53.574.86 1.426.86 2.759a2.5 2.5 0 0 1-5 0v-.35c.43.143.876.26 1.336.336l.328-1.972c-.743-.124-1.489-.4-2.235-.754A2.5 2.5 0 0 1 4 12.5c0-.835.208-1.492.559-1.974c.345-.476.883-.856 1.684-1.056L7 9.28V6a2 2 0 0 1 2-2m3-.646A4 4 0 0 0 5 6v1.774c-.851.342-1.549.874-2.059 1.575C2.292 10.242 2 11.335 2 12.5a4.49 4.49 0 0 0 2 3.742V17.5a4.5 4.5 0 0 0 8 2.829a4.5 4.5 0 0 0 8-2.829v-1.258a4.49 4.49 0 0 0 2-3.742c0-1.165-.292-2.258-.941-3.15c-.51-.702-1.208-1.234-2.059-1.576V6a4 4 0 0 0-7-2.646m6 13.795v.351a2.5 2.5 0 0 1-5 0c0-1.333.33-2.185.86-2.76c.543-.587 1.424-1.024 2.804-1.254l-.328-1.972c-1.302.216-2.442.623-3.336 1.313V6a2 2 0 1 1 4 0v3.28l.758.19c.8.2 1.338.58 1.683 1.056c.351.482.559 1.14.559 1.974c0 .999-.582 1.857-1.43 2.26c-.745.354-1.492.63-2.234.754l.328 1.972A9 9 0 0 0 18 17.149'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-building-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1zM5 5v14h8V5zm2 6h4v2H7zm0-4h4v2H7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-calendar-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1zm11 10H4v8h16zM7 5H4v4h16V5h-3v2h-2V5H9v2H7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-chat-1-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 3h4a8 8 0 1 1 0 16v3.5c-5-2-12-5-12-11.5a8 8 0 0 1 8-8m2 14h2a6 6 0 0 0 0-12h-4a6 6 0 0 0-6 6c0 3.61 2.462 5.966 8 8.48z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-chat-settings-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 12h-2V5H4v13.385L5.763 17H12v2H6.455L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1zm-7.855 7.071a4 4 0 0 1 0-2.142l-.975-.563l1-1.732l.976.563A4 4 0 0 1 17 14.127V13h2v1.126c.715.184 1.352.56 1.854 1.072l.976-.564l1 1.732l-.975.563a4 4 0 0 1 0 2.142l.975.563l-1 1.732l-.976-.564A4 4 0 0 1 19 21.874V23h-2v-1.126a4 4 0 0 1-1.854-1.072l-.976.564l-1-1.732zM18 20a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-chat-smile-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.291 20.824L2 22l1.176-5.291A9.96 9.96 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10a9.96 9.96 0 0 1-4.709-1.176m.29-2.113l.653.35A7.96 7.96 0 0 0 12 20a8 8 0 1 0-8-8c0 1.335.325 2.617.94 3.766l.349.653l-.655 2.947zM7 12h2a3 3 0 1 0 6 0h2a5 5 0 0 1-10 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-check-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10 15.17l9.192-9.191l1.414 1.414L10 17.999l-6.364-6.364l1.414-1.414z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-checkbox-circle-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m5.457-12.543L11 15.914l-4.207-4.207l1.414-1.414L11 13.086l5.043-5.043z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-checkbox-circle-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m5.457 7.457l-1.414-1.414L11 13.086l-2.793-2.793l-1.414 1.414L11 15.914z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-clipboard-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6 4v4h12V4h2.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.993.993 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4zm2-2h8v4H8z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-clipboard-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 4V2h10v2h3.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.993.993 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4zm0 2H5v14h14V6h-2v2H7zm2-2v2h6V4z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-close-circle-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-11.414L9.172 7.757L7.757 9.172L10.586 12l-2.829 2.828l1.415 1.415L12 13.414l2.828 2.829l1.415-1.415L13.414 12l2.829-2.828l-1.415-1.415z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-close-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-collapse-diagonal-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 4h2v7H4V9h3.586L3.293 4.707l1.414-1.414L9 7.586zm11 11h-3.586l4.293 4.293l-1.414 1.414L15 16.414V20h-2v-7h7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-color-filter-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16.572 8.027a5 5 0 1 0-5.101 2.945a7 7 0 0 1 5.1-2.945m-3.418 9.92a7 7 0 0 0 0-5.892a5 5 0 1 1 0 5.89m-6.88-7.92a7 7 0 0 0 5.1 2.946a5 5 0 1 1-5.1-2.946'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-color-filter-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 3a4 4 0 0 1 3.696 5.533a6 6 0 0 0-4.216 2.434A4 4 0 0 1 8 7a4 4 0 0 1 4-4m5.764 5.672a6 6 0 1 0-11.527 0A6 6 0 1 0 12 18.655a6 6 0 1 0 5.764-9.983m-4.61 8.262a6 6 0 0 0 0-4.867a4.001 4.001 0 1 1 0 4.867m-1.79-3.967a4.001 4.001 0 1 1-4.214-2.434a6 6 0 0 0 4.215 2.434'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-computer-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 16h16V5H4zm9 2v2h4v2H7v-2h4v-2H2.992A1 1 0 0 1 2 16.992V4.008C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.985c0 .557-.455 1.008-.992 1.008z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-database-2-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 9.5v3c0 2.485-4.03 4.5-9 4.5s-9-2.015-9-4.5v-3c0 2.485 4.03 4.5 9 4.5s9-2.015 9-4.5m-18 5c0 2.485 4.03 4.5 9 4.5s9-2.015 9-4.5v3c0 2.485-4.03 4.5-9 4.5s-9-2.015-9-4.5zm9-2.5c-4.97 0-9-2.015-9-4.5S7.03 3 12 3s9 2.015 9 4.5s-4.03 4.5-9 4.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-database-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 12.5c0 .313.461.858 1.53 1.393C7.914 14.585 9.877 15 12 15s4.086-.415 5.47-1.107c1.069-.535 1.53-1.08 1.53-1.393v-2.171C17.35 11.349 14.827 12 12 12s-5.35-.652-7-1.671zm14 2.829C17.35 16.349 14.827 17 12 17s-5.35-.652-7-1.671V17.5c0 .313.461.858 1.53 1.393C7.914 19.585 9.877 20 12 20s4.086-.415 5.47-1.107c1.069-.535 1.53-1.08 1.53-1.393zM3 17.5v-10C3 5.015 7.03 3 12 3s9 2.015 9 4.5v10c0 2.485-4.03 4.5-9 4.5s-9-2.015-9-4.5m9-7.5c2.123 0 4.086-.415 5.47-1.107C18.539 8.358 19 7.813 19 7.5s-.461-.858-1.53-1.393C16.086 5.415 14.123 5 12 5s-4.086.415-5.47 1.107C5.461 6.642 5 7.187 5 7.5s.461.858 1.53 1.393C7.914 9.585 9.877 10 12 10'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-delete-bin-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 6h5v2h-2v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8H2V6h5V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zm1 2H6v12h12zm-9 3h2v6H9zm4 0h2v6h-2zM9 4v2h6V4z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-discord-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.52 13.846c-1.04 0-1.888-.945-1.888-2.101s.827-2.102 1.889-2.102c1.05 0 1.91.945 1.889 2.102c0 1.156-.839 2.1-1.89 2.1m6.974 0c-1.04 0-1.89-.945-1.89-2.101s.829-2.102 1.89-2.102c1.05 0 1.91.945 1.89 2.102c0 1.156-.829 2.1-1.89 2.1m-5.369-9.523l-.308-.563l-.634.106a16.4 16.4 0 0 0-4.158 1.28l-.228.105l-.142.21c-2.613 3.853-3.33 7.648-2.975 11.375l.039.407l.33.24a16.9 16.9 0 0 0 5.078 2.543l.79.242L9.03 17.55c1.91.472 4.03.472 5.939 0l1.107 2.717l.79-.242a16.8 16.8 0 0 0 5.08-2.545l.327-.238l.04-.402c.436-4.32-.697-8.083-2.958-11.384l-.142-.208l-.228-.104a16.6 16.6 0 0 0-4.154-1.28l-.618-.103l-.314.542c-.088.15-.177.32-.263.493a16 16 0 0 0-3.263 0c-.085-.17-.17-.333-.248-.474M6.715 16.61c.197.114.405.226.61.328l-.449 1.096a15 15 0 0 1-3.428-1.778c-.225-3.138.413-6.305 2.564-9.57a14.6 14.6 0 0 1 2.824-.913c.06.125.116.248.162.356l.273.643l.692-.101a14.1 14.1 0 0 1 4.09 0l.69.1l.272-.642c.047-.112.102-.234.16-.356c.977.21 1.923.52 2.828.915c1.875 2.82 2.821 5.966 2.546 9.567a15 15 0 0 1-3.43 1.779l-.445-1.095c.206-.102.414-.214.613-.329c.49-.282 1.017-.634 1.353-.97l-1.28-1.28c-.163.164-.523.42-.977.682c-.444.256-.885.463-1.167.556c-2.003.663-4.428.663-6.432 0c-.281-.093-.722-.3-1.166-.556c-.454-.261-.814-.518-.978-.682l-1.28 1.28c.337.336.864.688 1.354.97'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-discuss-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 22.5L11.2 19H6a1 1 0 0 1-1-1V7.103a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1V18a1 1 0 0 1-1 1h-5.2zm1.839-5.5H21V8.103H7V17h5.161L14 19.298zM2 2h17v2H3v11H1V3a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-download-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 10h5l-6 6l-6-6h5V3h2zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-download-cloud-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 13v5.585l1.828-1.828l1.415 1.415L12 22.414l-4.243-4.242l1.415-1.415L11 18.585V13zM12 2a7 7 0 0 1 6.954 6.194A5.5 5.5 0 0 1 18 18.978v-2.014a3.5 3.5 0 1 0-1.111-6.91a5 5 0 1 0-9.777 0a3.5 3.5 0 0 0-1.292 6.88l.18.03v2.014a5.5 5.5 0 0 1-.954-10.784A7 7 0 0 1 12 2'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-download-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 19h18v2H3zm10-5.828L19.071 7.1l1.414 1.414L12 17L3.515 8.515L4.929 7.1L11 13.173V2h2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-drag-drop-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16 13l6.964 4.062l-2.973.85l2.125 3.681l-1.732 1l-2.125-3.68l-2.223 2.15zm-2-7h2v2h5a1 1 0 0 1 1 1v4h-2v-3H10v10h4v2H9a1 1 0 0 1-1-1v-5H6v-2h2V9a1 1 0 0 1 1-1h5zM4 14v2H2v-2zm0-4v2H2v-2zm0-4v2H2V6zm0-4v2H2V2zm4 0v2H6V2zm4 0v2h-2V2zm4 0v2h-2V2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-draggable {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.5 7a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m0 6.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m1.5 5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0M15.5 7a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m1.5 5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-1.5 8a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-edit-box-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16.757 2.997l-2 2H5v14h14V9.239l2-2v12.758a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-16a1 1 0 0 1 1-1zm3.728-.9L21.9 3.511l-9.193 9.193l-1.412.002l-.002-1.416z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-edit-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.414 15.89L16.556 5.748l-1.414-1.414L5 14.476v1.414zm.829 2H3v-4.243L14.435 2.212a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414zM3 19.89h18v2H3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-equalizer-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 7a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m1.5-3.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M12 8h8V6h-8zm4 9a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m1.5-3.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M4 16v2h8v-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-error-warning-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-1-7v2h2v-2zm0-8v6h2V7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-error-warning-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-1-5h2v2h-2zm0-8h2v6h-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-exchange-2-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 21.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m10-10a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9M3 8a5 5 0 0 1 5-5h3v2H8a3 3 0 0 0-3 3v3H3zm16 5v3a3 3 0 0 1-3 3h-3v2h3a5 5 0 0 0 5-5v-3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-exchange-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 21.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m10-10a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m-10 8a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m10-10a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5M3 8a5 5 0 0 1 5-5h3v2H8a3 3 0 0 0-3 3v3H3zm18 5h-2v3a3 3 0 0 1-3 3h-3v2h3a5 5 0 0 0 5-5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-expand-diagonal-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.414 5H10V3H3v7h2V6.414l4.293 4.293l1.414-1.414zM21 14h-2v3.586l-4.293-4.293l-1.414 1.414L17.586 19H14v2h7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-expand-right-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m17.172 11l-4.657-4.657l1.414-1.414L21 12l-7.071 7.071l-1.414-1.414L17.172 13H8v-2zM4 19V5h2v14z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-external-link-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-file-4-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m21 16l-6.003 6H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1zm-2-1V4H5v16h9v-5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-file-copy-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1 1 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1zM5.002 8L5 20h10V8zM9 6h8v10h2V4H9z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-file-download-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 12h3l-4 4l-4-4h3V8h2zm2-8H5v16h14V8h-4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-file-list-3-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12h4v4a3 3 0 0 1-3 3m-1-5v2a1 1 0 1 0 2 0v-2zm-2 3V4H4v15a1 1 0 0 0 1 1zM6 7h8v2H6zm0 4h8v2H6zm0 4h5v2H6z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-flashlight-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 9h8L11 24v-9H4l9-15zm-2 2V7.22L7.532 13H13v4.394L17.263 11z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-fullscreen-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 3v2H4v4H2V3zM2 21v-6h2v4h4v2zm20 0h-6v-2h4v-4h2zm0-12h-2V5h-4V3h6z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-github-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.884 18.653c-.3-.2-.558-.455-.86-.816a51 51 0 0 1-.466-.579c-.463-.575-.755-.841-1.056-.95a1 1 0 1 1 .675-1.882c.752.27 1.261.735 1.947 1.588c-.094-.117.34.427.433.539c.19.227.33.365.44.438c.204.137.588.196 1.15.14c.024-.382.094-.753.202-1.095c-2.968-.726-4.648-2.64-4.648-6.396c0-1.24.37-2.356 1.058-3.292c-.218-.894-.185-1.975.302-3.192a1 1 0 0 1 .63-.582c.081-.024.127-.035.208-.047c.803-.124 1.937.17 3.415 1.096a11.7 11.7 0 0 1 2.687-.308c.912 0 1.819.104 2.684.308c1.477-.933 2.614-1.227 3.422-1.096q.128.02.218.05a1 1 0 0 1 .616.58c.487 1.216.52 2.296.302 3.19c.691.936 1.058 2.045 1.058 3.293c0 3.757-1.674 5.665-4.642 6.392c.125.415.19.878.19 1.38c0 .665-.002 1.299-.007 2.01c0 .19-.002.394-.005.706a1 1 0 0 1-.018 1.958c-1.14.227-1.984-.532-1.984-1.525l.002-.447l.005-.705c.005-.707.008-1.337.008-1.997c0-.697-.184-1.152-.426-1.361c-.661-.57-.326-1.654.541-1.751c2.966-.333 4.336-1.482 4.336-4.66c0-.955-.312-1.744-.913-2.404A1 1 0 0 1 17.2 6.19c.166-.414.236-.957.095-1.614l-.01.003c-.491.139-1.11.44-1.858.949a1 1 0 0 1-.833.135a9.6 9.6 0 0 0-2.592-.349c-.89 0-1.772.118-2.592.35a1 1 0 0 1-.829-.134c-.753-.507-1.374-.807-1.87-.947c-.143.653-.072 1.194.093 1.607a1 1 0 0 1-.189 1.045c-.597.655-.913 1.458-.913 2.404c0 3.172 1.371 4.328 4.322 4.66c.865.097 1.202 1.177.545 1.748c-.193.168-.43.732-.43 1.364v3.15c0 .985-.834 1.725-1.96 1.528a1 1 0 0 1-.04-1.962v-.99c-.91.061-1.661-.088-2.254-.485'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-global-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.01 8.01 0 0 0 5.648 6.667M10.03 13c.151 2.439.848 4.73 1.97 6.752A15.9 15.9 0 0 0 13.97 13zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.01 8.01 0 0 0 19.938 13M4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333A8.01 8.01 0 0 0 4.062 11m5.969 0h3.938A15.9 15.9 0 0 0 12 4.248A15.9 15.9 0 0 0 10.03 11m4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.01 8.01 0 0 0-5.648-6.667'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-graduation-cap-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2L0 9l12 7l10-5.833V17.5h2V9zM3.999 13.49V18a9.99 9.99 0 0 0 8 4A9.99 9.99 0 0 0 20 18v-4.509l-8 4.667z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-group-2-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 19.748V16.4c0-1.283.995-2.292 2.467-2.868A8.5 8.5 0 0 0 9.5 13c-1.89 0-3.636.617-5.047 1.66A8.02 8.02 0 0 0 10 19.748m8.88-3.662C18.485 15.553 17.17 15 15.5 15c-2.006 0-3.5.797-3.5 1.4V20a8 8 0 0 0 6.88-3.914M9.55 11.5a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m5.95 1a2 2 0 1 0 0-4a2 2 0 0 0 0 4M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-group-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.55 11.5a2.25 2.25 0 1 1 0-4.5a2.25 2.25 0 0 1 0 4.5m.45 8.248V16.4c0-.488.144-.937.404-1.338a6.47 6.47 0 0 0-5.033 1.417A8 8 0 0 0 10 19.749M4.453 14.66A8.46 8.46 0 0 1 9.5 13a8.5 8.5 0 0 1 2.967.532C13.345 13.19 14.392 13 15.5 13c1.66 0 3.185.424 4.206 1.156a8 8 0 1 0-15.253.504m14.426 1.426C18.486 15.553 17.171 15 15.5 15c-2.006 0-3.5.797-3.5 1.4V20a8 8 0 0 0 6.88-3.914M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m3.5-9.5a2 2 0 1 1 0-4a2 2 0 0 1 0 4'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-home-9-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.581 2.686a1 1 0 0 0-1.162 0l-9.5 6.786l1.162 1.627L12 4.73l8.919 6.37l1.162-1.627zm7 10l-7-5a1 1 0 0 0-1.162 0l-7 5a1 1 0 0 0-.42.814V20a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-6.5a1 1 0 0 0-.418-.814M6 19v-4.985l6-4.286l6 4.286V19z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-image-add-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3zm.008-12c.548 0 .992.445.992.993V13h-2V5H4v13.999L14 9l3 3v2.829l-3-3L6.827 19H14v2H2.992A.993.993 0 0 1 2 20.007V3.993A1 1 0 0 1 2.992 3zM8 7a2 2 0 1 1 0 4a2 2 0 0 1 0-4'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-indeterminate-circle-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-5-9h10v2H7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-information-2-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-12.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m2 5.5h-1v-4.5h-3v2h1V15h-1v2h4z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-information-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m1-9.5V15h1v2h-4v-2h1v-2.5h-1v-2zm.5-2.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-information-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-layout-left-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm-1 2H4v14h16zM8 7v10H6V7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-layout-right-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm-1 2H4v14h16zm-2 2v10h-2V7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-link {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18.364 15.536L16.95 14.12l1.414-1.414a5 5 0 0 0-7.071-7.071L9.878 7.05L8.464 5.636l1.414-1.414a7 7 0 0 1 9.9 9.9zm-2.829 2.828l-1.414 1.414a7 7 0 0 1-9.9-9.9l1.415-1.414L7.05 9.88l-1.414 1.414a5 5 0 0 0 7.07 7.071l1.415-1.414zm-.707-10.607l1.415 1.415l-7.072 7.07l-1.414-1.414z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-list-check-3 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 6v3H5V6zM3 4v7h7V4zm10 0h8v2h-8zm0 7h8v2h-8zm0 7h8v2h-8zm-2.293-1.793l-1.414-1.414L6 18.086l-1.793-1.793l-1.414 1.414L6 20.914z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-list-unordered {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 4h13v2H8zM4.5 6.5a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m0 7a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m0 6.9a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3M8 11h13v2H8zm0 7h13v2H8z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-loader-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1m0 15a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1m10-5a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h3a1 1 0 0 1 1 1M7 12a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h3a1 1 0 0 1 1 1m12.071 7.071a1 1 0 0 1-1.414 0l-2.121-2.121a1 1 0 0 1 1.414-1.414l2.121 2.12a1 1 0 0 1 0 1.415M8.464 8.464a1 1 0 0 1-1.414 0l-2.12-2.12a1 1 0 0 1 1.414-1.415l2.12 2.121a1 1 0 0 1 0 1.414M4.93 19.071a1 1 0 0 1 0-1.414l2.121-2.121a1 1 0 0 1 1.414 1.414l-2.12 2.121a1 1 0 0 1-1.415 0M15.536 8.464a1 1 0 0 1 0-1.414l2.12-2.121a1 1 0 1 1 1.415 1.414L16.95 8.464a1 1 0 0 1-1.414 0'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-lock-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0zM5 12v8h14v-8zm6 2h2v4h-2zm6-4V9A5 5 0 0 0 7 9v1z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-logout-box-r-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 22a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v3h-2V4H6v16h12v-2h2v3a1 1 0 0 1-1 1zm13-6v-3h-7v-2h7V8l5 4z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-loop-left-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 4a7.99 7.99 0 0 0-6.616 3.5H8v2H2v-6h2V6a9.98 9.98 0 0 1 8-4c5.523 0 10 4.477 10 10h-2a8 8 0 0 0-8-8m-8 8a8 8 0 0 0 14.616 4.5H16v-2h6v6h-2V18a9.98 9.98 0 0 1-8 4C6.477 22 2 17.523 2 12z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-macbook-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 5v11h16V5zm-2-.993C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007V18H2zM1 19h22v2H1z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-mail-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m9.06 8.683L5.648 6.238L4.353 7.762l7.72 6.555l7.581-6.56l-1.308-1.513z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-mail-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m17 4.238l-7.928 7.1L4 7.216V19h16zM4.511 5l7.55 6.662L19.502 5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-mail-send-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 3a1 1 0 0 1 1 1v16.007a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V19h18V7.3l-8 7.2l-10-9V4a1 1 0 0 1 1-1zM8 15v2H0v-2zm-3-5v2H0v-2zm14.566-5H4.434L12 11.81z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-map-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m2 5l7-3l6 3l6.303-2.701a.5.5 0 0 1 .697.46V19l-7 3l-6-3l-6.303 2.701a.5.5 0 0 1-.697-.46zm14 14.395l4-1.714V5.033l-4 1.714zm-2-.131V6.736l-4-2v12.528zm-6-2.011V4.605L4 6.319v12.648z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-menu-4-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 18v2H5v-2zm5-7v2H3v-2zm-2-7v2H8V4z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-menu-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-message-3-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 8.994A5.99 5.99 0 0 1 8 3h8c3.313 0 6 2.695 6 5.994V21H8c-3.313 0-6-2.695-6-5.994zM20 19V8.994A4.004 4.004 0 0 0 16 5H8a3.99 3.99 0 0 0-4 3.994v6.012A4.004 4.004 0 0 0 8 19zm-6-8h2v2h-2zm-6 0h2v2H8z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-money-dollar-circle-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.005 22.003c-5.523 0-10-4.477-10-10s4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10m-3.5-8v2h2.5v2h2v-2h1a2.5 2.5 0 1 0 0-5h-4a.5.5 0 1 1 0-1h5.5v-2h-2.5v-2h-2v2h-1a2.5 2.5 0 1 0 0 5h4a.5.5 0 0 1 0 1z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-money-dollar-circle-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.005 22.003c-5.523 0-10-4.477-10-10s4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-3.5-6h5.5a.5.5 0 1 0 0-1h-4a2.5 2.5 0 1 1 0-5h1v-2h2v2h2.5v2h-5.5a.5.5 0 0 0 0 1h4a2.5 2.5 0 0 1 0 5h-1v2h-2v-2h-2.5z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-moon-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938A8 8 0 0 0 4 12'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-more-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m14 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m-7 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-more-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5m15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5m-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5s1.5-.675 1.5-1.5s-.675-1.5-1.5-1.5'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-pause-circle-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10M9 9v6h2V9zm4 0v6h2V9z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-pause-circle-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16M9 9h2v6H9zm4 0h2v6h-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-pencil-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m15.728 9.576l-1.414-1.414L5 17.476v1.414h1.414zm1.414-1.414l1.414-1.414l-1.414-1.414l-1.414 1.414zm-9.9 12.728H3v-4.243L16.435 3.212a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-planet-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.918 8.037A9 9 0 0 0 15.966 20.08c.873.373 1.719.618 2.49.681c.902.074 1.844-.095 2.526-.777c.752-.752.88-1.816.746-2.812c-.123-.91-.48-1.92-1.002-2.961A9 9 0 0 0 9.791 3.274c-1.044-.524-2.055-.882-2.965-1.006c-.997-.135-2.062-.007-2.815.746c-.682.683-.851 1.626-.777 2.528c.064.773.31 1.62.684 2.495m1.404-2.071a4 4 0 0 1-.095-.587c-.048-.586.09-.842.198-.95c.12-.12.423-.275 1.132-.179q.298.04.643.136a9 9 0 0 0-1.878 1.58m14.29 10.837a5 5 0 0 1 .134.637c.096.709-.06 1.012-.178 1.13c-.109.109-.364.247-.95.199a4 4 0 0 1-.581-.094a9 9 0 0 0 1.575-1.872m-3.73 1.023c-1.677-.878-3.625-2.323-5.507-4.205c-1.88-1.88-3.324-3.825-4.203-5.5A7.02 7.02 0 0 1 9.97 5.298a7 7 0 0 1 5.912 12.528m-2.277.99a7 7 0 0 1-8.42-8.419c.964 1.516 2.25 3.112 3.776 4.638c1.528 1.528 3.126 2.815 4.644 3.78'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-play-circle-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16M10.622 8.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-play-large-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6 20.196V3.804a1 1 0 0 1 1.53-.848l13.113 8.196a1 1 0 0 1 0 1.696L7.53 21.044A1 1 0 0 1 6 20.196'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-play-large-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 18.392V5.608L18.226 12zM6 3.804v16.392a1 1 0 0 0 1.53.848l13.113-8.196a1 1 0 0 0 0-1.696L7.53 2.956A1 1 0 0 0 6 3.804'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-play-list-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 18v2H2v-2zM2 3.5l8 5l-8 5zM22 11v2H12v-2zM4 7.109v2.783L6.226 8.5zM22 4v2H12V4z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-price-tag-3-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10.904 2.1l9.9 1.414l1.414 9.9l-9.192 9.192a1 1 0 0 1-1.415 0l-9.9-9.9a1 1 0 0 1 0-1.413zm.707 2.122L3.833 12l8.485 8.485l7.779-7.778l-1.061-7.425zm2.122 6.363a2 2 0 1 1 2.828-2.828a2 2 0 0 1-2.828 2.829'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-pushpin-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13.827 1.69l8.486 8.485l-1.415 1.414l-.707-.707l-4.242 4.243l-.707 3.536l-1.415 1.414l-4.242-4.243l-4.95 4.95l-1.414-1.414l4.95-4.95l-4.243-4.243l1.414-1.414l3.536-.707l4.242-4.243l-.707-.707zm.707 3.536l-4.67 4.67l-2.822.565l6.5 6.5l.564-2.822l4.671-4.67z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-puzzle-2-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 4a3 3 0 1 1 5.83 1H20a1 1 0 0 1 1 1v3.126a1 1 0 0 1-1.25.969a3 3 0 1 0 0 5.811a1 1 0 0 1 1.25.968V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4.17C8.06 4.687 8 4.35 8 4'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-puzzle-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 5a4 4 0 1 1 8 0h5a1 1 0 0 1 1 1v4.17a1 1 0 0 1-1.333.944a2 2 0 1 0 0 3.773a1 1 0 0 1 1.333.942V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm4-2a2 2 0 0 0-1.886 2.667A1 1 0 0 1 8.17 7H5v12h14v-2a4 4 0 0 1 0-8V7h-5.17a1 1 0 0 1-.944-1.333Q13 5.355 13 5a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-qr-code-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 17v-1h-3v-3h3v2h2v2h-1v2h-2v2h-2v-3h2v-1zm5 4h-4v-2h2v-2h2zM3 3h8v8H3zm2 2v4h4V5zm8-2h8v8h-8zm2 2v4h4V5zM3 13h8v8H3zm2 2v4h4v-4zm13-2h3v2h-3zM6 6h2v2H6zm0 10h2v2H6zM16 6h2v2h-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-question-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-1-5h2v2h-2zm2-1.645V14h-2v-1.5a1 1 0 0 1 1-1a1.5 1.5 0 1 0-1.471-1.794l-1.962-.393A3.501 3.501 0 1 1 13 13.355'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-refresh-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.463 4.433A9.96 9.96 0 0 1 12 2c5.523 0 10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228zm13.074 15.134A9.96 9.96 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-reset-left-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2v2a8 8 0 1 0 4.5 1.385V8h-2V2h6v2H18a9.99 9.99 0 0 1 4 8'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-robot-3-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 1v1H7a3 3 0 0 0-3 3v3a5 5 0 0 0 5 5h6a5 5 0 0 0 5-5V5a3 3 0 0 0-3-3h-4V1zM6 5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v3a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3zm3.5 4a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m5 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3M6 22a6 6 0 0 1 12 0h2a8 8 0 1 0-16 0z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-search-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-settings-3-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.34 17a10 10 0 0 1-.979-2.326a3 3 0 0 0 .003-5.347a10 10 0 0 1 2.5-4.337a3 3 0 0 0 4.632-2.674a10 10 0 0 1 5.007.003a3 3 0 0 0 4.632 2.671a10.06 10.06 0 0 1 2.503 4.336a3 3 0 0 0-.002 5.347a10 10 0 0 1-2.501 4.337a3 3 0 0 0-4.632 2.674a10 10 0 0 1-5.007-.002a3 3 0 0 0-4.631-2.672A10 10 0 0 1 3.339 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.07 1.499.002a5 5 0 0 1 2.25-2.772a5 5 0 0 1 3.526-.564q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334a8 8 0 0 0-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.5-.001A5 5 0 0 1 9 6.804a5 5 0 0 1-3.526.564q-.436.614-.747 1.298A5 5 0 0 1 6 12c0 1.26-.471 2.437-1.273 3.334a8 8 0 0 0 .75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-settings-4-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 12c0-.865.11-1.704.316-2.504A3 3 0 0 0 4.99 4.867a10 10 0 0 1 4.335-2.506a3 3 0 0 0 5.348 0a10 10 0 0 1 4.335 2.506a3 3 0 0 0 2.675 4.63c.206.8.316 1.638.316 2.503c0 .864-.11 1.703-.316 2.503a3 3 0 0 0-2.675 4.63a10 10 0 0 1-4.335 2.505a3 3 0 0 0-5.348 0a10 10 0 0 1-4.335-2.505a3 3 0 0 0-2.675-4.63C2.11 13.703 2 12.864 2 12m4.804 3c.63 1.091.81 2.346.564 3.524q.613.436 1.297.75A5 5 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274q.684-.314 1.297-.75A5 5 0 0 1 17.196 15a5 5 0 0 1 2.77-2.25a8 8 0 0 0 0-1.5A5 5 0 0 1 17.196 9a5 5 0 0 1-.564-3.524a8 8 0 0 0-1.297-.75A5 5 0 0 1 12 6a5 5 0 0 1-3.335-1.274a8 8 0 0 0-1.297.75A5 5 0 0 1 6.804 9a5 5 0 0 1-2.77 2.25a8 8 0 0 0 0 1.5A5 5 0 0 1 6.805 15M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-share-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13.12 17.023l-4.199-2.29a4 4 0 1 1 0-5.465l4.2-2.29a4 4 0 1 1 .958 1.755l-4.2 2.29a4 4 0 0 1 0 1.954l4.2 2.29a4 4 0 1 1-.959 1.755M6 14a2 2 0 1 0 0-4a2 2 0 0 0 0 4m11-6a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0 12a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-stack-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.649l-9.285-5.57a.5.5 0 0 1 0-.858l1.202-.721L12 15.35zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 12.999L2.715 7.43a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0M12 3.332L5.887 7L12 10.668L18.113 7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-star-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 18.26l-7.053 3.948l1.575-7.928L.588 8.792l8.027-.952L12 .5l3.385 7.34l8.027.952l-5.934 5.488l1.575 7.928zm0-2.292l4.247 2.377l-.948-4.773l3.573-3.305l-4.833-.573l-2.038-4.419l-2.039 4.42l-4.833.572l3.573 3.305l-.948 4.773z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-sticky-note-add-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 1v3H1v2h3v3h2V6h3V4H6V1zM3 20.007V11h2v8h8v-5c0-.55.45-1 1-1l5-.001V5h-8V3h9.007c.548 0 .993.456.993 1.002V15l-6 5.996L4.002 21A1 1 0 0 1 3 20.007m15.171-5.008L15 15v3.169z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-stop-circle-fill {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10M9 9v6h6V9z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-stop-circle-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16M9 9h6v6H9z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-sun-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-t-shirt-2-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8.998 3a3 3 0 1 0 6 0h6a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-2.001l.001 8a1 1 0 0 1-1 1h-12a1 1 0 0 1-1-1l-.001-8.001L2.998 12a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm11 1.999h-3.417l-.017.041a5 5 0 0 1-4.35 2.955L11.999 8a5 5 0 0 1-4.566-2.96L7.414 5H3.998v5l2.999-.001V19h10.001l-.001-9l3.001-.001z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-terminal-box-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m1 2v14h16V5zm8 10h6v2h-6zm-3.333-3L5.838 9.172l1.415-1.415L11.495 12l-4.242 4.243l-1.415-1.415z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-thumb-down-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.4 16H3a2 2 0 0 1-2-2v-2.104a2 2 0 0 1 .15-.762L4.246 3.62A1 1 0 0 1 5.17 3H22a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3.482a1 1 0 0 0-.817.423l-5.453 7.726a.5.5 0 0 1-.632.159L9.802 22.4a2.5 2.5 0 0 1-1.305-2.853zm7.6-2.588V5H5.84L3 11.896V14h6.4a2 2 0 0 1 1.938 2.493l-.903 3.548a.5.5 0 0 0 .261.571l.661.33l4.71-6.672c.25-.354.57-.644.933-.857M19 13h2V5h-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-thumb-up-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14.6 8H21a2 2 0 0 1 2 2v2.105c0 .26-.051.52-.15.761l-3.095 7.515a1 1 0 0 1-.925.62H2a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1h3.482a1 1 0 0 0 .817-.424L11.752.851a.5.5 0 0 1 .632-.159l1.814.908a2.5 2.5 0 0 1 1.305 2.852zM7 10.588V19h11.16L21 12.105V10h-6.4a2 2 0 0 1-1.938-2.493l.903-3.548a.5.5 0 0 0-.261-.57l-.661-.331l-4.71 6.672c-.25.354-.57.645-.933.858M5 11H3v8h2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-time-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m1-8h4v2h-6V7h2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-timeline-view {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm1 16V5h16v14zM14 7H6v2h8zm4 8v2h-8v-2zm-2-4H8v2h8z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-translate-2 {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m18.5 10l4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16.5 10zM10 2v2h6v2h-1.968a18.2 18.2 0 0 1-3.62 6.301a15 15 0 0 0 2.335 1.707l-.75 1.878A17 17 0 0 1 9 13.725a16.7 16.7 0 0 1-6.201 3.548l-.536-1.929a14.7 14.7 0 0 0 5.327-3.042A18 18 0 0 1 4.767 8h2.24A16 16 0 0 0 9 10.877a16.2 16.2 0 0 0 2.91-4.876L2 6V4h6V2zm7.5 10.885L16.253 16h2.492z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-unpin-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20.97 17.172l-1.414 1.414l-3.535-3.535l-.073.074l-.707 3.536l-1.415 1.414l-4.242-4.243l-4.95 4.95l-1.414-1.414l4.95-4.95l-4.243-4.243L5.34 8.761l3.536-.707l.073-.074l-3.536-3.536L6.828 3.03zM10.365 9.394l-.502.502l-2.822.565l6.5 6.5l.564-2.822l.502-.502zm8.411.074l-1.34 1.34l1.414 1.415l1.34-1.34l.707.707l1.415-1.415l-8.486-8.485l-1.414 1.414l.707.707l-1.34 1.34l1.414 1.415l1.34-1.34z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-verified-badge-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10.007 2.104a3 3 0 0 0-3.595 1.489L5.606 5.17a1 1 0 0 1-.436.436l-1.577.805a3 3 0 0 0-1.49 3.596l.546 1.685a1 1 0 0 1 0 .616l-.545 1.685a3 3 0 0 0 1.49 3.595l1.576.806a1 1 0 0 1 .436.436l.806 1.577a3 3 0 0 0 3.595 1.49l1.685-.546a1 1 0 0 1 .616 0l1.685.545a3 3 0 0 0 3.596-1.49l.805-1.576a1 1 0 0 1 .436-.436l1.577-.806a3 3 0 0 0 1.49-3.595l-.546-1.685a1 1 0 0 1 0-.616l.545-1.685a3 3 0 0 0-1.489-3.596l-1.577-.805a1 1 0 0 1-.436-.436l-.805-1.577a3 3 0 0 0-3.596-1.49l-1.685.546a1 1 0 0 1-.616 0zM8.193 4.503a1 1 0 0 1 1.198-.497l1.685.546a3 3 0 0 0 1.848 0l1.685-.546a1 1 0 0 1 1.199.497l.805 1.577a3 3 0 0 0 1.307 1.307l1.577.805a1 1 0 0 1 .497 1.199l-.546 1.685a3 3 0 0 0 0 1.848l.546 1.685a1 1 0 0 1-.497 1.198l-1.577.806a3 3 0 0 0-1.307 1.307l-.805 1.577a1 1 0 0 1-1.199.496l-1.685-.545a3 3 0 0 0-1.848 0l-1.685.545a1 1 0 0 1-1.198-.496l-.806-1.577a3 3 0 0 0-1.307-1.307l-1.577-.806a1 1 0 0 1-.496-1.198l.545-1.685a3 3 0 0 0 0-1.848l-.545-1.685a1 1 0 0 1 .496-1.199l1.577-.805A3 3 0 0 0 7.387 6.08zM6.76 11.757L11.002 16l7.071-7.071l-1.414-1.414l-5.657 5.657l-2.828-2.829z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-zoom-in-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM10 10V7h2v3h3v2h-3v3h-2v-3H7v-2z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-ri-zoom-out-line {
    width: 1rem;
    height: 1rem;
    -webkit-mask-image: var(--svg);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM7 10h8v2H7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    display: block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .i-custom-public-other-default-tool-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none' opacity='.5'%3E%3Crect width='24' height='24' fill='%23E5E7EB' rx='6'/%3E%3Crect width='23.5' height='23.5' x='.25' y='.25' stroke='%23000' stroke-opacity='.05' stroke-width='.5' rx='5.75'/%3E%3Cpath fill='%23667085' d='M11.888 5.306a.4.4 0 0 0 .167-.168l.359-.717a.375.375 0 0 1 .67 0l.36.717a.37.37 0 0 0 .167.168l.717.359a.375.375 0 0 1 0 .67l-.717.36a.37.37 0 0 0-.168.167l-.358.717a.375.375 0 0 1-.671 0l-.359-.717a.4.4 0 0 0-.167-.168l-.718-.359a.375.375 0 0 1 0-.67zm-4 1.25a.4.4 0 0 0 .167-.168l.234-.467a.375.375 0 0 1 .67 0l.234.467a.4.4 0 0 0 .168.168l.468.234a.375.375 0 0 1 0 .67l-.468.234a.4.4 0 0 0-.168.168l-.233.467a.375.375 0 0 1-.671 0l-.234-.467a.4.4 0 0 0-.167-.168L7.42 7.46a.375.375 0 0 1 0-.67z'/%3E%3Cpath fill='%23667085' fill-rule='evenodd' d='M17.942 5.91a.56.56 0 0 1 .148.782L16.006 9.75h1.431c.311 0 .563.252.563.563v7.874c0 .725-.588 1.313-1.312 1.313H7.313A1.313 1.313 0 0 1 6 18.188v-7.875c0-.311.252-.563.563-.563h8.082l2.515-3.692a.563.563 0 0 1 .782-.148m-7.63 6.84a.562.562 0 1 0 0 1.125h3.376a.563.563 0 0 0 0-1.125z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1rem;
    height: 1rem;
    display: block;
  }

  .i-custom-public-other-message-3-fill {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cg filter='url(%23svgID1)'%3E%3Cpath fill='url(%23svgID0)' d='M2 8.994A5.99 5.99 0 0 1 8 3h8c3.313 0 6 2.695 6 5.994V21H8c-3.313 0-6-2.695-6-5.994zM14 11v2h2v-2zm-6 0v2h2v-2z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='svgID0' x1='12' x2='12' y1='3' y2='21' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23296DFF'/%3E%3Cstop offset='1' stop-color='%230BA5EC'/%3E%3C/linearGradient%3E%3Cfilter id='svgID1' width='21' height='19' x='1.5' y='2.75' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='.25'/%3E%3CfeGaussianBlur stdDeviation='.25'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_1071_49501'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_1071_49501' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1rem;
    height: 1rem;
    display: block;
  }

  .action-btn {
    cursor: pointer;
    color: var(--color-text-tertiary);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .action-btn:hover {
      background-color: var(--color-state-base-hover);
    }
  }

  @media (hover: hover) {
    .action-btn:hover {
      color: var(--color-text-secondary);
    }
  }

  .action-btn.action-btn-active {
    background-color: var(--color-state-accent-active);
    color: var(--color-text-accent);
  }

  @media (hover: hover) {
    .action-btn.action-btn-active:hover {
      background-color: var(--color-state-accent-active-alt);
    }
  }

  .action-btn.action-btn-disabled {
    color: var(--color-text-disabled);
  }

  .action-btn.action-btn-destructive {
    background-color: var(--color-state-destructive-hover);
    color: var(--color-text-destructive);
  }

  .badge {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-divider-deep);
    color: var(--color-text-tertiary);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .badge.badge-warning {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-text-warning);
    color: var(--color-text-warning);
  }

  .badge.badge-accent {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-text-accent-secondary);
    color: var(--color-text-accent-secondary);
  }

  .segmented-control {
    background-color: var(--color-components-segmented-control-bg-normal);
    align-items: center;
    column-gap: 1px;
    display: flex;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-6 {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-20 {
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .block\! {
    display: block !important;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .flex\! {
    display: flex !important;
  }

  .flow-root {
    display: flow-root;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .hidden\! {
    display: none !important;
  }

  .inline {
    display: inline;
  }

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

  .inline-flex {
    display: inline-flex;
  }

  .inline-table {
    display: inline-table;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-column {
    display: table-column;
  }

  .table-column-group {
    display: table-column-group;
  }

  .table-footer-group {
    display: table-footer-group;
  }

  .table-header-group {
    display: table-header-group;
  }

  .table-row {
    display: table-row;
  }

  .table-row-group {
    display: table-row-group;
  }

  .aspect-4\/3 {
    aspect-ratio: 4 / 3;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .action-btn-l {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 1.5);
  }

  .action-btn-m {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * .5);
  }

  .action-btn-xl {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 2);
  }

  .action-btn-xs {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 0);
  }

  .action-btn-s {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    border-radius: 6px;
  }

  .premium-badge-s {
    border-style: var(--tw-border-style);
    border-width: .5px;
    width: auto;
    height: 18px;
    padding-inline: calc(var(--spacing) * 1) !important;
    padding-block: 3px !important;
  }

  .premium-badge-m {
    height: calc(var(--spacing) * 6);
    width: auto;
    padding: calc(var(--spacing) * 1) !important;
  }

  .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-6\! {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  .size-40 {
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
  }

  .size-\[4px\] {
    width: 4px;
    height: 4px;
  }

  .size-\[5px\] {
    width: 5px;
    height: 5px;
  }

  .size-\[10px\] {
    width: 10px;
    height: 10px;
  }

  .size-\[14px\] {
    width: 14px;
    height: 14px;
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }

  .size-\[112px\] {
    width: 112px;
    height: 112px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .segmented-control-item-large {
    height: calc(var(--spacing) * 8);
    column-gap: calc(var(--spacing) * .5);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .segmented-control-item-regular {
    height: calc(var(--spacing) * 7);
    column-gap: calc(var(--spacing) * .5);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2);
  }

  .segmented-control-item-small {
    border-radius: var(--radius-md);
    height: 22px;
    padding: 1px;
  }

  .\!h-3 {
    height: calc(var(--spacing) * 3) !important;
  }

  .\!h-8 {
    height: calc(var(--spacing) * 8) !important;
  }

  .h-\(--toast-current-height\) {
    height: var(--toast-current-height);
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\! {
    height: calc(var(--spacing) * 3) !important;
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-3\.5\! {
    height: calc(var(--spacing) * 3.5) !important;
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-4\! {
    height: calc(var(--spacing) * 4) !important;
  }

  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-5\! {
    height: calc(var(--spacing) * 5) !important;
  }

  .h-5\/6 {
    height: 83.3333%;
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-6\! {
    height: calc(var(--spacing) * 6) !important;
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-7\! {
    height: calc(var(--spacing) * 7) !important;
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-9\! {
    height: calc(var(--spacing) * 9) !important;
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-10\! {
    height: calc(var(--spacing) * 10) !important;
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-12\! {
    height: calc(var(--spacing) * 12) !important;
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-14\! {
    height: calc(var(--spacing) * 14) !important;
  }

  .h-15 {
    height: calc(var(--spacing) * 15);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-80 {
    height: calc(var(--spacing) * 80);
  }

  .h-\[0\.5px\] {
    height: .5px;
  }

  .h-\[1\.5px\] {
    height: 1.5px;
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[3px\] {
    height: 3px;
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[14px\]\! {
    height: 14px !important;
  }

  .h-\[15px\] {
    height: 15px;
  }

  .h-\[16px\] {
    height: 16px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[20\.5px\] {
    height: 20.5px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[21px\] {
    height: 21px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[24\.5px\] {
    height: 24.5px;
  }

  .h-\[26px\] {
    height: 26px;
  }

  .h-\[27px\] {
    height: 27px;
  }

  .h-\[28px\] {
    height: 28px;
  }

  .h-\[29px\] {
    height: 29px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[32px\] {
    height: 32px;
  }

  .h-\[33px\] {
    height: 33px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[35px\] {
    height: 35px;
  }

  .h-\[37px\] {
    height: 37px;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[42px\] {
    height: 42px;
  }

  .h-\[42rem\] {
    height: 42rem;
  }

  .h-\[43px\] {
    height: 43px;
  }

  .h-\[46px\] {
    height: 46px;
  }

  .h-\[48rem\] {
    height: 48rem;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[50vh\] {
    height: 50vh;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[56px\] {
    height: 56px;
  }

  .h-\[58px\] {
    height: 58px;
  }

  .h-\[60px\] {
    height: 60px;
  }

  .h-\[64px\] {
    height: 64px;
  }

  .h-\[66px\] {
    height: 66px;
  }

  .h-\[68px\] {
    height: 68px;
  }

  .h-\[72px\]\! {
    height: 72px !important;
  }

  .h-\[73px\]\! {
    height: 73px !important;
  }

  .h-\[74px\] {
    height: 74px;
  }

  .h-\[76px\] {
    height: 76px;
  }

  .h-\[80px\] {
    height: 80px;
  }

  .h-\[84px\] {
    height: 84px;
  }

  .h-\[88px\] {
    height: 88px;
  }

  .h-\[90px\] {
    height: 90px;
  }

  .h-\[95vh\] {
    height: 95vh;
  }

  .h-\[96px\] {
    height: 96px;
  }

  .h-\[100px\] {
    height: 100px;
  }

  .h-\[104px\] {
    height: 104px;
  }

  .h-\[111px\] {
    height: 111px;
  }

  .h-\[120px\] {
    height: 120px;
  }

  .h-\[128px\] {
    height: 128px;
  }

  .h-\[132px\] {
    height: 132px;
  }

  .h-\[144px\] {
    height: 144px;
  }

  .h-\[152px\] {
    height: 152px;
  }

  .h-\[160px\] {
    height: 160px;
  }

  .h-\[180px\] {
    height: 180px;
  }

  .h-\[190px\] {
    height: 190px;
  }

  .h-\[192px\] {
    height: 192px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[208px\] {
    height: 208px;
  }

  .h-\[224px\] {
    height: 224px;
  }

  .h-\[240px\] {
    height: 240px;
  }

  .h-\[260px\] {
    height: 260px;
  }

  .h-\[272px\] {
    height: 272px;
  }

  .h-\[296px\] {
    height: 296px;
  }

  .h-\[304px\] {
    height: 304px;
  }

  .h-\[320px\] {
    height: 320px;
  }

  .h-\[340px\] {
    height: 340px;
  }

  .h-\[349px\] {
    height: 349px;
  }

  .h-\[360px\] {
    height: 360px;
  }

  .h-\[364px\] {
    height: 364px;
  }

  .h-\[396px\] {
    height: 396px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[420px\] {
    height: 420px;
  }

  .h-\[424px\] {
    height: 424px;
  }

  .h-\[448px\] {
    height: 448px;
  }

  .h-\[462px\]\! {
    height: 462px !important;
  }

  .h-\[480px\] {
    height: 480px;
  }

  .h-\[520px\] {
    height: 520px;
  }

  .h-\[600px\] {
    height: 600px;
  }

  .h-\[640px\] {
    height: 640px;
  }

  .h-\[680px\] {
    height: 680px;
  }

  .h-\[800px\] {
    height: 800px;
  }

  .h-\[calc\(100\%-0\.5rem\)\] {
    height: calc(100% - .5rem);
  }

  .h-\[calc\(100\%-0\.75rem\)\] {
    height: calc(100% - .75rem);
  }

  .h-\[calc\(100\%-1\.75rem\)\] {
    height: calc(100% - 1.75rem);
  }

  .h-\[calc\(100\%-3rem\)\] {
    height: calc(100% - 3rem);
  }

  .h-\[calc\(100\%-42px\)\] {
    height: calc(100% - 42px);
  }

  .h-\[calc\(100\%-56px\)\] {
    height: calc(100% - 56px);
  }

  .h-\[calc\(100\%-64px\)\] {
    height: calc(100% - 64px);
  }

  .h-\[calc\(100vh-3rem\)\]\! {
    height: calc(100vh - 3rem) !important;
  }

  .h-\[calc\(100vh-16px\)\] {
    height: calc(100vh - 16px);
  }

  .h-\[calc\(100vh-32px\)\] {
    height: calc(100vh - 32px);
  }

  .h-\[calc\(100vh-36px\)\] {
    height: calc(100vh - 36px);
  }

  .h-\[calc\(100vh-56px\)\] {
    height: calc(100vh - 56px);
  }

  .h-\[calc\(100vh-60px\)\] {
    height: calc(100vh - 60px);
  }

  .h-\[calc\(100vh-64px\)\] {
    height: calc(100vh - 64px);
  }

  .h-\[calc\(100vh-136px\)\] {
    height: calc(100vh - 136px);
  }

  .h-\[min\(539px\,80vh\)\] {
    height: min(539px, 80vh);
  }

  .h-\[min\(627px\,80vh\)\] {
    height: min(627px, 80vh);
  }

  .h-auto {
    height: auto;
  }

  .h-auto\! {
    height: auto !important;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-full\! {
    height: 100% !important;
  }

  .h-px {
    height: 1px;
  }

  .h-px\! {
    height: 1px !important;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }

  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }

  .max-h-12 {
    max-height: calc(var(--spacing) * 12);
  }

  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-50 {
    max-height: calc(var(--spacing) * 50);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[30vh\] {
    max-height: 30vh;
  }

  .max-h-\[34vh\] {
    max-height: 34vh;
  }

  .max-h-\[50vh\] {
    max-height: 50vh;
  }

  .max-h-\[60px\] {
    max-height: 60px;
  }

  .max-h-\[66px\] {
    max-height: 66px;
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .max-h-\[80\%\] {
    max-height: 80%;
  }

  .max-h-\[80dvh\] {
    max-height: 80dvh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[100px\] {
    max-height: 100px;
  }

  .max-h-\[105px\] {
    max-height: 105px;
  }

  .max-h-\[120px\] {
    max-height: 120px;
  }

  .max-h-\[140px\] {
    max-height: 140px;
  }

  .max-h-\[158px\] {
    max-height: 158px;
  }

  .max-h-\[180px\] {
    max-height: 180px;
  }

  .max-h-\[200px\] {
    max-height: 200px;
  }

  .max-h-\[224px\] {
    max-height: 224px;
  }

  .max-h-\[232px\] {
    max-height: 232px;
  }

  .max-h-\[240px\] {
    max-height: 240px;
  }

  .max-h-\[248px\] {
    max-height: 248px;
  }

  .max-h-\[250px\] {
    max-height: 250px;
  }

  .max-h-\[264px\] {
    max-height: 264px;
  }

  .max-h-\[270px\] {
    max-height: 270px;
  }

  .max-h-\[286px\] {
    max-height: 286px;
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[304px\] {
    max-height: 304px;
  }

  .max-h-\[305px\] {
    max-height: 305px;
  }

  .max-h-\[320px\] {
    max-height: 320px;
  }

  .max-h-\[330px\] {
    max-height: 330px;
  }

  .max-h-\[360px\] {
    max-height: 360px;
  }

  .max-h-\[396px\] {
    max-height: 396px;
  }

  .max-h-\[400px\] {
    max-height: 400px;
  }

  .max-h-\[420px\] {
    max-height: 420px;
  }

  .max-h-\[448px\] {
    max-height: 448px;
  }

  .max-h-\[450px\] {
    max-height: 450px;
  }

  .max-h-\[464px\] {
    max-height: 464px;
  }

  .max-h-\[480px\] {
    max-height: 480px;
  }

  .max-h-\[500px\] {
    max-height: 500px;
  }

  .max-h-\[536px\] {
    max-height: 536px;
  }

  .max-h-\[552px\] {
    max-height: 552px;
  }

  .max-h-\[640px\] {
    max-height: 640px;
  }

  .max-h-\[642px\] {
    max-height: 642px;
  }

  .max-h-\[700px\] {
    max-height: 700px;
  }

  .max-h-\[calc\(100\%-2\.5rem\)\] {
    max-height: calc(100% - 2.5rem);
  }

  .max-h-\[calc\(100\%-16px\)\] {
    max-height: calc(100% - 16px);
  }

  .max-h-\[calc\(100vh-2rem\)\] {
    max-height: calc(100vh - 2rem);
  }

  .max-h-\[calc\(100vh-20px\)\] {
    max-height: calc(100vh - 20px);
  }

  .max-h-\[calc\(100vh-116px\)\] {
    max-height: calc(100vh - 116px);
  }

  .max-h-\[calc\(100vh-120px\)\] {
    max-height: calc(100vh - 120px);
  }

  .max-h-\[calc\(100vh-150px\)\] {
    max-height: calc(100vh - 150px);
  }

  .max-h-\[calc\(100vh-167px\)\] {
    max-height: calc(100vh - 167px);
  }

  .max-h-\[calc\(100vh-320px\)\] {
    max-height: calc(100vh - 320px);
  }

  .max-h-full {
    max-height: 100%;
  }

  .max-h-none {
    max-height: none;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }

  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-\[16px\] {
    min-height: 16px;
  }

  .min-h-\[20px\] {
    min-height: 20px;
  }

  .min-h-\[22px\] {
    min-height: 22px;
  }

  .min-h-\[30vh\] {
    min-height: 30vh;
  }

  .min-h-\[40px\] {
    min-height: 40px;
  }

  .min-h-\[42px\] {
    min-height: 42px;
  }

  .min-h-\[43px\] {
    min-height: 43px;
  }

  .min-h-\[50vh\] {
    min-height: 50vh;
  }

  .min-h-\[56px\] {
    min-height: 56px;
  }

  .min-h-\[60px\] {
    min-height: 60px;
  }

  .min-h-\[72px\] {
    min-height: 72px;
  }

  .min-h-\[80px\] {
    min-height: 80px;
  }

  .min-h-\[84px\] {
    min-height: 84px;
  }

  .min-h-\[90px\] {
    min-height: 90px;
  }

  .min-h-\[100px\] {
    min-height: 100px;
  }

  .min-h-\[102px\] {
    min-height: 102px;
  }

  .min-h-\[104px\] {
    min-height: 104px;
  }

  .min-h-\[105px\] {
    min-height: 105px;
  }

  .min-h-\[108px\] {
    min-height: 108px;
  }

  .min-h-\[120px\] {
    min-height: 120px;
  }

  .min-h-\[128px\] {
    min-height: 128px;
  }

  .min-h-\[135px\] {
    min-height: 135px;
  }

  .min-h-\[180px\] {
    min-height: 180px;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[210px\] {
    min-height: 210px;
  }

  .min-h-\[220px\] {
    min-height: 220px;
  }

  .min-h-\[228px\] {
    min-height: 228px;
  }

  .min-h-\[240px\] {
    min-height: 240px;
  }

  .min-h-\[320px\] {
    min-height: 320px;
  }

  .min-h-\[323px\] {
    min-height: 323px;
  }

  .min-h-\[360px\] {
    min-height: 360px;
  }

  .min-h-\[420px\] {
    min-height: 420px;
  }

  .min-h-\[450px\] {
    min-height: 450px;
  }

  .min-h-\[540px\] {
    min-height: 540px;
  }

  .min-h-\[550px\] {
    min-height: 550px;
  }

  .min-h-\[640px\] {
    min-height: 640px;
  }

  .min-h-\[calc\(--spacing\(12\)\+1px\)\] {
    min-height: calc(calc(var(--spacing) * 12) + 1px);
  }

  .min-h-fit {
    min-height: fit-content;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .\!w-8 {
    width: calc(var(--spacing) * 8) !important;
  }

  .\!w-\[600px\] {
    width: 600px !important;
  }

  .\!w-\[640px\] {
    width: 640px !important;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-1\/5 {
    width: 20%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\! {
    width: calc(var(--spacing) * 3) !important;
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-3\/5 {
    width: 60%;
  }

  .w-3\/12 {
    width: 25%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\! {
    width: calc(var(--spacing) * 4) !important;
  }

  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }

  .w-4\/5 {
    width: 80%;
  }

  .w-4\/6 {
    width: 66.6667%;
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-5\! {
    width: calc(var(--spacing) * 5) !important;
  }

  .w-5\/6 {
    width: 83.3333%;
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-7\! {
    width: calc(var(--spacing) * 7) !important;
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-9\! {
    width: calc(var(--spacing) * 9) !important;
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-10\! {
    width: calc(var(--spacing) * 10) !important;
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-12\! {
    width: calc(var(--spacing) * 12) !important;
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-14\! {
    width: calc(var(--spacing) * 14) !important;
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-18 {
    width: calc(var(--spacing) * 18);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-20\! {
    width: calc(var(--spacing) * 20) !important;
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-26 {
    width: calc(var(--spacing) * 26);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-40\! {
    width: calc(var(--spacing) * 40) !important;
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-52\! {
    width: calc(var(--spacing) * 52) !important;
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-58 {
    width: calc(var(--spacing) * 58);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[0\.5px\] {
    width: .5px;
  }

  .w-\[2px\] {
    width: 2px;
  }

  .w-\[3px\] {
    width: 3px;
  }

  .w-\[7px\] {
    width: 7px;
  }

  .w-\[13px\] {
    width: 13px;
  }

  .w-\[14px\] {
    width: 14px;
  }

  .w-\[14px\]\! {
    width: 14px !important;
  }

  .w-\[15px\] {
    width: 15px;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[20px\] {
    width: 20px;
  }

  .w-\[22px\] {
    width: 22px;
  }

  .w-\[24\.5px\] {
    width: 24.5px;
  }

  .w-\[24px\] {
    width: 24px;
  }

  .w-\[30\%\] {
    width: 30%;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[34px\] {
    width: 34px;
  }

  .w-\[35\%\] {
    width: 35%;
  }

  .w-\[36\%\] {
    width: 36%;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[41px\] {
    width: 41px;
  }

  .w-\[42rem\] {
    width: 42rem;
  }

  .w-\[44px\] {
    width: 44px;
  }

  .w-\[45\%\] {
    width: 45%;
  }

  .w-\[45px\] {
    width: 45px;
  }

  .w-\[48px\] {
    width: 48px;
  }

  .w-\[48rem\] {
    width: 48rem;
  }

  .w-\[50\%\] {
    width: 50%;
  }

  .w-\[51px\] {
    width: 51px;
  }

  .w-\[52px\] {
    width: 52px;
  }

  .w-\[54px\] {
    width: 54px;
  }

  .w-\[56\%\] {
    width: 56%;
  }

  .w-\[56px\] {
    width: 56px;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[62px\] {
    width: 62px;
  }

  .w-\[65\%\] {
    width: 65%;
  }

  .w-\[68px\] {
    width: 68px;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-\[70px\] {
    width: 70px;
  }

  .w-\[72px\] {
    width: 72px;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[85px\] {
    width: 85px;
  }

  .w-\[86px\] {
    width: 86px;
  }

  .w-\[88px\] {
    width: 88px;
  }

  .w-\[90px\] {
    width: 90px;
  }

  .w-\[93px\] {
    width: 93px;
  }

  .w-\[94px\] {
    width: 94px;
  }

  .w-\[95px\]\! {
    width: 95px !important;
  }

  .w-\[96px\] {
    width: 96px;
  }

  .w-\[96px\]\! {
    width: 96px !important;
  }

  .w-\[98px\] {
    width: 98px;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[102px\] {
    width: 102px;
  }

  .w-\[102px\]\! {
    width: 102px !important;
  }

  .w-\[103px\]\! {
    width: 103px !important;
  }

  .w-\[104px\] {
    width: 104px;
  }

  .w-\[106px\] {
    width: 106px;
  }

  .w-\[108px\] {
    width: 108px;
  }

  .w-\[112px\] {
    width: 112px;
  }

  .w-\[119px\] {
    width: 119px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[128px\] {
    width: 128px;
  }

  .w-\[130px\] {
    width: 130px;
  }

  .w-\[132px\] {
    width: 132px;
  }

  .w-\[136px\] {
    width: 136px;
  }

  .w-\[138px\] {
    width: 138px;
  }

  .w-\[140px\] {
    width: 140px;
  }

  .w-\[144px\] {
    width: 144px;
  }

  .w-\[145px\] {
    width: 145px;
  }

  .w-\[148px\] {
    width: 148px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[155px\] {
    width: 155px;
  }

  .w-\[156px\] {
    width: 156px;
  }

  .w-\[160px\] {
    width: 160px;
  }

  .w-\[165px\] {
    width: 165px;
  }

  .w-\[168px\] {
    width: 168px;
  }

  .w-\[178px\] {
    width: 178px;
  }

  .w-\[179px\] {
    width: 179px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[183px\] {
    width: 183px;
  }

  .w-\[184px\] {
    width: 184px;
  }

  .w-\[191px\] {
    width: 191px;
  }

  .w-\[192px\] {
    width: 192px;
  }

  .w-\[196px\] {
    width: 196px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[200px\]\! {
    width: 200px !important;
  }

  .w-\[206px\] {
    width: 206px;
  }

  .w-\[208px\] {
    width: 208px;
  }

  .w-\[209px\] {
    width: 209px;
  }

  .w-\[216px\] {
    width: 216px;
  }

  .w-\[217px\] {
    width: 217px;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[224px\] {
    width: 224px;
  }

  .w-\[224px\]\! {
    width: 224px !important;
  }

  .w-\[228px\] {
    width: 228px;
  }

  .w-\[230px\] {
    width: 230px;
  }

  .w-\[232px\] {
    width: 232px;
  }

  .w-\[236px\] {
    width: 236px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[244px\] {
    width: 244px;
  }

  .w-\[248px\] {
    width: 248px;
  }

  .w-\[252px\] {
    width: 252px;
  }

  .w-\[256px\] {
    width: 256px;
  }

  .w-\[260px\] {
    width: 260px;
  }

  .w-\[261px\] {
    width: 261px;
  }

  .w-\[268px\] {
    width: 268px;
  }

  .w-\[270px\] {
    width: 270px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[284px\] {
    width: 284px;
  }

  .w-\[288px\] {
    width: 288px;
  }

  .w-\[295px\] {
    width: 295px;
  }

  .w-\[296px\] {
    width: 296px;
  }

  .w-\[305px\] {
    width: 305px;
  }

  .w-\[320px\] {
    width: 320px;
  }

  .w-\[324px\] {
    width: 324px;
  }

  .w-\[327px\] {
    width: 327px;
  }

  .w-\[328px\] {
    width: 328px;
  }

  .w-\[328px\]\! {
    width: 328px !important;
  }

  .w-\[336px\] {
    width: 336px;
  }

  .w-\[337px\] {
    width: 337px;
  }

  .w-\[340px\] {
    width: 340px;
  }

  .w-\[352px\] {
    width: 352px;
  }

  .w-\[354px\] {
    width: 354px;
  }

  .w-\[356px\] {
    width: 356px;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-\[360px\]\! {
    width: 360px !important;
  }

  .w-\[361px\] {
    width: 361px;
  }

  .w-\[362px\]\! {
    width: 362px !important;
  }

  .w-\[368px\] {
    width: 368px;
  }

  .w-\[372px\] {
    width: 372px;
  }

  .w-\[387px\]\! {
    width: 387px !important;
  }

  .w-\[388px\] {
    width: 388px;
  }

  .w-\[389px\] {
    width: 389px;
  }

  .w-\[392px\] {
    width: 392px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[400px\]\! {
    width: 400px !important;
  }

  .w-\[404px\] {
    width: 404px;
  }

  .w-\[420px\] {
    width: 420px;
  }

  .w-\[420px\]\! {
    width: 420px !important;
  }

  .w-\[422px\] {
    width: 422px;
  }

  .w-\[432px\] {
    width: 432px;
  }

  .w-\[448px\]\! {
    width: 448px !important;
  }

  .w-\[472px\] {
    width: 472px;
  }

  .w-\[480px\] {
    width: 480px;
  }

  .w-\[480px\]\! {
    width: 480px !important;
  }

  .w-\[512px\] {
    width: 512px;
  }

  .w-\[519px\] {
    width: 519px;
  }

  .w-\[520px\] {
    width: 520px;
  }

  .w-\[520px\]\! {
    width: 520px !important;
  }

  .w-\[560px\] {
    width: 560px;
  }

  .w-\[568px\] {
    width: 568px;
  }

  .w-\[570px\] {
    width: 570px;
  }

  .w-\[576px\] {
    width: 576px;
  }

  .w-\[578px\] {
    width: 578px;
  }

  .w-\[580px\] {
    width: 580px;
  }

  .w-\[580px\]\! {
    width: 580px !important;
  }

  .w-\[591px\] {
    width: 591px;
  }

  .w-\[600px\] {
    width: 600px;
  }

  .w-\[600px\]\! {
    width: 600px !important;
  }

  .w-\[618px\] {
    width: 618px;
  }

  .w-\[620px\] {
    width: 620px;
  }

  .w-\[640px\] {
    width: 640px;
  }

  .w-\[640px\]\! {
    width: 640px !important;
  }

  .w-\[660px\] {
    width: 660px;
  }

  .w-\[664px\] {
    width: 664px;
  }

  .w-\[720px\] {
    width: 720px;
  }

  .w-\[769px\] {
    width: 769px;
  }

  .w-\[824px\] {
    width: 824px;
  }

  .w-\[920px\] {
    width: 920px;
  }

  .w-\[calc\(\(100\%-8px\)\/2\)\] {
    width: calc(50% - 4px);
  }

  .w-\[calc\(\(100\%-36px\)\/4\)\] {
    width: calc(25% - 9px);
  }

  .w-\[calc\(50\%-4px\)\] {
    width: calc(50% - 4px);
  }

  .w-\[calc\(100\%\+4rem\)\] {
    width: calc(100% + 4rem);
  }

  .w-\[calc\(100\%\+32px\)\] {
    width: calc(100% + 32px);
  }

  .w-\[calc\(100\%-1px\)\] {
    width: calc(100% - 1px);
  }

  .w-\[calc\(100\%-8px\)\] {
    width: calc(100% - 8px);
  }

  .w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px);
  }

  .w-\[calc\(100vw-40px\)\] {
    width: calc(100vw - 40px);
  }

  .w-\[var\(--anchor-width\)\] {
    width: var(--anchor-width);
  }

  .w-auto {
    width: auto;
  }

  .w-auto\! {
    width: auto !important;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-full\! {
    width: 100% !important;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .w-px\! {
    width: 1px !important;
  }

  .w-screen {
    width: 100vw;
  }

  .\!max-w-\[520px\] {
    max-width: 520px !important;
  }

  .\!max-w-\[600px\] {
    max-width: 600px !important;
  }

  .\!max-w-\[640px\] {
    max-width: 640px !important;
  }

  .\!max-w-none {
    max-width: none !important;
  }

  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-2xl\! {
    max-width: var(--container-2xl) !important;
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-12 {
    max-width: calc(var(--spacing) * 12);
  }

  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }

  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }

  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }

  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }

  .max-w-\[25\%\] {
    max-width: 25%;
  }

  .max-w-\[50\%\] {
    max-width: 50%;
  }

  .max-w-\[60px\] {
    max-width: 60px;
  }

  .max-w-\[72ch\] {
    max-width: 72ch;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[100px\] {
    max-width: 100px;
  }

  .max-w-\[120px\] {
    max-width: 120px;
  }

  .max-w-\[120px\]\! {
    max-width: 120px !important;
  }

  .max-w-\[130px\] {
    max-width: 130px;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[146px\] {
    max-width: 146px;
  }

  .max-w-\[149px\] {
    max-width: 149px;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[152px\] {
    max-width: 152px;
  }

  .max-w-\[156px\] {
    max-width: 156px;
  }

  .max-w-\[157px\] {
    max-width: 157px;
  }

  .max-w-\[162px\] {
    max-width: 162px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[190px\] {
    max-width: 190px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[250px\] {
    max-width: 250px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[272px\] {
    max-width: 272px;
  }

  .max-w-\[296px\] {
    max-width: 296px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[372px\] {
    max-width: 372px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[400px\]\! {
    max-width: 400px !important;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[420px\]\! {
    max-width: 420px !important;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .max-w-\[480px\]\! {
    max-width: 480px !important;
  }

  .max-w-\[481px\] {
    max-width: 481px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-\[500px\]\! {
    max-width: 500px !important;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[520px\]\! {
    max-width: 520px !important;
  }

  .max-w-\[524px\] {
    max-width: 524px;
  }

  .max-w-\[540px\] {
    max-width: 540px;
  }

  .max-w-\[548px\] {
    max-width: 548px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[576px\] {
    max-width: 576px;
  }

  .max-w-\[580px\]\! {
    max-width: 580px !important;
  }

  .max-w-\[600px\] {
    max-width: 600px;
  }

  .max-w-\[600px\]\! {
    max-width: 600px !important;
  }

  .max-w-\[618px\] {
    max-width: 618px;
  }

  .max-w-\[620px\] {
    max-width: 620px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[640px\]\! {
    max-width: 640px !important;
  }

  .max-w-\[670px\] {
    max-width: 670px;
  }

  .max-w-\[672px\] {
    max-width: 672px;
  }

  .max-w-\[680px\] {
    max-width: 680px;
  }

  .max-w-\[720px\] {
    max-width: 720px;
  }

  .max-w-\[720px\]\! {
    max-width: 720px !important;
  }

  .max-w-\[760px\] {
    max-width: 760px;
  }

  .max-w-\[768px\] {
    max-width: 768px;
  }

  .max-w-\[800px\] {
    max-width: 800px;
  }

  .max-w-\[800px\]\! {
    max-width: 800px !important;
  }

  .max-w-\[920px\] {
    max-width: 920px;
  }

  .max-w-\[960px\] {
    max-width: 960px;
  }

  .max-w-\[1048px\] {
    max-width: 1048px;
  }

  .max-w-\[1408px\] {
    max-width: 1408px;
  }

  .max-w-\[1680px\] {
    max-width: 1680px;
  }

  .max-w-\[auto\] {
    max-width: auto;
  }

  .max-w-\[calc\(100\%-30px\)\], .max-w-\[calc\(100\%_-_30px\)\] {
    max-width: calc(100% - 30px);
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }

  .max-w-\[calc\(var\(--container-lg\)-\(--spacing\(8\)\)\)\] {
    max-width: calc(var(--container-lg) - (calc(var(--spacing) * 8)));
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-none\! {
    max-width: none !important;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .badge-l {
    min-width: calc(var(--spacing) * 6);
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
  }

  .badge-m {
    min-width: calc(var(--spacing) * 5);
    border-radius: var(--radius-md);
    gap: 3px;
  }

  .badge-s {
    gap: calc(var(--spacing) * .5);
    border-radius: 5px;
    min-width: 18px;
  }

  .min-w-\(--anchor-width\) {
    min-width: var(--anchor-width);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-0\.5 {
    min-width: calc(var(--spacing) * .5);
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-18 {
    min-width: calc(var(--spacing) * 18);
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .min-w-26 {
    min-width: calc(var(--spacing) * 26);
  }

  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }

  .min-w-\[5rem\] {
    min-width: 5rem;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[18px\] {
    min-width: 18px;
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .min-w-\[44px\] {
    min-width: 44px;
  }

  .min-w-\[50px\] {
    min-width: 50px;
  }

  .min-w-\[65px\] {
    min-width: 65px;
  }

  .min-w-\[72px\] {
    min-width: 72px;
  }

  .min-w-\[87px\] {
    min-width: 87px;
  }

  .min-w-\[88px\] {
    min-width: 88px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[166px\] {
    min-width: 166px;
  }

  .min-w-\[168px\] {
    min-width: 168px;
  }

  .min-w-\[176px\] {
    min-width: 176px;
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .min-w-\[184px\] {
    min-width: 184px;
  }

  .min-w-\[186px\] {
    min-width: 186px;
  }

  .min-w-\[192px\] {
    min-width: 192px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[240px\] {
    min-width: 240px;
  }

  .min-w-\[242px\] {
    min-width: 242px;
  }

  .min-w-\[256px\]\! {
    min-width: 256px !important;
  }

  .min-w-\[264px\] {
    min-width: 264px;
  }

  .min-w-\[296px\] {
    min-width: 296px;
  }

  .min-w-\[300px\] {
    min-width: 300px;
  }

  .min-w-\[320px\] {
    min-width: 320px;
  }

  .min-w-\[372px\] {
    min-width: 372px;
  }

  .min-w-\[400px\] {
    min-width: 400px;
  }

  .min-w-\[440px\] {
    min-width: 440px;
  }

  .min-w-\[480px\] {
    min-width: 480px;
  }

  .min-w-\[560px\] {
    min-width: 560px;
  }

  .min-w-\[620px\] {
    min-width: 620px;
  }

  .min-w-\[640px\] {
    min-width: 640px;
  }

  .min-w-\[700px\] {
    min-width: 700px;
  }

  .min-w-\[784px\] {
    min-width: 784px;
  }

  .min-w-\[800px\]\! {
    min-width: 800px !important;
  }

  .min-w-\[960px\] {
    min-width: 960px;
  }

  .min-w-\[1024px\] {
    min-width: 1024px;
  }

  .min-w-\[1140px\] {
    min-width: 1140px;
  }

  .min-w-\[1200px\] {
    min-width: 1200px;
  }

  .min-w-\[1200px\]\! {
    min-width: 1200px !important;
  }

  .min-w-\[1280px\] {
    min-width: 1280px;
  }

  .min-w-\[1440px\] {
    min-width: 1440px;
  }

  .min-w-max {
    min-width: max-content;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[1_0_0\] {
    flex: 1 0 0;
  }

  .flex-\[33\%\] {
    flex: 33%;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .shrink-1000 {
    flex-shrink: 1000;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }

  .basis-1\/2 {
    flex-basis: 50%;
  }

  .basis-auto {
    flex-basis: auto;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }

  .origin-center {
    transform-origin: center;
  }

  .origin-top {
    transform-origin: top;
  }

  .origin-top-right {
    transform-origin: 100% 0;
  }

  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/4 {
    --tw-translate-x: calc(calc(1 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-24px\] {
    --tw-translate-x: -24px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[20\%\] {
    --tw-translate-x: 20%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\.5 {
    --tw-translate-y: calc(var(--spacing) * -1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2\! {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .-translate-y-1\/4 {
    --tw-translate-y: calc(calc(1 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[1\.5px\] {
    --tw-translate-y: calc(1.5px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0\! {
    --tw-translate-y: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .translate-y-1\.5 {
    --tw-translate-y: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[165px\] {
    --tw-translate-y: 165px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-100\%-3px\)\] {
    --tw-translate-y: calc(-100% - 3px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-px {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-\[1\.02\] {
    scale: 1.02;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-0 {
    rotate: none;
  }

  .rotate-12 {
    rotate: 12deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-270 {
    rotate: 270deg;
  }

  .rotate-\[11\.31deg\] {
    rotate: 11.31deg;
  }

  .\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+\(var\(--toast-index\)\*var\(--toast-peek\)\)\+\(var\(--toast-shrink\)\*var\(--toast-current-height\)\)\)\)_scale\(var\(--toast-scale\)\)\] {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) + (var(--toast-shrink) * var(--toast-current-height)))) scale(var(--toast-scale));
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-bounce {
    animation: var(--animate-bounce);
  }

  .animate-ping {
    animation: var(--animate-ping);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .animate-spin-slow {
    animation: 2s linear infinite spin;
  }

  .pb-allow-hover {
    cursor: pointer;
  }

  .pb-allow-hover.premium-badge-blue:hover {
    background-color: var(--color-util-colors-blue-blue-300);
    background-image: linear-gradient(90deg, #296dffe6 0%, #004aebe6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #00329e 100%);
  }

  .pb-allow-hover.premium-badge-indigo:hover {
    background-color: var(--color-util-colors-indigo-indigo-300);
    background-image: linear-gradient(90deg, #6172f3e6 0%, #2d31a6e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #2d31a6 100%);
  }

  .pb-allow-hover.premium-badge-gray:hover {
    background-color: var(--color-util-colors-gray-gray-300);
    background-image: linear-gradient(90deg, #676f83e6 0%, #354052e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #354052 100%);
  }

  .pb-allow-hover.premium-badge-orange:hover {
    background-color: var(--color-util-colors-orange-orange-300);
    background-image: linear-gradient(90deg, #ff4405e6 0%, #b93815e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #e62e05 100%);
  }

  .sc-disabled {
    cursor: not-allowed;
    color: var(--color-text-disabled);
    background-color: #0000;
  }

  @media (hover: hover) {
    .sc-disabled:hover {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .sc-disabled:hover {
      color: var(--color-text-disabled);
    }
  }

  .action-btn-disabled {
    cursor: not-allowed;
  }

  .action-btn-disabled.action-btn {
    color: var(--color-text-disabled);
  }

  .cursor-all-scroll {
    cursor: all-scroll;
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-not-allowed\! {
    cursor: not-allowed !important;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-manipulation {
    touch-action: manipulation;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-x {
    resize: horizontal;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-mt-32 {
    scroll-margin-top: calc(var(--spacing) * 32);
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    -webkit-appearance: none;
    appearance: none;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .grid-cols-\[220px_repeat\(3\,180px\)\] {
    grid-template-columns: 220px repeat(3, 180px);
  }

  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-rows-\[1fr_auto_auto_1fr\] {
    grid-template-rows: 1fr auto auto 1fr;
  }

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

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

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

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .content-start {
    align-content: flex-start;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-start\! {
    align-items: flex-start !important;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-center\! {
    justify-content: center !important;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-start\! {
    justify-content: flex-start !important;
  }

  .justify-stretch {
    justify-content: stretch;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * .5);
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-7 {
    column-gap: calc(var(--spacing) * 7);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }

  .gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }

  .gap-x-px {
    column-gap: 1px;
  }

  :where(.-space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-0\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * .5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-1\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-\[2px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(2px * var(--tw-space-x-reverse));
    margin-inline-end: calc(2px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-\[7px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(7px * var(--tw-space-x-reverse));
    margin-inline-end: calc(7px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-px > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }

  .gap-y-\[0\.5px\] {
    row-gap: .5px;
  }

  .gap-y-\[10px\] {
    row-gap: 10px;
  }

  .gap-y-px {
    row-gap: 1px;
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-divider-regular > :not(:last-child)) {
    border-color: var(--color-divider-regular);
  }

  :where(.divide-divider-subtle > :not(:last-child)) {
    border-color: var(--color-divider-subtle);
  }

  :where(.divide-gray-100 > :not(:last-child)) {
    border-color: #f2f4f7;
  }

  :where(.divide-stone-900\/8 > :not(:last-child)) {
    border-color: #1c191714;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-stone-900\/8 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-stone-900) 8%, transparent);
    }
  }

  :where(.divide-white\/10 > :not(:last-child)) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-white\/10 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  :where(.divide-zinc-900\/5 > :not(:last-child)) {
    border-color: #18181b0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-zinc-900\/5 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-zinc-900) 5%, transparent);
    }
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\!overflow-visible {
    overflow: visible !important;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-hidden\! {
    overflow: hidden !important;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-x-scroll {
    overflow-x: scroll;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-auto\! {
    overflow-y: auto !important;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overflow-y-visible {
    overflow-y: visible;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .segmented-control-large {
    border-radius: var(--radius-lg);
  }

  .segmented-control-large.sc-padding {
    padding: calc(var(--spacing) * .5);
  }

  .segmented-control-regular {
    border-radius: var(--radius-lg);
  }

  .segmented-control-regular.sc-padding {
    padding: calc(var(--spacing) * .5);
  }

  .segmented-control-small {
    border-radius: var(--radius-md);
  }

  .segmented-control-small.sc-padding {
    padding: 1px;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-2xl\! {
    border-radius: var(--radius-2xl) !important;
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[1px\] {
    border-radius: 1px;
  }

  .rounded-\[2\.2rem\] {
    border-radius: 2.2rem;
  }

  .rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .rounded-\[3\.5px\] {
    border-radius: 3.5px;
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[9px\]\! {
    border-radius: 9px !important;
  }

  .rounded-\[10\.5px\] {
    border-radius: 10.5px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[15px\] {
    border-radius: 15px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[26px\] {
    border-radius: 26px;
  }

  .rounded-\[28px\] {
    border-radius: 28px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-full\! {
    border-radius: 3.40282e38px !important;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-lg\! {
    border-radius: var(--radius-lg) !important;
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-md\! {
    border-radius: var(--radius-md) !important;
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-none\! {
    border-radius: 0 !important;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xl\! {
    border-radius: var(--radius-xl) !important;
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-l-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-l-\[8px\] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-tl-2xl {
    border-top-left-radius: var(--radius-2xl);
  }

  .rounded-tl-full {
    border-top-left-radius: 3.40282e38px;
  }

  .rounded-tl-none {
    border-top-left-radius: 0;
  }

  .rounded-tl-xl {
    border-top-left-radius: var(--radius-xl);
  }

  .rounded-r-2xl {
    border-top-right-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl);
  }

  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .rounded-tr-full {
    border-top-right-radius: 3.40282e38px;
  }

  .rounded-tr-none {
    border-top-right-radius: 0;
  }

  .rounded-tr-xl {
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-b-\[10px\] {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-br-\[8px\] {
    border-bottom-right-radius: 8px;
  }

  .rounded-br-full {
    border-bottom-right-radius: 3.40282e38px;
  }

  .rounded-br-xl {
    border-bottom-right-radius: var(--radius-xl);
  }

  .rounded-bl-2xl {
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-bl-\[3px\] {
    border-bottom-left-radius: 3px;
  }

  .rounded-bl-\[8px\] {
    border-bottom-left-radius: 8px;
  }

  .rounded-bl-xl {
    border-bottom-left-radius: var(--radius-xl);
  }

  .badge-accent.badge {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-text-accent-secondary);
    color: var(--color-text-accent-secondary);
  }

  .badge-warning.badge {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-text-warning);
    color: var(--color-text-warning);
  }

  .sc-no-padding {
    border-style: var(--tw-border-style);
    border-width: .5px;
    border-color: var(--color-divider-subtle);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: .5px;
  }

  .border-\[0\.5px\]\! {
    border-style: var(--tw-border-style) !important;
    border-width: .5px !important;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .border-\[5px\] {
    border-style: var(--tw-border-style);
    border-width: 5px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-y-\[0\.5px\] {
    border-block-style: var(--tw-border-style);
    border-block-width: .5px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .border-t-\[0\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: .5px;
  }

  .border-t-\[0\.75px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: .75px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .border-r-\[0\.25px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: .25px;
  }

  .border-r-\[1\.5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1.5px;
  }

  .border-r-\[7px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 7px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-b-12 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 12px;
  }

  .border-b-\[0\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: .5px;
  }

  .border-b-\[0\.25px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: .25px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-l-\[0\.5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: .5px;
  }

  .border-l-\[0\.25px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: .25px;
  }

  .border-l-\[0\.75px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: .75px;
  }

  .border-l-\[7px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 7px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-dashed\! {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .sc-active {
    border-color: var(--color-components-segmented-control-item-active-border);
    background-color: var(--color-components-segmented-control-item-active-bg);
    color: var(--color-text-secondary);
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: var(--color-shadow-shadow-3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sc-active {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-3) var(--tw-shadow-alpha), transparent);
    }
  }

  .sc-active.sc-accent {
    color: var(--color-text-accent);
  }

  .sc-active.sc-accent-light {
    color: var(--color-text-accent-light-mode-only);
  }

  .\!border-\[rgb\(21\,94\,239\)\] {
    border-color: #155eef !important;
  }

  .border-\[\#8ea2ff\] {
    border-color: #8ea2ff;
  }

  .border-\[\#9B8AFB\]\! {
    border-color: #9b8afb !important;
  }

  .border-\[\#34d399\] {
    border-color: #34d399;
  }

  .border-\[\#67E3F9\] {
    border-color: #67e3f9;
  }

  .border-\[\#5170ff\] {
    border-color: #5170ff;
  }

  .border-\[\#5170ff\]\/15 {
    border-color: lab(51.2768% 25.1209 -76.091 / .15);
  }

  .border-\[\#5170ff\]\/20 {
    border-color: lab(51.2768% 25.1209 -76.091 / .2);
  }

  .border-\[\#5170ff\]\/40 {
    border-color: lab(51.2768% 25.1209 -76.091 / .4);
  }

  .border-\[\#7839ee\]\! {
    border-color: #7839ee !important;
  }

  .border-\[\#D1FADF\] {
    border-color: #d1fadf;
  }

  .border-\[\#DC6803\] {
    border-color: #dc6803;
  }

  .border-\[\#E0EAFF\] {
    border-color: #e0eaff;
  }

  .border-\[\#E0F2FE\] {
    border-color: #e0f2fe;
  }

  .border-\[\#EAECF5\] {
    border-color: #eaecf5;
  }

  .border-\[\#F670C7\]\! {
    border-color: #f670c7 !important;
  }

  .border-\[\#FD853A\]\! {
    border-color: #fd853a !important;
  }

  .border-\[\#FDB022\] {
    border-color: #fdb022;
  }

  .border-\[\#FEDF89\] {
    border-color: #fedf89;
  }

  .border-\[\#FEF0C7\] {
    border-color: #fef0c7;
  }

  .border-\[0\,5px\] {
    border-color: 0,5px;
  }

  .border-\[rbga\(0\,0\,0\,0\.05\)\] {
    border-color: rbga(0,0,0,.05);
  }

  .border-\[rgb\(21\,94\,239\)\]\! {
    border-color: #155eef !important;
  }

  .border-\[rgba\(0\,0\,0\,0\.05\)\]\! {
    border-color: #0000000d !important;
  }

  .border-\[rgba\(11\,165\,236\,0\.8\)\] {
    border-color: #0ba5eccc;
  }

  .border-\[rgba\(23\,178\,106\,0\.8\)\] {
    border-color: #17b26acc;
  }

  .border-\[rgba\(240\,68\,56\,0\.8\)\] {
    border-color: #f04438cc;
  }

  .border-\[rgba\(247\,144\,9\,0\.8\)\] {
    border-color: #f79009cc;
  }

  .border-background-section-burn {
    border-color: var(--color-background-section-burn);
  }

  .border-black\/5 {
    border-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/5 {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .border-black\/5\! {
    border-color: #0000000d !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/5\! {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent) !important;
    }
  }

  .border-black\/8 {
    border-color: #00000014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/8 {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }

  .border-black\/15 {
    border-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/15 {
      border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-300\/25 {
    border-color: #90c5ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-300\/25 {
      border-color: color-mix(in oklab, var(--color-blue-300) 25%, transparent);
    }
  }

  .border-blue-300\/35 {
    border-color: #90c5ff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-300\/35 {
      border-color: color-mix(in oklab, var(--color-blue-300) 35%, transparent);
    }
  }

  .border-blue-300\/45 {
    border-color: #90c5ff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-blue-300\/45 {
      border-color: color-mix(in oklab, var(--color-blue-300) 45%, transparent);
    }
  }

  .border-blue-400 {
    border-color: var(--color-blue-400);
  }

  .border-blue-500 {
    border-color: #e1effe;
  }

  .border-components-actionbar-border {
    border-color: var(--color-components-actionbar-border);
  }

  .border-components-actionbar-border-accent {
    border-color: var(--color-components-actionbar-border-accent);
  }

  .border-components-badge-status-light-disabled-border-inner {
    border-color: var(--color-components-badge-status-light-disabled-border-inner);
  }

  .border-components-badge-status-light-error-border-inner {
    border-color: var(--color-components-badge-status-light-error-border-inner);
  }

  .border-components-badge-status-light-normal-border-inner {
    border-color: var(--color-components-badge-status-light-normal-border-inner);
  }

  .border-components-badge-status-light-success-border-inner {
    border-color: var(--color-components-badge-status-light-success-border-inner);
  }

  .border-components-badge-status-light-warning-border-inner {
    border-color: var(--color-components-badge-status-light-warning-border-inner);
  }

  .border-components-badge-status-light-warning-halo {
    border-color: var(--color-components-badge-status-light-warning-halo);
  }

  .border-components-button-destructive-primary-border {
    border-color: var(--color-components-button-destructive-primary-border);
  }

  .border-components-button-destructive-secondary-border {
    border-color: var(--color-components-button-destructive-secondary-border);
  }

  .border-components-button-destructive-secondary-border-hover {
    border-color: var(--color-components-button-destructive-secondary-border-hover);
  }

  .border-components-button-ghost-bg-hover {
    border-color: var(--color-components-button-ghost-bg-hover);
  }

  .border-components-button-primary-bg {
    border-color: var(--color-components-button-primary-bg);
  }

  .border-components-button-primary-border {
    border-color: var(--color-components-button-primary-border);
  }

  .border-components-button-secondary-bg {
    border-color: var(--color-components-button-secondary-bg);
  }

  .border-components-button-secondary-border {
    border-color: var(--color-components-button-secondary-border);
  }

  .border-components-button-secondary-border\! {
    border-color: var(--color-components-button-secondary-border) !important;
  }

  .border-components-button-secondary-border-disabled {
    border-color: var(--color-components-button-secondary-border-disabled);
  }

  .border-components-button-secondary-border-hover {
    border-color: var(--color-components-button-secondary-border-hover);
  }

  .border-components-button-secondary-border-hover\! {
    border-color: var(--color-components-button-secondary-border-hover) !important;
  }

  .border-components-card-border {
    border-color: var(--color-components-card-border);
  }

  .border-components-chat-input-border {
    border-color: var(--color-components-chat-input-border);
  }

  .border-components-checkbox-border {
    border-color: var(--color-components-checkbox-border);
  }

  .border-components-checkbox-border-disabled {
    border-color: var(--color-components-checkbox-border-disabled);
  }

  .border-components-dropzone-border {
    border-color: var(--color-components-dropzone-border);
  }

  .border-components-dropzone-border-accent {
    border-color: var(--color-components-dropzone-border-accent);
  }

  .border-components-input-bg-normal {
    border-color: var(--color-components-input-bg-normal);
  }

  .border-components-input-bg-normal\! {
    border-color: var(--color-components-input-bg-normal) !important;
  }

  .border-components-input-border-active {
    border-color: var(--color-components-input-border-active);
  }

  .border-components-input-border-destructive {
    border-color: var(--color-components-input-border-destructive);
  }

  .border-components-input-border-hover {
    border-color: var(--color-components-input-border-hover);
  }

  .border-components-main-nav-nav-button-border {
    border-color: var(--color-components-main-nav-nav-button-border);
  }

  .border-components-option-card-option-border {
    border-color: var(--color-components-option-card-option-border);
  }

  .border-components-option-card-option-selected-border {
    border-color: var(--color-components-option-card-option-selected-border);
  }

  .border-components-panel-bg {
    border-color: var(--color-components-panel-bg);
  }

  .border-components-panel-border {
    border-color: var(--color-components-panel-border);
  }

  .border-components-panel-border\! {
    border-color: var(--color-components-panel-border) !important;
  }

  .border-components-panel-border-subtle {
    border-color: var(--color-components-panel-border-subtle);
  }

  .border-components-panel-on-panel-item-bg {
    border-color: var(--color-components-panel-on-panel-item-bg);
  }

  .border-components-progress-bar-border {
    border-color: var(--color-components-progress-bar-border);
  }

  .border-components-progress-brand-progress {
    border-color: var(--color-components-progress-brand-progress);
  }

  .border-components-progress-gray-border {
    border-color: var(--color-components-progress-gray-border);
  }

  .border-components-radio-border {
    border-color: var(--color-components-radio-border);
  }

  .border-components-radio-border-checked {
    border-color: var(--color-components-radio-border-checked);
  }

  .border-components-radio-border-checked-disabled {
    border-color: var(--color-components-radio-border-checked-disabled);
  }

  .border-components-radio-border-disabled {
    border-color: var(--color-components-radio-border-disabled);
  }

  .border-components-segmented-control-item-active-border {
    border-color: var(--color-components-segmented-control-item-active-border);
  }

  .border-components-slider-knob-border {
    border-color: var(--color-components-slider-knob-border);
  }

  .border-components-tab-active {
    border-color: var(--color-components-tab-active);
  }

  .border-current {
    border-color: currentColor;
  }

  .border-divider-accent {
    border-color: var(--color-divider-accent);
  }

  .border-divider-burn {
    border-color: var(--color-divider-burn);
  }

  .border-divider-deep {
    border-color: var(--color-divider-deep);
  }

  .border-divider-regular {
    border-color: var(--color-divider-regular);
  }

  .border-divider-subtle {
    border-color: var(--color-divider-subtle);
  }

  .border-divider-subtle\! {
    border-color: var(--color-divider-subtle) !important;
  }

  .border-effects-highlight {
    border-color: var(--color-effects-highlight);
  }

  .border-effects-highlight-lightmode-off {
    border-color: var(--color-effects-highlight-lightmode-off);
  }

  .border-effects-image-frame {
    border-color: var(--color-effects-image-frame);
  }

  .border-emerald-500 {
    border-color: var(--color-emerald-500);
  }

  .border-gray-50 {
    border-color: #f9fafb;
  }

  .border-gray-100 {
    border-color: #f2f4f7;
  }

  .border-gray-200 {
    border-color: #eaecf0;
  }

  .border-gray-300 {
    border-color: #d0d5dd;
  }

  .border-gray-300\! {
    border-color: #d0d5dd !important;
  }

  .border-indigo-100\! {
    border-color: #e0eaff !important;
  }

  .border-indigo-300 {
    border-color: #a4bcfd;
  }

  .border-indigo-600 {
    border-color: #444ce7;
  }

  .border-primary-500 {
    border-color: #2970ff;
  }

  .border-primary-600 {
    border-color: #155eef;
  }

  .border-primary-700 {
    border-color: #004eeb;
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-red-500\/20 {
    border-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/20 {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .border-red-700 {
    border-color: var(--color-red-700);
  }

  .border-slate-500\/80 {
    border-color: #62748ecc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-500\/80 {
      border-color: color-mix(in oklab, var(--color-slate-500) 80%, transparent);
    }
  }

  .border-slate-600 {
    border-color: var(--color-slate-600);
  }

  .border-slate-600\/70 {
    border-color: #45556cb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-600\/70 {
      border-color: color-mix(in oklab, var(--color-slate-600) 70%, transparent);
    }
  }

  .border-slate-700\/70 {
    border-color: #314158b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-700\/70 {
      border-color: color-mix(in oklab, var(--color-slate-700) 70%, transparent);
    }
  }

  .border-state-accent-active {
    border-color: var(--color-state-accent-active);
  }

  .border-state-accent-solid {
    border-color: var(--color-state-accent-solid);
  }

  .border-state-accent-solid\! {
    border-color: var(--color-state-accent-solid) !important;
  }

  .border-state-destructive-active {
    border-color: var(--color-state-destructive-active);
  }

  .border-state-destructive-border {
    border-color: var(--color-state-destructive-border);
  }

  .border-state-destructive-hover-alt {
    border-color: var(--color-state-destructive-hover-alt);
  }

  .border-state-destructive-solid\! {
    border-color: var(--color-state-destructive-solid) !important;
  }

  .border-state-success-active {
    border-color: var(--color-state-success-active);
  }

  .border-state-success-solid\! {
    border-color: var(--color-state-success-solid) !important;
  }

  .border-state-warning-active {
    border-color: var(--color-state-warning-active);
  }

  .border-state-warning-hover-alt {
    border-color: var(--color-state-warning-hover-alt);
  }

  .border-state-warning-solid\! {
    border-color: var(--color-state-warning-solid) !important;
  }

  .border-stone-200 {
    border-color: var(--color-stone-200);
  }

  .border-stone-200\/40 {
    border-color: #e7e5e466;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stone-200\/40 {
      border-color: color-mix(in oklab, var(--color-stone-200) 40%, transparent);
    }
  }

  .border-stone-200\/50 {
    border-color: #e7e5e480;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stone-200\/50 {
      border-color: color-mix(in oklab, var(--color-stone-200) 50%, transparent);
    }
  }

  .border-stone-200\/60 {
    border-color: #e7e5e499;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stone-200\/60 {
      border-color: color-mix(in oklab, var(--color-stone-200) 60%, transparent);
    }
  }

  .border-stone-300\/40 {
    border-color: #d6d3d166;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stone-300\/40 {
      border-color: color-mix(in oklab, var(--color-stone-300) 40%, transparent);
    }
  }

  .border-stone-900\/8 {
    border-color: #1c191714;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stone-900\/8 {
      border-color: color-mix(in oklab, var(--color-stone-900) 8%, transparent);
    }
  }

  .border-stone-900\/12 {
    border-color: #1c19171f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stone-900\/12 {
      border-color: color-mix(in oklab, var(--color-stone-900) 12%, transparent);
    }
  }

  .border-stone-900\/15 {
    border-color: #1c191726;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-stone-900\/15 {
      border-color: color-mix(in oklab, var(--color-stone-900) 15%, transparent);
    }
  }

  .border-text-accent {
    border-color: var(--color-text-accent);
  }

  .border-text-accent\! {
    border-color: var(--color-text-accent) !important;
  }

  .border-text-accent-secondary {
    border-color: var(--color-text-accent-secondary);
  }

  .border-text-primary {
    border-color: var(--color-text-primary);
  }

  .border-text-primary-on-surface {
    border-color: var(--color-text-primary-on-surface);
  }

  .border-text-quaternary {
    border-color: var(--color-text-quaternary);
  }

  .border-text-warning {
    border-color: var(--color-text-warning);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-transparent\! {
    border-color: #0000 !important;
  }

  .border-util-colors-blue-blue-300 {
    border-color: var(--color-util-colors-blue-blue-300);
  }

  .border-util-colors-blue-blue-500 {
    border-color: var(--color-util-colors-blue-blue-500);
  }

  .border-util-colors-blue-blue-600 {
    border-color: var(--color-util-colors-blue-blue-600);
  }

  .border-util-colors-blue-brand-blue-brand-500 {
    border-color: var(--color-util-colors-blue-brand-blue-brand-500);
  }

  .border-util-colors-blue-brand-blue-brand-600 {
    border-color: var(--color-util-colors-blue-brand-blue-brand-600);
  }

  .border-util-colors-blue-brand-blue-brand-600\! {
    border-color: var(--color-util-colors-blue-brand-blue-brand-600) !important;
  }

  .border-util-colors-cyan-cyan-300 {
    border-color: var(--color-util-colors-cyan-cyan-300);
  }

  .border-util-colors-cyan-cyan-500 {
    border-color: var(--color-util-colors-cyan-cyan-500);
  }

  .border-util-colors-green-green-300 {
    border-color: var(--color-util-colors-green-green-300);
  }

  .border-util-colors-green-green-500 {
    border-color: var(--color-util-colors-green-green-500);
  }

  .border-util-colors-indigo-indigo-100 {
    border-color: var(--color-util-colors-indigo-indigo-100);
  }

  .border-util-colors-indigo-indigo-600 {
    border-color: var(--color-util-colors-indigo-indigo-600);
  }

  .border-util-colors-pink-pink-300 {
    border-color: var(--color-util-colors-pink-pink-300);
  }

  .border-util-colors-pink-pink-500 {
    border-color: var(--color-util-colors-pink-pink-500);
  }

  .border-util-colors-red-red-500 {
    border-color: var(--color-util-colors-red-red-500);
  }

  .border-util-colors-teal-teal-600 {
    border-color: var(--color-util-colors-teal-teal-600);
  }

  .border-util-colors-violet-violet-300 {
    border-color: var(--color-util-colors-violet-violet-300);
  }

  .border-util-colors-violet-violet-500 {
    border-color: var(--color-util-colors-violet-violet-500);
  }

  .border-util-colors-violet-violet-600 {
    border-color: var(--color-util-colors-violet-violet-600);
  }

  .border-util-colors-yellow-yellow-300 {
    border-color: var(--color-util-colors-yellow-yellow-300);
  }

  .border-util-colors-yellow-yellow-500 {
    border-color: var(--color-util-colors-yellow-yellow-500);
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/2 {
    border-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/2 {
      border-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }

  .border-white\/5 {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/12 {
    border-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/12 {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .border-white\/20 {
    border-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .border-white\/25 {
    border-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/25 {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .border-white\/40 {
    border-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/40 {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .border-workflow-block-border {
    border-color: var(--color-workflow-block-border);
  }

  .border-workflow-block-parma-bg {
    border-color: var(--color-workflow-block-parma-bg);
  }

  .border-zinc-700 {
    border-color: var(--color-zinc-700);
  }

  .border-x-divider-subtle {
    border-inline-color: var(--color-divider-subtle);
  }

  .border-t-divider-regular {
    border-top-color: var(--color-divider-regular);
  }

  .border-t-divider-subtle {
    border-top-color: var(--color-divider-subtle);
  }

  .border-t-gray-600 {
    border-top-color: #344054;
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-r-components-progress-bar-progress-highlight {
    border-right-color: var(--color-components-progress-bar-progress-highlight);
  }

  .border-r-divider-subtle {
    border-right-color: var(--color-divider-subtle);
  }

  .border-r-transparent {
    border-right-color: #0000;
  }

  .border-b-\[\#FEF0C7\] {
    border-bottom-color: #fef0c7;
  }

  .border-b-divider-regular {
    border-bottom-color: var(--color-divider-regular);
  }

  .border-b-divider-regular\! {
    border-bottom-color: var(--color-divider-regular) !important;
  }

  .border-b-divider-subtle {
    border-bottom-color: var(--color-divider-subtle);
  }

  .border-b-divider-subtle\! {
    border-bottom-color: var(--color-divider-subtle) !important;
  }

  .border-b-gray-200 {
    border-bottom-color: #eaecf0;
  }

  .border-b-white\/7\.5 {
    border-bottom-color: #ffffff13;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-b-white\/7\.5 {
      border-bottom-color: color-mix(in oklab, var(--color-white) 7.5%, transparent);
    }
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .premium-badge-blue {
    background-color: var(--color-util-colors-blue-blue-200);
    background-image: linear-gradient(90deg, #5289ffe6 0%, #155aefe6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #155aef 100%);
  }

  .premium-badge-blue.pb-allow-hover:hover {
    background-color: var(--color-util-colors-blue-blue-300);
    background-image: linear-gradient(90deg, #296dffe6 0%, #004aebe6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #00329e 100%);
  }

  .premium-badge-gray {
    background-color: var(--color-util-colors-gray-gray-200);
    background-image: linear-gradient(90deg, #98a2b2e6 0%, #676f83e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #676f83 100%);
  }

  .premium-badge-gray.pb-allow-hover:hover {
    background-color: var(--color-util-colors-gray-gray-300);
    background-image: linear-gradient(90deg, #676f83e6 0%, #354052e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #354052 100%);
  }

  .premium-badge-indigo {
    background-color: var(--color-util-colors-indigo-indigo-200);
    background-image: linear-gradient(90deg, #8098f9e6 0%, #444ce7e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #6172f3 100%);
  }

  .premium-badge-indigo.pb-allow-hover:hover {
    background-color: var(--color-util-colors-indigo-indigo-300);
    background-image: linear-gradient(90deg, #6172f3e6 0%, #2d31a6e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #2d31a6 100%);
  }

  .premium-badge-orange {
    background-color: var(--color-util-colors-orange-orange-200);
    background-image: linear-gradient(90deg, #ff692ee6 0%, #e04f16e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #e62e05 100%);
  }

  .premium-badge-orange.pb-allow-hover:hover {
    background-color: var(--color-util-colors-orange-orange-300);
    background-image: linear-gradient(90deg, #ff4405e6 0%, #b93815e6 100%), linear-gradient(135deg, var(--color-premium-badge-border-highlight-color) 0%, #e62e05 100%);
  }

  .action-btn-active.action-btn {
    background-color: var(--color-state-accent-active);
    color: var(--color-text-accent);
  }

  @media (hover: hover) {
    .action-btn-active.action-btn:hover {
      background-color: var(--color-state-accent-active-alt);
    }
  }

  .sc-default {
    color: var(--color-text-tertiary);
  }

  @media (hover: hover) {
    .sc-default:hover {
      background-color: var(--color-state-base-hover);
    }
  }

  @media (hover: hover) {
    .sc-default:hover {
      color: var(--color-text-secondary);
    }
  }

  .action-btn-destructive.action-btn {
    background-color: var(--color-state-destructive-hover);
    color: var(--color-text-destructive);
  }

  .\!bg-background-section {
    background-color: var(--color-background-section) !important;
  }

  .\!bg-transparent {
    background-color: #0000 !important;
  }

  .action-btn-hover {
    background-color: var(--color-state-base-hover);
  }

  .bg-\[\#0A0A1A\] {
    background-color: #0a0a1a;
  }

  .bg-\[\#0c0a09\] {
    background-color: #0c0a09;
  }

  .bg-\[\#1c1917\] {
    background-color: #1c1917;
  }

  .bg-\[\#1c1917\]\/95 {
    background-color: lab(9.05132% 1.17789 1.97037 / .95);
  }

  .bg-\[\#2a3f8a\] {
    background-color: #2a3f8a;
  }

  .bg-\[\#8ea2ff\] {
    background-color: #8ea2ff;
  }

  .bg-\[\#8ea2ff\]\/20 {
    background-color: lab(68.0073% 10.8539 -49.1504 / .2);
  }

  .bg-\[\#8ea2ff\]\/80 {
    background-color: lab(68.0073% 10.8539 -49.1504 / .8);
  }

  .bg-\[\#34d399\] {
    background-color: #34d399;
  }

  .bg-\[\#34d399\]\/20 {
    background-color: lab(75.6955% -52.1881 16.7595 / .2);
  }

  .bg-\[\#34d399\]\/90 {
    background-color: lab(75.6955% -52.1881 16.7595 / .9);
  }

  .bg-\[\#5170ff\] {
    background-color: #5170ff;
  }

  .bg-\[\#5170ff\]\/5 {
    background-color: lab(51.2768% 25.1209 -76.091 / .05);
  }

  .bg-\[\#5170ff\]\/8 {
    background-color: lab(51.2768% 25.1209 -76.091 / .08);
  }

  .bg-\[\#5170ff\]\/10 {
    background-color: lab(51.2768% 25.1209 -76.091 / .1);
  }

  .bg-\[\#5170ff\]\/20 {
    background-color: lab(51.2768% 25.1209 -76.091 / .2);
  }

  .bg-\[\#5170ff\]\/80 {
    background-color: lab(51.2768% 25.1209 -76.091 / .8);
  }

  .bg-\[\#6938EF\] {
    background-color: #6938ef;
  }

  .bg-\[\#A5F0FC\] {
    background-color: #a5f0fc;
  }

  .bg-\[\#D1E9FF80\] {
    background-color: #d1e9ff80;
  }

  .bg-\[\#D5F5F6\] {
    background-color: #d5f5f6;
  }

  .bg-\[\#DD2590\] {
    background-color: #dd2590;
  }

  .bg-\[\#E0EAFF\] {
    background-color: #e0eaff;
  }

  .bg-\[\#E0F2FE\] {
    background-color: #e0f2fe;
  }

  .bg-\[\#EBE9FE\] {
    background-color: #ebe9fe;
  }

  .bg-\[\#ECFDF3\] {
    background-color: #ecfdf3;
  }

  .bg-\[\#EFF8FF\] {
    background-color: #eff8ff;
  }

  .bg-\[\#F4F3FF\] {
    background-color: #f4f3ff;
  }

  .bg-\[\#F5F3FF\] {
    background-color: #f5f3ff;
  }

  .bg-\[\#F5F8FF\] {
    background-color: #f5f8ff;
  }

  .bg-\[\#F79009\] {
    background-color: #f79009;
  }

  .bg-\[\#FCE7F6\] {
    background-color: #fce7f6;
  }

  .bg-\[\#FDF2FA\] {
    background-color: #fdf2fa;
  }

  .bg-\[\#FEC84B\] {
    background-color: #fec84b;
  }

  .bg-\[\#FEF0C7\] {
    background-color: #fef0c7;
  }

  .bg-\[\#FFF6ED\] {
    background-color: #fff6ed;
  }

  .bg-\[\#FFFAEB\] {
    background-color: #fffaeb;
  }

  .bg-\[\#FFFAEB\]\! {
    background-color: #fffaeb !important;
  }

  .bg-\[\#FFFCF5\] {
    background-color: #fffcf5;
  }

  .bg-\[\#a9b6ff\]\/80 {
    background-color: lab(75.0918% 8.04728 -37.9691 / .8);
  }

  .bg-\[\#f7f1e8\] {
    background-color: #f7f1e8;
  }

  .bg-\[\#f87171\]\/90 {
    background-color: lab(64.7431% 52.734 26.6685 / .9);
  }

  .bg-\[\#fbbf24\]\/90 {
    background-color: lab(81.2476% 13.2706 77.1046 / .9);
  }

  .bg-\[\#fef3f2\] {
    background-color: #fef3f2;
  }

  .bg-\[\#fff7ed\] {
    background-color: #fff7ed;
  }

  .bg-\[\#fffaf2\] {
    background-color: #fffaf2;
  }

  .bg-\[\#fffdf8\] {
    background-color: #fffdf8;
  }

  .bg-\[rgba\(21\,90\,239\,0\.14\)\] {
    background-color: #155aef24;
  }

  .bg-\[var\(--sdm-tbg\)\] {
    background-color: var(--sdm-tbg);
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-amber-400\/10 {
    background-color: #fcbb001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-400\/10 {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
  }

  .bg-background-body {
    background-color: var(--color-background-body);
  }

  .bg-background-default {
    background-color: var(--color-background-default);
  }

  .bg-background-default-burn {
    background-color: var(--color-background-default-burn);
  }

  .bg-background-default-dimmed {
    background-color: var(--color-background-default-dimmed);
  }

  .bg-background-default-dodge {
    background-color: var(--color-background-default-dodge);
  }

  .bg-background-default-hover {
    background-color: var(--color-background-default-hover);
  }

  .bg-background-default-lighter {
    background-color: var(--color-background-default-lighter);
  }

  .bg-background-default-subtle {
    background-color: var(--color-background-default-subtle);
  }

  .bg-background-default-subtle\! {
    background-color: var(--color-background-default-subtle) !important;
  }

  .bg-background-gradient-bg-fill-chat-bubble-bg-3 {
    background-color: var(--color-background-gradient-bg-fill-chat-bubble-bg-3);
  }

  .bg-background-overlay {
    background-color: var(--color-background-overlay);
  }

  .bg-background-overlay-alt {
    background-color: var(--color-background-overlay-alt);
  }

  .bg-background-overlay-backdrop {
    background-color: var(--color-background-overlay-backdrop);
  }

  .bg-background-overlay-destructive {
    background-color: var(--color-background-overlay-destructive);
  }

  .bg-background-overlay-fullscreen {
    background-color: var(--color-background-overlay-fullscreen);
  }

  .bg-background-section {
    background-color: var(--color-background-section);
  }

  .bg-background-section-burn {
    background-color: var(--color-background-section-burn);
  }

  .bg-background-section-burn\! {
    background-color: var(--color-background-section-burn) !important;
  }

  .bg-background-section-burn-inverted {
    background-color: var(--color-background-section-burn-inverted);
  }

  .bg-background-sidenav-bg {
    background-color: var(--color-background-sidenav-bg);
  }

  .bg-background-soft {
    background-color: var(--color-background-soft);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/5 {
    background-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/16 {
    background-color: #00000029;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/16 {
      background-color: color-mix(in oklab, var(--color-black) 16%, transparent);
    }
  }

  .bg-black\/25 {
    background-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-black\/\[0\.02\]\! {
    background-color: #00000005 !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/\[0\.02\]\! {
      background-color: color-mix(in oklab, var(--color-black) 2%, transparent) !important;
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }

  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }

  .bg-blue-400\/10 {
    background-color: #54a2ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/10 {
      background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
    }
  }

  .bg-blue-400\/15 {
    background-color: #54a2ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-400\/15 {
      background-color: color-mix(in oklab, var(--color-blue-400) 15%, transparent);
    }
  }

  .bg-blue-500 {
    background-color: #e1effe;
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-components-actionbar-bg {
    background-color: var(--color-components-actionbar-bg);
  }

  .bg-components-actionbar-bg\! {
    background-color: var(--color-components-actionbar-bg) !important;
  }

  .bg-components-actionbar-bg-accent {
    background-color: var(--color-components-actionbar-bg-accent);
  }

  .bg-components-actionbar-border {
    background-color: var(--color-components-actionbar-border);
  }

  .bg-components-badge-bg-dimm {
    background-color: var(--color-components-badge-bg-dimm);
  }

  .bg-components-badge-bg-gray-soft {
    background-color: var(--color-components-badge-bg-gray-soft);
  }

  .bg-components-badge-bg-red-soft {
    background-color: var(--color-components-badge-bg-red-soft);
  }

  .bg-components-badge-status-light-disabled-bg {
    background-color: var(--color-components-badge-status-light-disabled-bg);
  }

  .bg-components-badge-status-light-error-bg {
    background-color: var(--color-components-badge-status-light-error-bg);
  }

  .bg-components-badge-status-light-normal-bg {
    background-color: var(--color-components-badge-status-light-normal-bg);
  }

  .bg-components-badge-status-light-success-bg {
    background-color: var(--color-components-badge-status-light-success-bg);
  }

  .bg-components-badge-status-light-warning-bg {
    background-color: var(--color-components-badge-status-light-warning-bg);
  }

  .bg-components-badge-status-light-warning-halo {
    background-color: var(--color-components-badge-status-light-warning-halo);
  }

  .bg-components-badge-white-to-dark {
    background-color: var(--color-components-badge-white-to-dark);
  }

  .bg-components-button-destructive-primary-bg {
    background-color: var(--color-components-button-destructive-primary-bg);
  }

  .bg-components-button-destructive-secondary-bg {
    background-color: var(--color-components-button-destructive-secondary-bg);
  }

  .bg-components-button-destructive-tertiary-bg {
    background-color: var(--color-components-button-destructive-tertiary-bg);
  }

  .bg-components-button-ghost-bg-hover {
    background-color: var(--color-components-button-ghost-bg-hover);
  }

  .bg-components-button-primary-bg {
    background-color: var(--color-components-button-primary-bg);
  }

  .bg-components-button-primary-bg\/5 {
    background-color: var(--color-components-button-primary-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-components-button-primary-bg\/5 {
      background-color: color-mix(in oklab, var(--color-components-button-primary-bg) 5%, transparent);
    }
  }

  .bg-components-button-secondary-bg {
    background-color: var(--color-components-button-secondary-bg);
  }

  .bg-components-button-secondary-bg\! {
    background-color: var(--color-components-button-secondary-bg) !important;
  }

  .bg-components-button-secondary-bg-disabled {
    background-color: var(--color-components-button-secondary-bg-disabled);
  }

  .bg-components-button-secondary-bg-hover {
    background-color: var(--color-components-button-secondary-bg-hover);
  }

  .bg-components-button-secondary-bg-hover\! {
    background-color: var(--color-components-button-secondary-bg-hover) !important;
  }

  .bg-components-button-tertiary-bg {
    background-color: var(--color-components-button-tertiary-bg);
  }

  .bg-components-button-tertiary-bg-disabled {
    background-color: var(--color-components-button-tertiary-bg-disabled);
  }

  .bg-components-button-tertiary-bg-hover {
    background-color: var(--color-components-button-tertiary-bg-hover);
  }

  .bg-components-card-bg {
    background-color: var(--color-components-card-bg);
  }

  .bg-components-card-bg-alt {
    background-color: var(--color-components-card-bg-alt);
  }

  .bg-components-chart-bg {
    background-color: var(--color-components-chart-bg);
  }

  .bg-components-chat-input-audio-bg-alt {
    background-color: var(--color-components-chat-input-audio-bg-alt);
  }

  .bg-components-checkbox-bg {
    background-color: var(--color-components-checkbox-bg);
  }

  .bg-components-checkbox-bg-disabled {
    background-color: var(--color-components-checkbox-bg-disabled);
  }

  .bg-components-checkbox-bg-disabled-checked {
    background-color: var(--color-components-checkbox-bg-disabled-checked);
  }

  .bg-components-checkbox-bg-unchecked {
    background-color: var(--color-components-checkbox-bg-unchecked);
  }

  .bg-components-dropzone-bg {
    background-color: var(--color-components-dropzone-bg);
  }

  .bg-components-dropzone-bg-accent {
    background-color: var(--color-components-dropzone-bg-accent);
  }

  .bg-components-dropzone-bg-alt\! {
    background-color: var(--color-components-dropzone-bg-alt) !important;
  }

  .bg-components-icon-bg-blue-light-solid {
    background-color: var(--color-components-icon-bg-blue-light-solid);
  }

  .bg-components-icon-bg-blue-solid {
    background-color: var(--color-components-icon-bg-blue-solid);
  }

  .bg-components-icon-bg-indigo-solid {
    background-color: var(--color-components-icon-bg-indigo-solid);
  }

  .bg-components-icon-bg-midnight-solid {
    background-color: var(--color-components-icon-bg-midnight-solid);
  }

  .bg-components-icon-bg-orange-dark-solid {
    background-color: var(--color-components-icon-bg-orange-dark-solid);
  }

  .bg-components-icon-bg-pink-solid {
    background-color: var(--color-components-icon-bg-pink-solid);
  }

  .bg-components-icon-bg-teal-solid {
    background-color: var(--color-components-icon-bg-teal-solid);
  }

  .bg-components-icon-bg-violet-solid {
    background-color: var(--color-components-icon-bg-violet-solid);
  }

  .bg-components-input-bg-active {
    background-color: var(--color-components-input-bg-active);
  }

  .bg-components-input-bg-active\! {
    background-color: var(--color-components-input-bg-active) !important;
  }

  .bg-components-input-bg-destructive {
    background-color: var(--color-components-input-bg-destructive);
  }

  .bg-components-input-bg-disabled {
    background-color: var(--color-components-input-bg-disabled);
  }

  .bg-components-input-bg-disabled\! {
    background-color: var(--color-components-input-bg-disabled) !important;
  }

  .bg-components-input-bg-hover {
    background-color: var(--color-components-input-bg-hover);
  }

  .bg-components-input-bg-normal {
    background-color: var(--color-components-input-bg-normal);
  }

  .bg-components-input-bg-normal\! {
    background-color: var(--color-components-input-bg-normal) !important;
  }

  .bg-components-kbd-bg-gray {
    background-color: var(--color-components-kbd-bg-gray);
  }

  .bg-components-kbd-bg-white {
    background-color: var(--color-components-kbd-bg-white);
  }

  .bg-components-main-nav-nav-button-bg-active {
    background-color: var(--color-components-main-nav-nav-button-bg-active);
  }

  .bg-components-main-nav-nav-button-bg-active\! {
    background-color: var(--color-components-main-nav-nav-button-bg-active) !important;
  }

  .bg-components-menu-item-bg-active {
    background-color: var(--color-components-menu-item-bg-active);
  }

  .bg-components-option-card-option-bg {
    background-color: var(--color-components-option-card-option-bg);
  }

  .bg-components-option-card-option-bg-hover {
    background-color: var(--color-components-option-card-option-bg-hover);
  }

  .bg-components-option-card-option-selected-bg {
    background-color: var(--color-components-option-card-option-selected-bg);
  }

  .bg-components-panel-bg {
    background-color: var(--color-components-panel-bg);
  }

  .bg-components-panel-bg\! {
    background-color: var(--color-components-panel-bg) !important;
  }

  .bg-components-panel-bg-alt {
    background-color: var(--color-components-panel-bg-alt);
  }

  .bg-components-panel-bg-blur {
    background-color: var(--color-components-panel-bg-blur);
  }

  .bg-components-panel-bg-blur\! {
    background-color: var(--color-components-panel-bg-blur) !important;
  }

  .bg-components-panel-bg\/70 {
    background-color: var(--color-components-panel-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-components-panel-bg\/70 {
      background-color: color-mix(in oklab, var(--color-components-panel-bg) 70%, transparent);
    }
  }

  .bg-components-panel-bg\/95 {
    background-color: var(--color-components-panel-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-components-panel-bg\/95 {
      background-color: color-mix(in oklab, var(--color-components-panel-bg) 95%, transparent);
    }
  }

  .bg-components-panel-border {
    background-color: var(--color-components-panel-border);
  }

  .bg-components-panel-on-panel-item-bg {
    background-color: var(--color-components-panel-on-panel-item-bg);
  }

  .bg-components-panel-on-panel-item-bg-hover {
    background-color: var(--color-components-panel-on-panel-item-bg-hover);
  }

  .bg-components-progress-bar-bg {
    background-color: var(--color-components-progress-bar-bg);
  }

  .bg-components-progress-bar-bg\/50 {
    background-color: var(--color-components-progress-bar-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-components-progress-bar-bg\/50 {
      background-color: color-mix(in oklab, var(--color-components-progress-bar-bg) 50%, transparent);
    }
  }

  .bg-components-progress-bar-border {
    background-color: var(--color-components-progress-bar-border);
  }

  .bg-components-progress-bar-progress {
    background-color: var(--color-components-progress-bar-progress);
  }

  .bg-components-progress-bar-progress-highlight {
    background-color: var(--color-components-progress-bar-progress-highlight);
  }

  .bg-components-progress-bar-progress-solid {
    background-color: var(--color-components-progress-bar-progress-solid);
  }

  .bg-components-progress-error-bg {
    background-color: var(--color-components-progress-error-bg);
  }

  .bg-components-progress-error-progress {
    background-color: var(--color-components-progress-error-progress);
  }

  .bg-components-progress-gray-progress {
    background-color: var(--color-components-progress-gray-progress);
  }

  .bg-components-progress-warning-progress {
    background-color: var(--color-components-progress-warning-progress);
  }

  .bg-components-radio-bg {
    background-color: var(--color-components-radio-bg);
  }

  .bg-components-radio-bg-disabled {
    background-color: var(--color-components-radio-bg-disabled);
  }

  .bg-components-segmented-control-bg-normal {
    background-color: var(--color-components-segmented-control-bg-normal);
  }

  .bg-components-segmented-control-item-active-bg {
    background-color: var(--color-components-segmented-control-item-active-bg);
  }

  .bg-components-slider-knob {
    background-color: var(--color-components-slider-knob);
  }

  .bg-components-slider-range {
    background-color: var(--color-components-slider-range);
  }

  .bg-components-slider-track {
    background-color: var(--color-components-slider-track);
  }

  .bg-components-toggle-bg-unchecked {
    background-color: var(--color-components-toggle-bg-unchecked);
  }

  .bg-components-toggle-knob {
    background-color: var(--color-components-toggle-knob);
  }

  .bg-components-tooltip-bg {
    background-color: var(--color-components-tooltip-bg);
  }

  .bg-divider-accent {
    background-color: var(--color-divider-accent);
  }

  .bg-divider-deep {
    background-color: var(--color-divider-deep);
  }

  .bg-divider-regular {
    background-color: var(--color-divider-regular);
  }

  .bg-divider-regular\! {
    background-color: var(--color-divider-regular) !important;
  }

  .bg-divider-solid {
    background-color: var(--color-divider-solid);
  }

  .bg-divider-subtle {
    background-color: var(--color-divider-subtle);
  }

  .bg-divider-subtle\! {
    background-color: var(--color-divider-subtle) !important;
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }

  .bg-emerald-400\/10 {
    background-color: #00d2941a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-400\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
  }

  .bg-emerald-600\/90 {
    background-color: #009767e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-600\/90 {
      background-color: color-mix(in oklab, var(--color-emerald-600) 90%, transparent);
    }
  }

  .bg-gray-25 {
    background-color: #fcfcfd;
  }

  .bg-gray-50 {
    background-color: #f9fafb;
  }

  .bg-gray-100 {
    background-color: #f2f4f7;
  }

  .bg-gray-100\! {
    background-color: #f2f4f7 !important;
  }

  .bg-gray-200 {
    background-color: #eaecf0;
  }

  .bg-gray-300 {
    background-color: #d0d5dd;
  }

  .bg-gray-500 {
    background-color: #667085;
  }

  .bg-gray-900 {
    background-color: #101828;
  }

  .bg-green-50 {
    background-color: #f3faf7;
  }

  .bg-green-100 {
    background-color: #def7ec;
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-green-600 {
    background-color: var(--color-green-600);
  }

  .bg-indigo-25\! {
    background-color: #f5f8ff !important;
  }

  .bg-indigo-50 {
    background-color: #eef4ff;
  }

  .bg-indigo-100 {
    background-color: #e0eaff;
  }

  .bg-indigo-600 {
    background-color: #444ce7;
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }

  .bg-primary-25 {
    background-color: #f5f8ff;
  }

  .bg-primary-50 {
    background-color: #eff4ff;
  }

  .bg-primary-300 {
    background-color: #84adff;
  }

  .bg-primary-500 {
    background-color: #2970ff;
  }

  .bg-primary-600 {
    background-color: #155eef;
  }

  .bg-primary-600\! {
    background-color: #155eef !important;
  }

  .bg-primary-700 {
    background-color: #004eeb;
  }

  .bg-purple-50 {
    background-color: #f6f5ff;
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-400 {
    background-color: var(--color-red-400);
  }

  .bg-red-400\/10 {
    background-color: #ff65681a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-400\/10 {
      background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
    }
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-500\/5 {
    background-color: #fb2c360d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/5 {
      background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
    }
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }

  .bg-saas-background {
    background-color: var(--color-saas-background);
  }

  .bg-saas-background-inverted {
    background-color: var(--color-saas-background-inverted);
  }

  .bg-saas-dify-blue-static {
    background-color: var(--color-saas-dify-blue-static);
  }

  .bg-sky-400\/10 {
    background-color: #00bcfe1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-400\/10 {
      background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
    }
  }

  .bg-slate-700 {
    background-color: var(--color-slate-700);
  }

  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }

  .bg-slate-800\/40 {
    background-color: #1d293d66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-800\/40 {
      background-color: color-mix(in oklab, var(--color-slate-800) 40%, transparent);
    }
  }

  .bg-slate-800\/55 {
    background-color: #1d293d8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-800\/55 {
      background-color: color-mix(in oklab, var(--color-slate-800) 55%, transparent);
    }
  }

  .bg-slate-800\/65 {
    background-color: #1d293da6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-800\/65 {
      background-color: color-mix(in oklab, var(--color-slate-800) 65%, transparent);
    }
  }

  .bg-slate-800\/80 {
    background-color: #1d293dcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-800\/80 {
      background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
  }

  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }

  .bg-slate-900\/70 {
    background-color: #0f172bb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/70 {
      background-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent);
    }
  }

  .bg-slate-900\/72 {
    background-color: #0f172bb8;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/72 {
      background-color: color-mix(in oklab, var(--color-slate-900) 72%, transparent);
    }
  }

  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }

  .bg-state-accent-active {
    background-color: var(--color-state-accent-active);
  }

  .bg-state-accent-active-alt {
    background-color: var(--color-state-accent-active-alt);
  }

  .bg-state-accent-hover {
    background-color: var(--color-state-accent-hover);
  }

  .bg-state-accent-hover-alt {
    background-color: var(--color-state-accent-hover-alt);
  }

  .bg-state-accent-solid {
    background-color: var(--color-state-accent-solid);
  }

  .bg-state-base-active {
    background-color: var(--color-state-base-active);
  }

  .bg-state-base-handle {
    background-color: var(--color-state-base-handle);
  }

  .bg-state-base-hover {
    background-color: var(--color-state-base-hover);
  }

  .bg-state-base-hover\! {
    background-color: var(--color-state-base-hover) !important;
  }

  .bg-state-base-hover-alt {
    background-color: var(--color-state-base-hover-alt);
  }

  .bg-state-base-hover-alt\! {
    background-color: var(--color-state-base-hover-alt) !important;
  }

  .bg-state-destructive-hover {
    background-color: var(--color-state-destructive-hover);
  }

  .bg-state-destructive-hover\! {
    background-color: var(--color-state-destructive-hover) !important;
  }

  .bg-state-destructive-hover-alt {
    background-color: var(--color-state-destructive-hover-alt);
  }

  .bg-state-destructive-hover-alt\! {
    background-color: var(--color-state-destructive-hover-alt) !important;
  }

  .bg-state-destructive-solid {
    background-color: var(--color-state-destructive-solid);
  }

  .bg-state-destructive-solid\! {
    background-color: var(--color-state-destructive-solid) !important;
  }

  .bg-state-success-hover {
    background-color: var(--color-state-success-hover);
  }

  .bg-state-success-solid {
    background-color: var(--color-state-success-solid);
  }

  .bg-state-warning-active {
    background-color: var(--color-state-warning-active);
  }

  .bg-state-warning-hover {
    background-color: var(--color-state-warning-hover);
  }

  .bg-stone-200 {
    background-color: var(--color-stone-200);
  }

  .bg-stone-300 {
    background-color: var(--color-stone-300);
  }

  .bg-stone-900\/5 {
    background-color: #1c19170d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-stone-900\/5 {
      background-color: color-mix(in oklab, var(--color-stone-900) 5%, transparent);
    }
  }

  .bg-stone-900\/12 {
    background-color: #1c19171f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-stone-900\/12 {
      background-color: color-mix(in oklab, var(--color-stone-900) 12%, transparent);
    }
  }

  .bg-stone-900\/\[0\.06\] {
    background-color: #1c19170f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-stone-900\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-stone-900) 6%, transparent);
    }
  }

  .bg-stone-950 {
    background-color: var(--color-stone-950);
  }

  .bg-text-accent {
    background-color: var(--color-text-accent);
  }

  .bg-text-accent-light-mode-only {
    background-color: var(--color-text-accent-light-mode-only);
  }

  .bg-text-accent-secondary {
    background-color: var(--color-text-accent-secondary);
  }

  .bg-text-accent\/10 {
    background-color: var(--color-text-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-accent\/10 {
      background-color: color-mix(in oklab, var(--color-text-accent) 10%, transparent);
    }
  }

  .bg-text-primary {
    background-color: var(--color-text-primary);
  }

  .bg-text-primary-on-surface {
    background-color: var(--color-text-primary-on-surface);
  }

  .bg-text-quaternary {
    background-color: var(--color-text-quaternary);
  }

  .bg-text-quaternary\! {
    background-color: var(--color-text-quaternary) !important;
  }

  .bg-text-secondary {
    background-color: var(--color-text-secondary);
  }

  .bg-text-success {
    background-color: var(--color-text-success);
  }

  .bg-text-text-selected {
    background-color: var(--color-text-text-selected);
  }

  .bg-text-warning-secondary {
    background-color: var(--color-text-warning-secondary);
  }

  .bg-third-party-model-bg-anthropic {
    background-color: var(--color-third-party-model-bg-anthropic);
  }

  .bg-third-party-model-bg-default {
    background-color: var(--color-third-party-model-bg-default);
  }

  .bg-third-party-model-bg-openai {
    background-color: var(--color-third-party-model-bg-openai);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-transparent\! {
    background-color: #0000 !important;
  }

  .bg-util-colors-blue-blue-50 {
    background-color: var(--color-util-colors-blue-blue-50);
  }

  .bg-util-colors-blue-blue-50\! {
    background-color: var(--color-util-colors-blue-blue-50) !important;
  }

  .bg-util-colors-blue-blue-100 {
    background-color: var(--color-util-colors-blue-blue-100);
  }

  .bg-util-colors-blue-blue-500 {
    background-color: var(--color-util-colors-blue-blue-500);
  }

  .bg-util-colors-blue-blue-600 {
    background-color: var(--color-util-colors-blue-blue-600);
  }

  .bg-util-colors-blue-brand-blue-brand-100 {
    background-color: var(--color-util-colors-blue-brand-blue-brand-100);
  }

  .bg-util-colors-blue-brand-blue-brand-500 {
    background-color: var(--color-util-colors-blue-brand-blue-brand-500);
  }

  .bg-util-colors-blue-brand-blue-brand-600 {
    background-color: var(--color-util-colors-blue-brand-blue-brand-600);
  }

  .bg-util-colors-blue-light-blue-light-500 {
    background-color: var(--color-util-colors-blue-light-blue-light-500);
  }

  .bg-util-colors-blue-light-blue-light-600 {
    background-color: var(--color-util-colors-blue-light-blue-light-600);
  }

  .bg-util-colors-cyan-cyan-50 {
    background-color: var(--color-util-colors-cyan-cyan-50);
  }

  .bg-util-colors-cyan-cyan-100 {
    background-color: var(--color-util-colors-cyan-cyan-100);
  }

  .bg-util-colors-cyan-cyan-500 {
    background-color: var(--color-util-colors-cyan-cyan-500);
  }

  .bg-util-colors-green-green-50 {
    background-color: var(--color-util-colors-green-green-50);
  }

  .bg-util-colors-green-green-100 {
    background-color: var(--color-util-colors-green-green-100);
  }

  .bg-util-colors-green-green-500 {
    background-color: var(--color-util-colors-green-green-500);
  }

  .bg-util-colors-indigo-indigo-50 {
    background-color: var(--color-util-colors-indigo-indigo-50);
  }

  .bg-util-colors-indigo-indigo-500 {
    background-color: var(--color-util-colors-indigo-indigo-500);
  }

  .bg-util-colors-indigo-indigo-600 {
    background-color: var(--color-util-colors-indigo-indigo-600);
  }

  .bg-util-colors-orange-orange-500 {
    background-color: var(--color-util-colors-orange-orange-500);
  }

  .bg-util-colors-pink-pink-50 {
    background-color: var(--color-util-colors-pink-pink-50);
  }

  .bg-util-colors-pink-pink-100 {
    background-color: var(--color-util-colors-pink-pink-100);
  }

  .bg-util-colors-purple-purple-500 {
    background-color: var(--color-util-colors-purple-purple-500);
  }

  .bg-util-colors-purple-purple-600 {
    background-color: var(--color-util-colors-purple-purple-600);
  }

  .bg-util-colors-red-red-100 {
    background-color: var(--color-util-colors-red-red-100);
  }

  .bg-util-colors-teal-teal-50 {
    background-color: var(--color-util-colors-teal-teal-50);
  }

  .bg-util-colors-teal-teal-500 {
    background-color: var(--color-util-colors-teal-teal-500);
  }

  .bg-util-colors-teal-teal-600 {
    background-color: var(--color-util-colors-teal-teal-600);
  }

  .bg-util-colors-violet-violet-50 {
    background-color: var(--color-util-colors-violet-violet-50);
  }

  .bg-util-colors-violet-violet-100 {
    background-color: var(--color-util-colors-violet-violet-100);
  }

  .bg-util-colors-violet-violet-500 {
    background-color: var(--color-util-colors-violet-violet-500);
  }

  .bg-util-colors-violet-violet-600 {
    background-color: var(--color-util-colors-violet-violet-600);
  }

  .bg-util-colors-warning-warning-500 {
    background-color: var(--color-util-colors-warning-warning-500);
  }

  .bg-util-colors-yellow-yellow-50 {
    background-color: var(--color-util-colors-yellow-yellow-50);
  }

  .bg-util-colors-yellow-yellow-100 {
    background-color: var(--color-util-colors-yellow-yellow-100);
  }

  .bg-violet-400\/10 {
    background-color: #a685ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-400\/10 {
      background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\! {
    background-color: var(--color-white) !important;
  }

  .bg-white\/2\.5 {
    background-color: #ffffff06;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/2\.5 {
      background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
    }
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/8 {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/8 {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/12 {
    background-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/12 {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .bg-white\/18 {
    background-color: #ffffff2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/18 {
      background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
  }

  .bg-white\/30 {
    background-color: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/30 {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .bg-white\/40 {
    background-color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/40 {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .bg-white\/48 {
    background-color: #ffffff7a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/48 {
      background-color: color-mix(in oklab, var(--color-white) 48%, transparent);
    }
  }

  .bg-white\/50 {
    background-color: #ffffff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/50 {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

  .bg-white\/60 {
    background-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-white\/65 {
    background-color: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/65 {
      background-color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .bg-white\/70 {
    background-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/90 {
    background-color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .bg-white\/95 {
    background-color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .bg-white\/\[0\.01\] {
    background-color: #ffffff03;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.01\] {
      background-color: color-mix(in oklab, var(--color-white) 1%, transparent);
    }
  }

  .bg-white\/\[0\.02\] {
    background-color: #ffffff05;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.02\] {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }

  .bg-white\/\[0\.03\] {
    background-color: #ffffff08;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }

  .bg-white\/\[0\.05\] {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.05\] {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-white\/\[0\.08\] {
    background-color: #ffffff14;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }

  .bg-workflow-block-bg {
    background-color: var(--color-workflow-block-bg);
  }

  .bg-workflow-block-bg-transparent {
    background-color: var(--color-workflow-block-bg-transparent);
  }

  .bg-workflow-block-parma-bg {
    background-color: var(--color-workflow-block-parma-bg);
  }

  .bg-workflow-block-wrapper-bg-1 {
    background-color: var(--color-workflow-block-wrapper-bg-1);
  }

  .bg-workflow-canvas-canvas-overlay {
    background-color: var(--color-workflow-canvas-canvas-overlay);
  }

  .bg-workflow-canvas-workflow-bg {
    background-color: var(--color-workflow-canvas-workflow-bg);
  }

  .bg-workflow-display-error-bg {
    background-color: var(--color-workflow-display-error-bg);
  }

  .bg-workflow-display-normal-bg {
    background-color: var(--color-workflow-display-normal-bg);
  }

  .bg-workflow-display-success-bg {
    background-color: var(--color-workflow-display-success-bg);
  }

  .bg-workflow-display-warning-bg {
    background-color: var(--color-workflow-display-warning-bg);
  }

  .bg-workflow-link-line-failure-button-bg\! {
    background-color: var(--color-workflow-link-line-failure-button-bg) !important;
  }

  .bg-workflow-minimap-block {
    background-color: var(--color-workflow-minimap-block);
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }

  .bg-yellow-100 {
    background-color: #fdf6b2;
  }

  .bg-zinc-50 {
    background-color: var(--color-zinc-50);
  }

  .bg-zinc-300 {
    background-color: var(--color-zinc-300);
  }

  .bg-zinc-500 {
    background-color: var(--color-zinc-500);
  }

  .bg-zinc-800 {
    background-color: var(--color-zinc-800);
  }

  .bg-zinc-900 {
    background-color: var(--color-zinc-900);
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }

  .bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-l {
    --tw-gradient-position: to left;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-l {
      --tw-gradient-position: to left in oklab;
    }
  }

  .bg-linear-to-l {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-t {
    --tw-gradient-position: to top;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab;
    }
  }

  .bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-tr {
    --tw-gradient-position: to top right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-tr {
      --tw-gradient-position: to top right in oklab;
    }
  }

  .bg-linear-to-tr {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-tr {
    --tw-gradient-position: to top right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.01\)_0\%\,rgba\(16\,24\,40\,0\.08\)_50\.5\%\,rgba\(255\,255\,255\,0\.01\)_100\%\)\] {
    background-image: linear-gradient(90deg, #ffffff03 0%, #10182814 50.5%, #ffffff03 100%);
  }

  .bg-\[linear-gradient\(92deg\,rgba\(11\,165\,236\,0\.25\)_0\%\,rgba\(255\,255\,255\,0\.00\)_100\%\)\] {
    background-image: linear-gradient(92deg, #0ba5ec40 0%, #fff0 100%);
  }

  .bg-\[linear-gradient\(92deg\,rgba\(23\,178\,106\,0\.25\)_0\%\,rgba\(255\,255\,255\,0\.00\)_100\%\)\] {
    background-image: linear-gradient(92deg, #17b26a40 0%, #fff0 100%);
  }

  .bg-\[linear-gradient\(92deg\,rgba\(240\,68\,56\,0\.25\)_0\%\,rgba\(255\,255\,255\,0\.00\)_100\%\)\] {
    background-image: linear-gradient(92deg, #f0443840 0%, #fff0 100%);
  }

  .bg-\[linear-gradient\(92deg\,rgba\(247\,144\,9\,0\.25\)_0\%\,rgba\(255\,255\,255\,0\.00\)_100\%\)\] {
    background-image: linear-gradient(92deg, #f7900940 0%, #fff0 100%);
  }

  .bg-\[linear-gradient\(92deg\,var\(--components-input-border-active-prompt-1\,\#0BA5EC\)_0\%\,var\(--components-input-border-active-prompt-2\,\#155AEF\)_99\.21\%\)\] {
    background-image: linear-gradient(92deg,var(--components-input-border-active-prompt-1, #0ba5ec) 0%,var(--components-input-border-active-prompt-2, #155aef) 99.21%);
  }

  .bg-\[linear-gradient\(180deg\,var\(--color-components-panel-bg\)\,var\(--color-components-panel-bg-alt\)\)\] {
    background-image: linear-gradient(180deg,var(--color-components-panel-bg),var(--color-components-panel-bg-alt));
  }

  .bg-\[linear-gradient\(270deg\,rgba\(255\,255\,255\,0\)_0\%\,rgba\(16\,24\,40\,0\.08\)_30\%\,rgba\(16\,24\,40\,0\.08\)_50\%\,rgba\(16\,24\,40\,0\.08\)_70\.5\%\,rgba\(255\,255\,255\,0\)_100\%\)\] {
    background-image: linear-gradient(270deg, #fff0 0%, #10182814 30% 50%, #10182814 70.5%, #fff0 100%);
  }

  .bg-\[linear-gradient\(271deg\,var\(--components-input-border-active-prompt-1\,\#155AEF\)_-12\.85\%\,var\(--components-input-border-active-prompt-2\,\#0BA5EC\)_95\.4\%\)\] {
    background-image: linear-gradient(271deg,var(--components-input-border-active-prompt-1, #155aef) -12.85%,var(--components-input-border-active-prompt-2, #0ba5ec) 95.4%);
  }

  .bg-\[radial-gradient\(circle_at_12\%_-8\%\,rgba\(81\,112\,255\,0\.16\)\,transparent_36\%\)\,radial-gradient\(circle_at_95\%_4\%\,rgba\(180\,83\,42\,0\.12\)\,transparent_34\%\)\] {
    background-image: radial-gradient(circle at 12% -8%, #5170ff29, #0000 36%), radial-gradient(circle at 95% 4%, #b4532a1f, #0000 34%);
  }

  .bg-\[radial-gradient\(circle_at_12\%_10\%\,rgba\(59\,130\,246\,0\.14\)\,transparent_36\%\)\,radial-gradient\(circle_at_90\%_14\%\,rgba\(30\,64\,175\,0\.14\)\,transparent_34\%\)\,linear-gradient\(180deg\,rgba\(15\,23\,42\,0\.98\)\,rgba\(2\,6\,23\,1\)\)\] {
    background-image: radial-gradient(circle at 12% 10%, #3b82f624, #0000 36%), radial-gradient(circle at 90% 14%, #1e40af24, #0000 34%), linear-gradient(#0f172afa, #020617);
  }

  .bg-\[radial-gradient\(circle_at_15\%_-5\%\,rgba\(81\,112\,255\,0\.20\)\,transparent_38\%\)\,radial-gradient\(circle_at_92\%_8\%\,rgba\(180\,83\,42\,0\.14\)\,transparent_34\%\)\] {
    background-image: radial-gradient(circle at 15% -5%, #5170ff33, #0000 38%), radial-gradient(circle at 92% 8%, #b4532a24, #0000 34%);
  }

  .bg-\[radial-gradient\(circle_at_50\%_0\%\,rgba\(255\,255\,255\,0\.18\)\,transparent_55\%\)\] {
    background-image: radial-gradient(circle at 50% 0, #ffffff2e, #0000 55%);
  }

  .bg-\[radial-gradient\(circle_at_top\,rgba\(21\,90\,239\,0\.12\)\,transparent_45\%\)\,linear-gradient\(180deg\,rgba\(16\,24\,40\,0\.03\)\,transparent\)\] {
    background-image: radial-gradient(circle at top, #155aef1f, #0000 45%), linear-gradient(#10182808, #0000);
  }

  .bg-\[repeating-linear-gradient\(-45deg\,rgba\(16\,24\,40\,0\.04\)\,rgba\(16\,24\,40\,0\.04\)_5px\,rgba\(0\,0\,0\,0\.02\)_5px\,rgba\(0\,0\,0\,0\.02\)_10px\)\] {
    background-image: repeating-linear-gradient(-45deg, #1018280a, #1018280a 5px, #00000005 5px 10px);
  }

  .bg-\[url\(\~\@\/app\/components\/workflow\/run\/assets\/bg-line-error\.svg\)\] {
    background-image: url("../media/bg-line-error.0hsrzok_bzl5l.svg");
  }

  .bg-\[url\(\~\@\/app\/components\/workflow\/run\/assets\/bg-line-running\.svg\)\] {
    background-image: url("../media/bg-line-running.04ng_6o2qbuzr.svg");
  }

  .bg-\[url\(\~\@\/app\/components\/workflow\/run\/assets\/bg-line-success\.svg\)\] {
    background-image: url("../media/bg-line-success.0_yzngf.lms81.svg");
  }

  .bg-\[url\(\~\@\/app\/components\/workflow\/run\/assets\/bg-line-warning\.svg\)\] {
    background-image: url("../media/bg-line-warning.0x-ijul~1yzxi.svg");
  }

  .bg-\[url\(\~\@\/app\/components\/workflow\/run\/assets\/highlight-dark\.svg\)\] {
    background-image: url("../media/highlight-dark.0ckn8dqodfqkf.svg");
  }

  .bg-\[url\(\~\@\/app\/components\/workflow\/run\/assets\/highlight\.svg\)\] {
    background-image: url("../media/highlight.0n-ooyx1lvsoj.svg");
  }

  .bg-app-detail-bg {
    background-image: var(--color-app-detail-bg);
  }

  .bg-app-detail-overlay-bg {
    background-image: var(--color-app-detail-overlay-bg);
  }

  .bg-billing-plan-card-enterprise-bg {
    background-image: var(--color-billing-plan-card-enterprise-bg);
  }

  .bg-billing-plan-card-premium-bg {
    background-image: var(--color-billing-plan-card-premium-bg);
  }

  .bg-billing-plan-title-bg {
    background-image: var(--color-billing-plan-title-bg);
  }

  .bg-chat-answer-human-input-form-divider-bg {
    background-image: var(--color-chat-answer-human-input-form-divider-bg);
  }

  .bg-chat-bubble-bg {
    background-image: var(--color-chat-bubble-bg);
  }

  .bg-chat-input-mask {
    background-image: var(--color-chat-input-mask);
  }

  .bg-chatbot-bg {
    background-image: var(--color-chatbot-bg);
  }

  .bg-dataset-child-chunk-expand-btn-bg {
    background-image: var(--color-dataset-child-chunk-expand-btn-bg);
  }

  .bg-dataset-chunk-detail-card-hover-bg {
    background-image: var(--color-dataset-chunk-detail-card-hover-bg);
  }

  .bg-dataset-chunk-list-mask-bg {
    background-image: var(--color-dataset-chunk-list-mask-bg);
  }

  .bg-dataset-chunk-process-error-bg {
    background-image: var(--color-dataset-chunk-process-error-bg);
  }

  .bg-dataset-chunk-process-success-bg {
    background-image: var(--color-dataset-chunk-process-success-bg);
  }

  .bg-dataset-option-card-blue-gradient {
    background-image: var(--color-dataset-option-card-blue-gradient);
  }

  .bg-dataset-warning-message-bg {
    background-image: var(--color-dataset-warning-message-bg);
  }

  .bg-grid-mask-background {
    background-image: var(--color-grid-mask-background);
  }

  .bg-knowledge-pipeline-creation-footer-bg {
    background-image: var(--color-knowledge-pipeline-creation-footer-bg);
  }

  .bg-line-divider-bg {
    background-image: var(--color-line-divider-bg);
  }

  .bg-marketplace-plugin-empty {
    background-image: var(--color-marketplace-plugin-empty);
  }

  .bg-mask-top2bottom-gray-50-to-transparent {
    background-image: var(--mask-top2bottom-gray-50-to-transparent);
  }

  .bg-node-data-source-bg {
    background-image: var(--color-node-data-source-bg);
  }

  .bg-pipeline-add-documents-title-bg {
    background-image: var(--color-pipeline-add-documents-title-bg);
  }

  .bg-pipeline-template-card-hover-bg {
    background-image: var(--color-pipeline-template-card-hover-bg);
  }

  .bg-progress-bar-indeterminate-stripe {
    background-image: var(--color-progress-bar-indeterminate-stripe);
  }

  .bg-tag-selector-mask-bg {
    background-image: var(--color-tag-selector-mask-bg);
  }

  .bg-toast-error-bg {
    background-image: var(--color-toast-error-bg);
  }

  .bg-toast-warning-bg {
    background-image: var(--color-toast-warning-bg);
  }

  .bg-workflow-process-bg {
    background-image: var(--color-workflow-process-bg);
  }

  .bg-workflow-process-paused-bg {
    background-image: var(--color-workflow-process-paused-bg);
  }

  .from-\[\#0A0A1A\]\/90 {
    --tw-gradient-from: lab(3.14118% 2.49241 -9.12975 / .9);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#1c1917\] {
    --tw-gradient-from: #1c1917;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#5170ff\] {
    --tw-gradient-from: #5170ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#5170ff\]\/5 {
    --tw-gradient-from: lab(51.2768% 25.1209 -76.091 / .05);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#5170ff\]\/10 {
    --tw-gradient-from: lab(51.2768% 25.1209 -76.091 / .1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#F3F4F6\] {
    --tw-gradient-from: #f3f4f6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[rgba\(11\,165\,236\,0\.95\)\] {
    --tw-gradient-from: #0ba5ecf2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[rgba\(16\,24\,40\,0\.08\)\] {
    --tw-gradient-from: #10182814;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[rgba\(255\,255\,255\,0\.01\)\] {
    --tw-gradient-from: #ffffff03;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-background-body {
    --tw-gradient-from: var(--color-background-body);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-background-default-hover {
    --tw-gradient-from: var(--color-background-default-hover);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-background-default-subtle {
    --tw-gradient-from: var(--color-background-default-subtle);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-background-gradient-bg-fill-chat-bg-2 {
    --tw-gradient-from: var(--color-background-gradient-bg-fill-chat-bg-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-background-gradient-mask-transparent {
    --tw-gradient-from: var(--color-background-gradient-mask-transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-avatar-shape-fill-stop-0 {
    --tw-gradient-from: var(--color-components-avatar-shape-fill-stop-0);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-badge-status-light-error-halo {
    --tw-gradient-from: var(--color-components-badge-status-light-error-halo);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-badge-status-light-normal-halo {
    --tw-gradient-from: var(--color-components-badge-status-light-normal-halo);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-badge-status-light-success-halo {
    --tw-gradient-from: var(--color-components-badge-status-light-success-halo);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-badge-status-light-warning-halo {
    --tw-gradient-from: var(--color-components-badge-status-light-warning-halo);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-input-border-active-prompt-1 {
    --tw-gradient-from: var(--color-components-input-border-active-prompt-1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-panel-bg-transparent {
    --tw-gradient-from: var(--color-components-panel-bg-transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-panel-border-subtle\/20 {
    --tw-gradient-from: var(--color-components-panel-border-subtle);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-components-panel-border-subtle\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--color-components-panel-border-subtle) 20%, transparent);
    }
  }

  .from-components-panel-border-subtle\/20 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-panel-gradient-2 {
    --tw-gradient-from: var(--color-components-panel-gradient-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-components-panel-on-panel-item-bg {
    --tw-gradient-from: var(--color-components-panel-on-panel-item-bg);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-divider-regular {
    --tw-gradient-from: var(--color-divider-regular);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-divider-subtle {
    --tw-gradient-from: var(--color-divider-subtle);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-primary-100 {
    --tw-gradient-from: #d1e0ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-state-base-hover {
    --tw-gradient-from: var(--color-state-base-hover);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-workflow-workflow-progress-bg-1 {
    --tw-gradient-from: var(--color-workflow-workflow-progress-bg-1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[60\.27\%\] {
    --tw-gradient-from-position: 60.27%;
  }

  .via-\[\#2f438f\] {
    --tw-gradient-via: #2f438f;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#6b86ff\] {
    --tw-gradient-via: #6b86ff;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[\#101030\]\/60 {
    --tw-gradient-via: lab(6.01518% 8.32859 -21.5028 / .6);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-divider-regular {
    --tw-gradient-via: var(--color-divider-regular);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-primary-200 {
    --tw-gradient-via: #b2ccff;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-\[\#0c0a09\] {
    --tw-gradient-to: #0c0a09;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#1c1917\] {
    --tw-gradient-to: #1c1917;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#05050A\]\/90 {
    --tw-gradient-to: lab(1.45398% .518546 -1.90231 / .9);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#5170ff\]\/2 {
    --tw-gradient-to: lab(51.2768% 25.1209 -76.091 / .02);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[rgba\(16\,24\,40\,0\.08\)\] {
    --tw-gradient-to: #10182814;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[rgba\(21\,90\,239\,0\.95\)\] {
    --tw-gradient-to: #155aeff2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[rgba\(255\,255\,255\,0\.01\)\] {
    --tw-gradient-to: #ffffff03;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-background-gradient-bg-fill-chat-bg-1 {
    --tw-gradient-to: var(--color-background-gradient-bg-fill-chat-bg-1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-background-gradient-mask-transparent {
    --tw-gradient-to: var(--color-background-gradient-mask-transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-components-avatar-shape-fill-stop-100 {
    --tw-gradient-to: var(--color-components-avatar-shape-fill-stop-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-components-input-border-active-prompt-2 {
    --tw-gradient-to: var(--color-components-input-border-active-prompt-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-components-panel-bg {
    --tw-gradient-to: var(--color-components-panel-bg);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-divider-regular {
    --tw-gradient-to: var(--color-divider-regular);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-emerald-400 {
    --tw-gradient-to: var(--color-emerald-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-primary-300 {
    --tw-gradient-to: #84adff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-purple-500 {
    --tw-gradient-to: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-workflow-workflow-progress-bg-2 {
    --tw-gradient-to: var(--color-workflow-workflow-progress-bg-2);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .mask-\[linear-gradient\(to_bottom\,transparent_0px\,black_8px\,black_calc\(100\%-8px\)\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(#0000 0, #000 8px calc(100% - 8px), #0000 100%);
    mask-image: linear-gradient(#0000 0, #000 8px calc(100% - 8px), #0000 100%);
  }

  .mask-\[linear-gradient\(to_bottom\,transparent_0px\,black_10px\,black_calc\(100\%-14px\)\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(#0000 0, #000 10px calc(100% - 14px), #0000 100%);
    mask-image: linear-gradient(#0000 0, #000 10px calc(100% - 14px), #0000 100%);
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-clip-text {
    background-clip: text;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }

  .fill-blue-500 {
    fill: #e1effe;
  }

  .fill-components-progress-brand-bg {
    fill: var(--color-components-progress-brand-bg);
  }

  .fill-components-progress-brand-progress {
    fill: var(--color-components-progress-brand-progress);
  }

  .fill-components-progress-error-border {
    fill: var(--color-components-progress-error-border);
  }

  .fill-components-progress-white-progress {
    fill: var(--color-components-progress-white-progress);
  }

  .fill-divider-solid-alt {
    fill: var(--color-divider-solid-alt);
  }

  .fill-red-100 {
    fill: var(--color-red-100);
  }

  .fill-transparent {
    fill: #0000;
  }

  .fill-zinc-500\/20 {
    fill: #71717b33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .fill-zinc-500\/20 {
      fill: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
    }
  }

  .stroke-components-progress-brand-border {
    stroke: var(--color-components-progress-brand-border);
  }

  .stroke-components-progress-error-border {
    stroke: var(--color-components-progress-error-border);
  }

  .stroke-components-progress-white-border {
    stroke: var(--color-components-progress-white-border);
  }

  .stroke-current {
    stroke: currentColor;
  }

  .stroke-divider-solid {
    stroke: var(--color-divider-solid);
  }

  .stroke-red-500 {
    stroke: var(--color-red-500);
  }

  .stroke-zinc-500 {
    stroke: var(--color-zinc-500);
  }

  .stroke-1 {
    stroke-width: 1px;
  }

  .stroke-2 {
    stroke-width: 2px;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .sc-item-text-small {
    padding: calc(var(--spacing) * .5);
    padding-right: calc(var(--spacing) * 1);
  }

  .sc-padding.segmented-control-large, .sc-padding .segmented-control-regular {
    padding: calc(var(--spacing) * .5);
  }

  .sc-padding.segmented-control-small {
    padding: 1px;
  }

  .\!p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\! {
    padding: calc(var(--spacing) * 2) !important;
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-4\! {
    padding: calc(var(--spacing) * 4) !important;
  }

  .p-4\.5 {
    padding: calc(var(--spacing) * 4.5);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-6\! {
    padding: calc(var(--spacing) * 6) !important;
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-8\! {
    padding: calc(var(--spacing) * 8) !important;
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-20 {
    padding: calc(var(--spacing) * 20);
  }

  .p-24 {
    padding: calc(var(--spacing) * 24);
  }

  .p-\[0\.5px\] {
    padding: .5px;
  }

  .p-\[2px\] {
    padding: 2px;
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[6px\] {
    padding: 6px;
  }

  .p-px {
    padding: 1px;
  }

  .sc-item-text-regular {
    padding: calc(var(--spacing) * .5);
  }

  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\! {
    padding-inline: calc(var(--spacing) * 1) !important;
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\! {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\! {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-4\! {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-6\! {
    padding-inline: calc(var(--spacing) * 6) !important;
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-11 {
    padding-inline: calc(var(--spacing) * 11);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }

  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }

  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }

  .px-\[3px\] {
    padding-inline: 3px;
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .px-\[9px\] {
    padding-inline: 9px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .px-\[15px\] {
    padding-inline: 15px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .px-\[22px\] {
    padding-inline: 22px;
  }

  .px-\[26px\] {
    padding-inline: 26px;
  }

  .px-px {
    padding-inline: 1px;
  }

  .sc-item-text-large {
    padding-inline: calc(var(--spacing) * .5);
  }

  .\!py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\! {
    padding-block: calc(var(--spacing) * 0) !important;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-0\.5\! {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-2\.5\! {
    padding-block: calc(var(--spacing) * 2.5) !important;
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-3\.5\! {
    padding-block: calc(var(--spacing) * 3.5) !important;
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-4\! {
    padding-block: calc(var(--spacing) * 4) !important;
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[9px\] {
    padding-block: 9px;
  }

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[14px\] {
    padding-block: 14px;
  }

  .py-\[18px\] {
    padding-block: 18px;
  }

  .py-px {
    padding-block: 1px;
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-\[3px\] {
    padding-top: 3px;
  }

  .pt-\[4px\] {
    padding-top: 4px;
  }

  .pt-\[7px\] {
    padding-top: 7px;
  }

  .pt-\[9px\] {
    padding-top: 9px;
  }

  .pt-\[10px\] {
    padding-top: 10px;
  }

  .pt-\[14px\] {
    padding-top: 14px;
  }

  .pt-\[27px\] {
    padding-top: 27px;
  }

  .pt-\[36px\] {
    padding-top: 36px;
  }

  .pt-\[48px\] {
    padding-top: 48px;
  }

  .pt-\[64px\] {
    padding-top: 64px;
  }

  .pt-\[88px\] {
    padding-top: 88px;
  }

  .pt-\[108px\] {
    padding-top: 108px;
  }

  .pt-\[112px\] {
    padding-top: 112px;
  }

  .pt-px {
    padding-top: 1px;
  }

  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }

  .pr-0\.5 {
    padding-right: calc(var(--spacing) * .5);
  }

  .pr-0\.5\! {
    padding-right: calc(var(--spacing) * .5) !important;
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\! {
    padding-right: calc(var(--spacing) * 2) !important;
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }

  .pr-\[2px\] {
    padding-right: 2px;
  }

  .pr-\[3px\] {
    padding-right: 3px;
  }

  .pr-\[6\.5px\] {
    padding-right: 6.5px;
  }

  .pr-\[6px\] {
    padding-right: 6px;
  }

  .pr-\[10px\] {
    padding-right: 10px;
  }

  .pr-\[11px\] {
    padding-right: 11px;
  }

  .pr-\[18px\] {
    padding-right: 18px;
  }

  .pr-\[26px\] {
    padding-right: 26px;
  }

  .pr-\[30px\] {
    padding-right: 30px;
  }

  .pr-\[52px\] {
    padding-right: 52px;
  }

  .pr-\[288px\] {
    padding-right: 288px;
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-1\! {
    padding-bottom: calc(var(--spacing) * 1) !important;
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-1\.5\! {
    padding-bottom: calc(var(--spacing) * 1.5) !important;
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\! {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-3\! {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }

  .pb-3\.5\! {
    padding-bottom: calc(var(--spacing) * 3.5) !important;
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-6\! {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }

  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-\[4px\] {
    padding-bottom: 4px;
  }

  .pb-\[6px\] {
    padding-bottom: 6px;
  }

  .pb-\[9px\] {
    padding-bottom: 9px;
  }

  .pb-\[14px\] {
    padding-bottom: 14px;
  }

  .pb-\[32px\] {
    padding-bottom: 32px;
  }

  .pb-\[50px\] {
    padding-bottom: 50px;
  }

  .pb-\[57px\] {
    padding-bottom: 57px;
  }

  .pb-\[60px\] {
    padding-bottom: 60px;
  }

  .pb-\[68px\] {
    padding-bottom: 68px;
  }

  .pb-\[120px\] {
    padding-bottom: 120px;
  }

  .pb-\[180px\] {
    padding-bottom: 180px;
  }

  .pb-\[184px\] {
    padding-bottom: 184px;
  }

  .pb-\[env\(safe-area-inset-bottom\)\] {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .pb-px {
    padding-bottom: 1px;
  }

  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-1\.5\! {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }

  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }

  .pl-14 {
    padding-left: calc(var(--spacing) * 14);
  }

  .pl-\[3px\] {
    padding-left: 3px;
  }

  .pl-\[5px\] {
    padding-left: 5px;
  }

  .pl-\[6px\] {
    padding-left: 6px;
  }

  .pl-\[7px\] {
    padding-left: 7px;
  }

  .pl-\[9px\] {
    padding-left: 9px;
  }

  .pl-\[10px\] {
    padding-left: 10px;
  }

  .pl-\[13px\] {
    padding-left: 13px;
  }

  .pl-\[14\.5px\] {
    padding-left: 14.5px;
  }

  .pl-\[14px\] {
    padding-left: 14px;
  }

  .pl-\[18px\] {
    padding-left: 18px;
  }

  .pl-\[20px\] {
    padding-left: 20px;
  }

  .pl-\[21px\] {
    padding-left: 21px;
  }

  .pl-\[22px\] {
    padding-left: 22px;
  }

  .pl-\[25px\] {
    padding-left: 25px;
  }

  .pl-\[26px\] {
    padding-left: 26px;
  }

  .pl-\[40px\] {
    padding-left: 40px;
  }

  .pl-\[42px\] {
    padding-left: 42px;
  }

  .pl-\[44px\] {
    padding-left: 44px;
  }

  .pl-\[51px\] {
    padding-left: 51px;
  }

  .pl-\[60px\] {
    padding-left: 60px;
  }

  .pl-\[80px\] {
    padding-left: 80px;
  }

  .pl-\[100px\] {
    padding-left: 100px;
  }

  .pl-\[120px\] {
    padding-left: 120px;
  }

  .pl-\[140px\] {
    padding-left: 140px;
  }

  .pl-\[160px\] {
    padding-left: 160px;
  }

  .pl-\[180px\] {
    padding-left: 180px;
  }

  .pl-\[200px\] {
    padding-left: 200px;
  }

  .text-center {
    text-align: center;
  }

  .text-end {
    text-align: end;
  }

  .text-justify {
    text-align: justify;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .indent-\[-9999px\] {
    text-indent: -9999px;
  }

  .align-\[-0\.125em\] {
    vertical-align: -.125em;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-text-bottom {
    vertical-align: text-bottom;
  }

  .font-\[\'Inter\'\] {
    font-family: Inter;
  }

  .font-\[family-name\:var\(--font-display\)\] {
    font-family: var(--font-display);
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .system-2xs-medium-uppercase {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
  }

  .system-2xs-regular-uppercase {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
  }

  .system-2xs-semibold-uppercase {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
  }

  .system-md-semibold-uppercase {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }

  .system-sm-medium-uppercase {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
  }

  .system-sm-semibold-uppercase {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
  }

  .system-xs-medium-uppercase {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .system-xs-regular-uppercase {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .system-xs-semibold-uppercase {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }

  .body-2xl-regular\! {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }

  .body-lg-regular {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
  }

  .body-md-medium {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }

  .body-md-regular {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .body-sm-medium {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
  }

  .body-sm-regular {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
  }

  .body-xs-medium {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .body-xs-regular {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .code-sm-regular {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
  }

  .code-sm-semibold {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
  }

  .code-xs-regular {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
  }

  .system-2xs-medium {
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
  }

  .system-2xs-regular {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
  }

  .system-kbd {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .system-md-medium {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }

  .system-md-regular {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .system-md-semibold {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }

  .system-sm-medium {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
  }

  .system-sm-regular {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
  }

  .system-sm-semibold {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
  }

  .system-xl-medium {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .system-xl-semibold {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .system-xs-medium {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .system-xs-regular {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .system-xs-semibold {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }

  .title-2xl-semi-bold {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
  }

  .title-3xl-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
  }

  .title-3xl-semi-bold {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
  }

  .title-4xl-semi-bold {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
  }

  .title-5xl-bold {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
  }

  .title-lg-bold {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
  }

  .title-md-semi-bold {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }

  .title-sm-semi-bold {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
  }

  .title-xl-semi-bold {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
  }

  .title-xs-semi-bold {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-3xl\! {
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-lg\! {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-xs\! {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .text-2xs, .text-\[0\.625rem\] {
    font-size: .625rem;
  }

  .text-\[0px\] {
    font-size: 0;
  }

  .text-\[1\.7rem\] {
    font-size: 1.7rem;
  }

  .text-\[2\.7rem\] {
    font-size: 2.7rem;
  }

  .text-\[7px\] {
    font-size: 7px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[13px\]\! {
    font-size: 13px !important;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[37px\] {
    font-size: 37px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-4\.5 {
    --tw-leading: calc(var(--spacing) * 4.5);
    line-height: calc(var(--spacing) * 4.5);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-6\! {
    --tw-leading: calc(var(--spacing) * 6) !important;
    line-height: calc(var(--spacing) * 6) !important;
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }

  .leading-8\! {
    --tw-leading: calc(var(--spacing) * 8) !important;
    line-height: calc(var(--spacing) * 8) !important;
  }

  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }

  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04;
  }

  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }

  .leading-\[12px\] {
    --tw-leading: 12px;
    line-height: 12px;
  }

  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }

  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-\[18px\]\! {
    --tw-leading: 18px !important;
    line-height: 18px !important;
  }

  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }

  .leading-\[21px\]\! {
    --tw-leading: 21px !important;
    line-height: 21px !important;
  }

  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }

  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }

  .leading-\[27px\] {
    --tw-leading: 27px;
    line-height: 27px;
  }

  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }

  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }

  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }

  .leading-\[50px\] {
    --tw-leading: 50px;
    line-height: 50px;
  }

  .leading-\[56px\] {
    --tw-leading: 56px;
    line-height: 56px;
  }

  .leading-\[150\%\] {
    --tw-leading: 150%;
    line-height: 150%;
  }

  .leading-\[160\%\] {
    --tw-leading: 160%;
    line-height: 160%;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-medium\! {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-normal\! {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.07px\] {
    --tw-tracking: -.07px;
    letter-spacing: -.07px;
  }

  .tracking-\[-0\.025em\] {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  .tracking-\[0\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .wrap-anywhere {
    overflow-wrap: anywhere;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .\!text-clip {
    text-overflow: clip !important;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .\!whitespace-pre-wrap {
    white-space: pre-wrap !important;
  }

  .whitespace-break-spaces {
    white-space: break-spaces;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-nowrap\! {
    white-space: nowrap !important;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .sc-accent.sc-active {
    color: var(--color-text-accent);
  }

  .sc-accent-light.sc-active {
    color: var(--color-text-accent-light-mode-only);
  }

  .text-\(--color-saas-dify-blue-inverted\) {
    color: var(--color-saas-dify-blue-inverted);
  }

  .text-\[\#00B2EA\] {
    color: #00b2ea;
  }

  .text-\[\#01AC49\] {
    color: #01ac49;
  }

  .text-\[\#1C64F2\] {
    color: #1c64f2;
  }

  .text-\[\#2D31A6\] {
    color: #2d31a6;
  }

  .text-\[\#6F8BB5\] {
    color: #6f8bb5;
  }

  .text-\[\#8ea2ff\] {
    color: #8ea2ff;
  }

  .text-\[\#12B76A\] {
    color: #12b76a;
  }

  .text-\[\#026AA2\] {
    color: #026aa2;
  }

  .text-\[\#155EEF\] {
    color: #155eef;
  }

  .text-\[\#164C63\] {
    color: #164c63;
  }

  .text-\[\#309BEC\] {
    color: #309bec;
  }

  .text-\[\#444CE7\] {
    color: #444ce7;
  }

  .text-\[\#844FDA\] {
    color: #844fda;
  }

  .text-\[\#1570EF\] {
    color: #1570ef;
  }

  .text-\[\#2684FF\] {
    color: #2684ff;
  }

  .text-\[\#3538CD\] {
    color: #3538cd;
  }

  .text-\[\#5170ff\] {
    color: #5170ff;
  }

  .text-\[\#5170ff\]\/70 {
    color: lab(51.2768% 25.1209 -76.091 / .7);
  }

  .text-\[\#6938EF\] {
    color: #6938ef;
  }

  .text-\[\#039855\] {
    color: #039855;
  }

  .text-\[\#93370D\] {
    color: #93370d;
  }

  .text-\[\#107569\] {
    color: #107569;
  }

  .text-\[\#BCC0D1\] {
    color: #bcc0d1;
  }

  .text-\[\#D92D20\] {
    color: #d92d20;
  }

  .text-\[\#DC6803\] {
    color: #dc6803;
  }

  .text-\[\#DD2590\] {
    color: #dd2590;
  }

  .text-\[\#EA3434\] {
    color: #ea3434;
  }

  .text-\[\#EC4A0A\] {
    color: #ec4a0a;
  }

  .text-\[\#F04438\] {
    color: #f04438;
  }

  .text-\[\#F04438\]\! {
    color: #f04438 !important;
  }

  .text-\[\#F79009\] {
    color: #f79009;
  }

  .text-\[\#FB6514\] {
    color: #fb6514;
  }

  .text-\[\#FD853A\] {
    color: #fd853a;
  }

  .text-\[\#FF650F\] {
    color: #ff650f;
  }

  .text-\[\#FF3093\] {
    color: #ff3093;
  }

  .text-\[\#a9b6ff\] {
    color: #a9b6ff;
  }

  .text-\[\#b4532a\] {
    color: #b4532a;
  }

  .text-\[\#cbb79b\] {
    color: #cbb79b;
  }

  .text-\[\#d92d20\] {
    color: #d92d20;
  }

  .text-\[\#dbe1ff\] {
    color: #dbe1ff;
  }

  .text-\[\#ec4a0a\] {
    color: #ec4a0a;
  }

  .text-\[\#eef1ff\]\/90 {
    color: lab(95.2215% .887781 -7.12518 / .9);
  }

  .text-\[\#f79009\] {
    color: #f79009;
  }

  .text-\[0\] {
    color: 0;
  }

  .text-\[rgb\(247\,144\,9\)\] {
    color: #f79009;
  }

  .text-\[var\(--sdm-c\,inherit\)\] {
    color: var(--sdm-c, inherit);
  }

  .text-amber-50 {
    color: var(--color-amber-50);
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-background-default {
    color: var(--color-background-default);
  }

  .text-background-section {
    color: var(--color-background-section);
  }

  .text-background-section-burn {
    color: var(--color-background-section-burn);
  }

  .text-blue-100 {
    color: var(--color-blue-100);
  }

  .text-blue-200 {
    color: var(--color-blue-200);
  }

  .text-blue-500 {
    color: #e1effe;
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-blue-900 {
    color: var(--color-blue-900);
  }

  .text-components-avatar-shape-fill-stop-0 {
    color: var(--color-components-avatar-shape-fill-stop-0);
  }

  .text-components-avatar-shape-fill-stop-100 {
    color: var(--color-components-avatar-shape-fill-stop-100);
  }

  .text-components-button-destructive-ghost-text {
    color: var(--color-components-button-destructive-ghost-text);
  }

  .text-components-button-destructive-primary-text {
    color: var(--color-components-button-destructive-primary-text);
  }

  .text-components-button-destructive-primary-text-disabled {
    color: var(--color-components-button-destructive-primary-text-disabled);
  }

  .text-components-button-destructive-secondary-text {
    color: var(--color-components-button-destructive-secondary-text);
  }

  .text-components-button-destructive-tertiary-text {
    color: var(--color-components-button-destructive-tertiary-text);
  }

  .text-components-button-ghost-text {
    color: var(--color-components-button-ghost-text);
  }

  .text-components-button-ghost-text-disabled {
    color: var(--color-components-button-ghost-text-disabled);
  }

  .text-components-button-primary-bg {
    color: var(--color-components-button-primary-bg);
  }

  .text-components-button-primary-text {
    color: var(--color-components-button-primary-text);
  }

  .text-components-button-secondary-accent-text {
    color: var(--color-components-button-secondary-accent-text);
  }

  .text-components-button-secondary-accent-text-disabled {
    color: var(--color-components-button-secondary-accent-text-disabled);
  }

  .text-components-button-secondary-text {
    color: var(--color-components-button-secondary-text);
  }

  .text-components-button-secondary-text-disabled {
    color: var(--color-components-button-secondary-text-disabled);
  }

  .text-components-button-tertiary-text {
    color: var(--color-components-button-tertiary-text);
  }

  .text-components-button-tertiary-text-disabled {
    color: var(--color-components-button-tertiary-text-disabled);
  }

  .text-components-checkbox-icon {
    color: var(--color-components-checkbox-icon);
  }

  .text-components-checkbox-icon-disabled {
    color: var(--color-components-checkbox-icon-disabled);
  }

  .text-components-input-bg-normal {
    color: var(--color-components-input-bg-normal);
  }

  .text-components-input-border-active-prompt-1 {
    color: var(--color-components-input-border-active-prompt-1);
  }

  .text-components-input-text-disabled {
    color: var(--color-components-input-text-disabled);
  }

  .text-components-input-text-filled {
    color: var(--color-components-input-text-filled);
  }

  .text-components-input-text-filled-disabled {
    color: var(--color-components-input-text-filled-disabled);
  }

  .text-components-input-text-placeholder {
    color: var(--color-components-input-text-placeholder);
  }

  .text-components-input-text-placeholder\! {
    color: var(--color-components-input-text-placeholder) !important;
  }

  .text-components-main-nav-nav-button-text {
    color: var(--color-components-main-nav-nav-button-text);
  }

  .text-components-main-nav-nav-button-text-active {
    color: var(--color-components-main-nav-nav-button-text-active);
  }

  .text-components-main-nav-nav-button-text-active\! {
    color: var(--color-components-main-nav-nav-button-text-active) !important;
  }

  .text-components-menu-item-text {
    color: var(--color-components-menu-item-text);
  }

  .text-components-menu-item-text-active {
    color: var(--color-components-menu-item-text-active);
  }

  .text-components-panel-bg {
    color: var(--color-components-panel-bg);
  }

  .text-components-panel-on-panel-item-bg {
    color: var(--color-components-panel-on-panel-item-bg);
  }

  .text-components-premium-badge-indigo-text-stop-0 {
    color: var(--color-components-premium-badge-indigo-text-stop-0);
  }

  .text-cyan-50 {
    color: var(--color-cyan-50);
  }

  .text-cyan-200 {
    color: var(--color-cyan-200);
  }

  .text-dify-logo-black {
    color: var(--color-dify-logo-black);
  }

  .text-dify-logo-blue {
    color: var(--color-dify-logo-blue);
  }

  .text-divider-deep {
    color: var(--color-divider-deep);
  }

  .text-divider-regular {
    color: var(--color-divider-regular);
  }

  .text-emerald-50 {
    color: var(--color-emerald-50);
  }

  .text-emerald-100 {
    color: var(--color-emerald-100);
  }

  .text-emerald-200 {
    color: var(--color-emerald-200);
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-fuchsia-50 {
    color: var(--color-fuchsia-50);
  }

  .text-fuchsia-200 {
    color: var(--color-fuchsia-200);
  }

  .text-gray-100 {
    color: #f2f4f7;
  }

  .text-gray-200 {
    color: #eaecf0;
  }

  .text-gray-300 {
    color: #d0d5dd;
  }

  .text-gray-400 {
    color: #98a2b3;
  }

  .text-gray-500 {
    color: #667085;
  }

  .text-gray-600 {
    color: #344054;
  }

  .text-gray-700 {
    color: #475467;
  }

  .text-gray-700\! {
    color: #475467 !important;
  }

  .text-gray-800 {
    color: #1d2939;
  }

  .text-gray-900 {
    color: #101828;
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: #03543f;
  }

  .text-green-900 {
    color: var(--color-green-900);
  }

  .text-indigo-600 {
    color: #444ce7;
  }

  .text-indigo-800 {
    color: #2d31a6;
  }

  .text-inherit {
    color: inherit;
  }

  .text-orange-400 {
    color: var(--color-orange-400);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-orange-800 {
    color: var(--color-orange-800);
  }

  .text-orange-900 {
    color: var(--color-orange-900);
  }

  .text-primary-500 {
    color: #2970ff;
  }

  .text-primary-600 {
    color: #155eef;
  }

  .text-primary-700 {
    color: #004eeb;
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-800 {
    color: var(--color-purple-800);
  }

  .text-purple-900 {
    color: var(--color-purple-900);
  }

  .text-red-300 {
    color: var(--color-red-300);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-rose-50 {
    color: var(--color-rose-50);
  }

  .text-rose-100 {
    color: var(--color-rose-100);
  }

  .text-saas-dify-blue-accessible {
    color: var(--color-saas-dify-blue-accessible);
  }

  .text-shadow-shadow-1 {
    color: var(--color-shadow-shadow-1);
  }

  .text-sky-500 {
    color: var(--color-sky-500);
  }

  .text-slate-50 {
    color: var(--color-slate-50);
  }

  .text-slate-100 {
    color: var(--color-slate-100);
  }

  .text-slate-200 {
    color: var(--color-slate-200);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-state-accent-solid {
    color: var(--color-state-accent-solid);
  }

  .text-stone-100 {
    color: var(--color-stone-100);
  }

  .text-stone-200 {
    color: var(--color-stone-200);
  }

  .text-stone-300 {
    color: var(--color-stone-300);
  }

  .text-stone-400 {
    color: var(--color-stone-400);
  }

  .text-stone-500 {
    color: var(--color-stone-500);
  }

  .text-stone-600 {
    color: var(--color-stone-600);
  }

  .text-stone-700 {
    color: var(--color-stone-700);
  }

  .text-stone-800 {
    color: var(--color-stone-800);
  }

  .text-stone-900 {
    color: var(--color-stone-900);
  }

  .text-stone-950 {
    color: var(--color-stone-950);
  }

  .text-text-accent {
    color: var(--color-text-accent);
  }

  .text-text-accent\! {
    color: var(--color-text-accent) !important;
  }

  .text-text-accent-light-mode-only {
    color: var(--color-text-accent-light-mode-only);
  }

  .text-text-accent-light-mode-only\! {
    color: var(--color-text-accent-light-mode-only) !important;
  }

  .text-text-accent-secondary {
    color: var(--color-text-accent-secondary);
  }

  .text-text-destructive {
    color: var(--color-text-destructive);
  }

  .text-text-destructive-secondary {
    color: var(--color-text-destructive-secondary);
  }

  .text-text-disabled {
    color: var(--color-text-disabled);
  }

  .text-text-empty-state-icon {
    color: var(--color-text-empty-state-icon);
  }

  .text-text-inverted-dimmed {
    color: var(--color-text-inverted-dimmed);
  }

  .text-text-placeholder {
    color: var(--color-text-placeholder);
  }

  .text-text-primary {
    color: var(--color-text-primary);
  }

  .text-text-primary\! {
    color: var(--color-text-primary) !important;
  }

  .text-text-primary-on-surface {
    color: var(--color-text-primary-on-surface);
  }

  .text-text-primary-on-surface\! {
    color: var(--color-text-primary-on-surface) !important;
  }

  .text-text-quaternary {
    color: var(--color-text-quaternary);
  }

  .text-text-quaternary\! {
    color: var(--color-text-quaternary) !important;
  }

  .text-text-secondary {
    color: var(--color-text-secondary);
  }

  .text-text-secondary\! {
    color: var(--color-text-secondary) !important;
  }

  .text-text-success {
    color: var(--color-text-success);
  }

  .text-text-tertiary {
    color: var(--color-text-tertiary);
  }

  .text-text-tertiary\! {
    color: var(--color-text-tertiary) !important;
  }

  .text-text-warning {
    color: var(--color-text-warning);
  }

  .text-text-warning-secondary {
    color: var(--color-text-warning-secondary);
  }

  .text-transparent {
    color: #0000;
  }

  .text-util-colors-blue-blue-500 {
    color: var(--color-util-colors-blue-blue-500);
  }

  .text-util-colors-blue-blue-600 {
    color: var(--color-util-colors-blue-blue-600);
  }

  .text-util-colors-blue-brand-blue-brand-700 {
    color: var(--color-util-colors-blue-brand-blue-brand-700);
  }

  .text-util-colors-blue-light-blue-light-500 {
    color: var(--color-util-colors-blue-light-blue-light-500);
  }

  .text-util-colors-blue-light-blue-light-600 {
    color: var(--color-util-colors-blue-light-blue-light-600);
  }

  .text-util-colors-cyan-cyan-500 {
    color: var(--color-util-colors-cyan-cyan-500);
  }

  .text-util-colors-gray-gray-600 {
    color: var(--color-util-colors-gray-gray-600);
  }

  .text-util-colors-green-green-600 {
    color: var(--color-util-colors-green-green-600);
  }

  .text-util-colors-indigo-indigo-500 {
    color: var(--color-util-colors-indigo-indigo-500);
  }

  .text-util-colors-indigo-indigo-600 {
    color: var(--color-util-colors-indigo-indigo-600);
  }

  .text-util-colors-orange-dark-orange-dark-600 {
    color: var(--color-util-colors-orange-dark-orange-dark-600);
  }

  .text-util-colors-orange-orange-500 {
    color: var(--color-util-colors-orange-orange-500);
  }

  .text-util-colors-orange-orange-600 {
    color: var(--color-util-colors-orange-orange-600);
  }

  .text-util-colors-purple-purple-600 {
    color: var(--color-util-colors-purple-purple-600);
  }

  .text-util-colors-red-red-100 {
    color: var(--color-util-colors-red-red-100);
  }

  .text-util-colors-red-red-500 {
    color: var(--color-util-colors-red-red-500);
  }

  .text-util-colors-red-red-600 {
    color: var(--color-util-colors-red-red-600);
  }

  .text-util-colors-teal-teal-500 {
    color: var(--color-util-colors-teal-teal-500);
  }

  .text-util-colors-teal-teal-600 {
    color: var(--color-util-colors-teal-teal-600);
  }

  .text-util-colors-teal-teal-700 {
    color: var(--color-util-colors-teal-teal-700);
  }

  .text-util-colors-violet-violet-600 {
    color: var(--color-util-colors-violet-violet-600);
  }

  .text-util-colors-warning-warning-600 {
    color: var(--color-util-colors-warning-warning-600);
  }

  .text-util-colors-yellow-yellow-600 {
    color: var(--color-util-colors-yellow-yellow-600);
  }

  .text-violet-500 {
    color: var(--color-violet-500);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-yellow-300 {
    color: var(--color-yellow-300);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .text-yellow-800 {
    color: #723b13;
  }

  .text-yellow-900 {
    color: var(--color-yellow-900);
  }

  .text-zinc-400 {
    color: var(--color-zinc-400);
  }

  .text-zinc-500 {
    color: var(--color-zinc-500);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case\! {
    text-transform: none !important;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-primary-700\! {
    text-decoration-color: #004eeb !important;
  }

  .decoration-dashed {
    text-decoration-style: dashed;
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .decoration-auto {
    text-decoration-thickness: auto;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-auto {
    text-underline-offset: auto;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .placeholder-text-tertiary::placeholder {
    color: var(--color-text-tertiary);
  }

  .caret-\[\#295EFF\], .caret-\[\#295eff\] {
    caret-color: #295eff;
  }

  .caret-primary-500 {
    caret-color: #2970ff;
  }

  .caret-primary-600 {
    caret-color: #155eef;
  }

  .accent-primary-600 {
    accent-color: #155eef;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-5 {
    opacity: .05;
  }

  .opacity-10 {
    opacity: .1;
  }

  .opacity-15 {
    opacity: .15;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-25 {
    opacity: .25;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-35 {
    opacity: .35;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-100\! {
    opacity: 1 !important;
  }

  .opacity-\[0\.4\] {
    opacity: .4;
  }

  .opacity-\[0\.15\] {
    opacity: .15;
  }

  .mix-blend-lighten {
    mix-blend-mode: lighten;
  }

  .mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }

  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0px 24px 48px -12px var(--tw-shadow-color, #1018282e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgba\(9\,9\,11\,0\.05\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #09090b0d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_30px_rgb\(81\,112\,255\,0\.06\)\] {
    --tw-shadow: 0 8px 30px var(--tw-shadow-color, #5170ff0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_30px_rgba\(81\,112\,255\,0\.35\)\] {
    --tw-shadow: 0 12px 30px var(--tw-shadow-color, #5170ff59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_90px_rgba\(81\,112\,255\,0\.28\)\] {
    --tw-shadow: 0 28px 90px var(--tw-shadow-color, #5170ff47);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_45px_130px_rgba\(28\,25\,23\,0\.45\)\] {
    --tw-shadow: 0 45px 130px var(--tw-shadow-color, #1c191773);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_2px_2px_0_0_rgba\(255\,255\,255\,0\.5\)\,inset_0_1px_3px_0_rgba\(0\,0\,0\,0\.12\)\,inset_0_2px_24px_0_rgba\(11\,165\,236\,0\.2\)\,0_1px_2px_0_rgba\(9\,9\,11\,0\.05\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: inset 2px 2px 0 0 var(--tw-shadow-color, #ffffff80), inset 0 1px 3px 0 var(--tw-shadow-color, #0000001f), inset 0 2px 24px 0 var(--tw-shadow-color, #0ba5ec33), 0 1px 2px 0 var(--tw-shadow-color, #09090b0d), 0 0 0 1px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_2px_2px_0_0_rgba\(255\,255\,255\,0\.5\)\,inset_0_1px_3px_0_rgba\(0\,0\,0\,0\.12\)\,inset_0_2px_24px_0_rgba\(23\,178\,106\,0\.2\)\,0_1px_2px_0_rgba\(9\,9\,11\,0\.05\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: inset 2px 2px 0 0 var(--tw-shadow-color, #ffffff80), inset 0 1px 3px 0 var(--tw-shadow-color, #0000001f), inset 0 2px 24px 0 var(--tw-shadow-color, #17b26a33), 0 1px 2px 0 var(--tw-shadow-color, #09090b0d), 0 0 0 1px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_2px_2px_0_0_rgba\(255\,255\,255\,0\.5\)\,inset_0_1px_3px_0_rgba\(0\,0\,0\,0\.12\)\,inset_0_2px_24px_0_rgba\(240\,68\,56\,0\.2\)\,0_1px_2px_0_rgba\(9\,9\,11\,0\.05\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: inset 2px 2px 0 0 var(--tw-shadow-color, #ffffff80), inset 0 1px 3px 0 var(--tw-shadow-color, #0000001f), inset 0 2px 24px 0 var(--tw-shadow-color, #f0443833), 0 1px 2px 0 var(--tw-shadow-color, #09090b0d), 0 0 0 1px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_2px_2px_0_0_rgba\(255\,255\,255\,0\.5\)\,inset_0_1px_3px_0_rgba\(0\,0\,0\,0\.12\)\,inset_0_2px_24px_0_rgba\(247\,144\,9\,0\.2\)\,0_1px_2px_0_rgba\(9\,9\,11\,0\.05\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: inset 2px 2px 0 0 var(--tw-shadow-color, #ffffff80), inset 0 1px 3px 0 var(--tw-shadow-color, #0000001f), inset 0 2px 24px 0 var(--tw-shadow-color, #f7900933), 0 1px 2px 0 var(--tw-shadow-color, #09090b0d), 0 0 0 1px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_2px_2px_0_0_rgba\(255\,255\,255\,0\.12\)\,inset_0_1px_3px_0_rgba\(0\,0\,0\,0\.4\)\,inset_0_2px_24px_0_rgba\(11\,165\,236\,0\.25\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.1\)\,0_0_0_1px_rgba\(24\,24\,27\,0\.95\)\] {
    --tw-shadow: inset 2px 2px 0 0 var(--tw-shadow-color, #ffffff1f), inset 0 1px 3px 0 var(--tw-shadow-color, #0006), inset 0 2px 24px 0 var(--tw-shadow-color, #0ba5ec40), 0 1px 2px 0 var(--tw-shadow-color, #0000001a), 0 0 0 1px var(--tw-shadow-color, #18181bf2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_2px_2px_0_0_rgba\(255\,255\,255\,0\.12\)\,inset_0_1px_3px_0_rgba\(0\,0\,0\,0\.4\)\,inset_0_2px_24px_0_rgba\(23\,178\,106\,0\.25\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.1\)\,0_0_0_1px_rgba\(24\,24\,27\,0\.95\)\] {
    --tw-shadow: inset 2px 2px 0 0 var(--tw-shadow-color, #ffffff1f), inset 0 1px 3px 0 var(--tw-shadow-color, #0006), inset 0 2px 24px 0 var(--tw-shadow-color, #17b26a40), 0 1px 2px 0 var(--tw-shadow-color, #0000001a), 0 0 0 1px var(--tw-shadow-color, #18181bf2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_2px_2px_0_0_rgba\(255\,255\,255\,0\.12\)\,inset_0_1px_3px_0_rgba\(0\,0\,0\,0\.4\)\,inset_0_2px_24px_0_rgba\(240\,68\,56\,0\.25\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.1\)\,0_0_0_1px_rgba\(24\,24\,27\,0\.95\)\] {
    --tw-shadow: inset 2px 2px 0 0 var(--tw-shadow-color, #ffffff1f), inset 0 1px 3px 0 var(--tw-shadow-color, #0006), inset 0 2px 24px 0 var(--tw-shadow-color, #f0443840), 0 1px 2px 0 var(--tw-shadow-color, #0000001a), 0 0 0 1px var(--tw-shadow-color, #18181bf2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_2px_2px_0_0_rgba\(255\,255\,255\,0\.12\)\,inset_0_1px_3px_0_rgba\(0\,0\,0\,0\.4\)\,inset_0_2px_24px_0_rgba\(247\,144\,9\,0\.25\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.1\)\,0_0_0_1px_rgba\(24\,24\,27\,0\.95\)\] {
    --tw-shadow: inset 2px 2px 0 0 var(--tw-shadow-color, #ffffff1f), inset 0 1px 3px 0 var(--tw-shadow-color, #0006), inset 0 2px 24px 0 var(--tw-shadow-color, #f7900940), 0 1px 2px 0 var(--tw-shadow-color, #0000001a), 0 0 0 1px var(--tw-shadow-color, #18181bf2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, #10182808), 0px 12px 16px -4px var(--tw-shadow-color, #10182814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg\! {
    --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, #10182808), 0px 12px 16px -4px var(--tw-shadow-color, #10182814) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-md {
    --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #1018280f), 0px 4px 8px -2px var(--tw-shadow-color, #1018281a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md\! {
    --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #1018280f), 0px 4px 8px -2px var(--tw-shadow-color, #1018281a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-sm {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280f), 0px 1px 3px 0px var(--tw-shadow-color, #1018281a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-status-indicator-blue-shadow {
    --tw-shadow: 0px 2px 6px 0px var(--tw-shadow-color, var(--color-components-badge-status-light-normal-halo)), 0px 0px 0px 1px var(--tw-shadow-color, var(--color-components-badge-status-light-border-outer));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-status-indicator-gray-shadow {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, var(--color-components-badge-status-light-disabled-halo)), 0px 0px 0px 1px var(--tw-shadow-color, var(--color-components-badge-status-light-border-outer));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-status-indicator-green-shadow {
    --tw-shadow: 0px 2px 6px 0px var(--tw-shadow-color, var(--color-components-badge-status-light-success-halo)), 0px 0px 0px 1px var(--tw-shadow-color, var(--color-components-badge-status-light-border-outer));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-status-indicator-red-shadow {
    --tw-shadow: 0px 2px 6px 0px var(--tw-shadow-color, var(--color-components-badge-status-light-error-halo)), 0px 0px 0px 1px var(--tw-shadow-color, var(--color-components-badge-status-light-border-outer));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-status-indicator-warning-shadow {
    --tw-shadow: 0px 2px 6px 0px var(--tw-shadow-color, var(--color-components-badge-status-light-warning-halo)), 0px 0px 0px 1px var(--tw-shadow-color, var(--color-components-badge-status-light-border-outer));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0px 8px 8px -4px var(--tw-shadow-color, #10182808), 0px 20px 24px -4px var(--tw-shadow-color, #10182814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs\! {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-8 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[0\.5px\] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[1px\] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[\#34d399\]\/20 {
    --tw-shadow-color: #34d39933;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[\#34d399\]\/20 {
      --tw-shadow-color: color-mix(in oklab, lab(75.6955% -52.1881 16.7595 / .2) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[\#5170ff\]\/15 {
    --tw-shadow-color: #5170ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[\#5170ff\]\/15 {
      --tw-shadow-color: color-mix(in oklab, lab(51.2768% 25.1209 -76.091 / .15) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[\#5170ff\]\/20 {
    --tw-shadow-color: #5170ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[\#5170ff\]\/20 {
      --tw-shadow-color: color-mix(in oklab, lab(51.2768% 25.1209 -76.091 / .2) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[\#5170ff\]\/30 {
    --tw-shadow-color: #5170ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[\#5170ff\]\/30 {
      --tw-shadow-color: color-mix(in oklab, lab(51.2768% 25.1209 -76.091 / .3) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[\#f87171\]\/20 {
    --tw-shadow-color: #f8717133;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[\#f87171\]\/20 {
      --tw-shadow-color: color-mix(in oklab, lab(64.7431% 52.734 26.6685 / .2) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-\[\#fbbf24\]\/20 {
    --tw-shadow-color: #fbbf2433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[\#fbbf24\]\/20 {
      --tw-shadow-color: color-mix(in oklab, lab(81.2476% 13.2706 77.1046 / .2) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-black\/25 {
    --tw-shadow-color: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/25 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 25%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-blue-950\/20 {
    --tw-shadow-color: #16245633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-blue-950\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-950) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-components-badge-status-light-warning-halo {
    --tw-shadow-color: var(--color-components-badge-status-light-warning-halo);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-components-badge-status-light-warning-halo {
      --tw-shadow-color: color-mix(in oklab, var(--color-components-badge-status-light-warning-halo) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-emerald-600\/20 {
    --tw-shadow-color: #00976733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-emerald-600\/20 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-shadow-shadow-1 {
    --tw-shadow-color: var(--color-shadow-shadow-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-shadow-shadow-1 {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-1) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-shadow-shadow-2 {
    --tw-shadow-color: var(--color-shadow-shadow-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-shadow-shadow-2 {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-2) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-shadow-shadow-3 {
    --tw-shadow-color: var(--color-shadow-shadow-3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-shadow-shadow-3 {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-3) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-shadow-shadow-4 {
    --tw-shadow-color: var(--color-shadow-shadow-4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-shadow-shadow-4 {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-4) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-shadow-shadow-5 {
    --tw-shadow-color: var(--color-shadow-shadow-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-shadow-shadow-5 {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-5) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-shadow-shadow-5\! {
    --tw-shadow-color: var(--color-shadow-shadow-5) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-shadow-shadow-5\! {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-5) var(--tw-shadow-alpha), transparent) !important;
    }
  }

  .shadow-shadow-shadow-7 {
    --tw-shadow-color: var(--color-shadow-shadow-7);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-shadow-shadow-7 {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-7) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-shadow-shadow-9 {
    --tw-shadow-color: var(--color-shadow-shadow-9);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-shadow-shadow-9 {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-9) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-amber-300 {
    --tw-ring-color: var(--color-amber-300);
  }

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-components-button-secondary-bg {
    --tw-ring-color: var(--color-components-button-secondary-bg);
  }

  .ring-components-input-border-hover {
    --tw-ring-color: var(--color-components-input-border-hover);
  }

  .ring-components-option-card-option-selected-border {
    --tw-ring-color: var(--color-components-option-card-option-selected-border);
  }

  .ring-components-panel-bg {
    --tw-ring-color: var(--color-components-panel-bg);
  }

  .ring-effects-image-frame {
    --tw-ring-color: var(--color-effects-image-frame);
  }

  .ring-emerald-300 {
    --tw-ring-color: var(--color-emerald-300);
  }

  .ring-emerald-400\/20 {
    --tw-ring-color: #00d29433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-emerald-400\/20 {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
    }
  }

  .ring-primary-500 {
    --tw-ring-color: #2970ff;
  }

  .ring-rose-200 {
    --tw-ring-color: var(--color-rose-200);
  }

  .ring-sky-300 {
    --tw-ring-color: var(--color-sky-300);
  }

  .ring-text-warning {
    --tw-ring-color: var(--color-text-warning);
  }

  .ring-violet-300 {
    --tw-ring-color: var(--color-violet-300);
  }

  .ring-zinc-200 {
    --tw-ring-color: var(--color-zinc-200);
  }

  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline-hidden\! {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  @media (forced-colors: active) {
    .outline-hidden\! {
      outline-offset: 2px !important;
      outline: 2px solid #0000 !important;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-\[1\.5px\] {
    outline-style: var(--tw-outline-style);
    outline-width: 1.5px;
  }

  .outline-components-input-border-active {
    outline-color: var(--color-components-input-border-active);
  }

  .outline-components-option-card-option-selected-border {
    outline-color: var(--color-components-option-card-option-selected-border);
  }

  .outline-components-panel-on-panel-item-bg {
    outline-color: var(--color-components-panel-on-panel-item-bg);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[80px\] {
    --tw-blur: blur(80px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[120px\] {
    --tw-blur: blur(120px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[5px\] {
    --tw-backdrop-blur: blur(5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-none {
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\,opacity\] {
    transition-property: background-color, border-color, box-shadow, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,scale\,opacity\] {
    transition-property: transform, scale, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-250 {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-\[background-color\] {
    will-change: background-color;
  }

  .will-change-transform {
    will-change: transform;
  }

  .prose-invert {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-links-hover: var(--tw-prose-invert-links-hover);
    --tw-prose-links-underline: var(--tw-prose-invert-links-underline);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-code-bg: var(--tw-prose-invert-code-bg);
    --tw-prose-code-ring: var(--tw-prose-invert-code-ring);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-auto {
    -webkit-user-select: auto;
    user-select: auto;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }

  .\[--toast-current-height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\] {
    --toast-current-height: var(--toast-frontmost-height, var(--toast-height));
  }

  .\[--toast-gap\:8px\] {
    --toast-gap: 8px;
  }

  .\[--toast-peek\:5px\] {
    --toast-peek: 5px;
  }

  .\[--toast-scale\:calc\(1-\(var\(--toast-index\)\*0\.0225\)\)\] {
    --toast-scale: calc(1 - (var(--toast-index) * .0225));
  }

  .\[--toast-shrink\:calc\(1-var\(--toast-scale\)\)\] {
    --toast-shrink: calc(1 - var(--toast-scale));
  }

  .\[animation-delay\:0\.2s\] {
    animation-delay: .2s;
  }

  .\[animation-delay\:0\.4s\] {
    animation-delay: .4s;
  }

  .\[clip\:rect\(0\,0\,0\,0\)\]\! {
    clip: rect(0,0,0,0) !important;
  }

  .\[counter-increment\:line_0\] {
    counter-increment: line 0;
  }

  .\[counter-reset\:line\] {
    counter-reset: line;
  }

  .\[font\:inherit\] {
    font: inherit;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .\[transition\:transform_500ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_500ms\,height_150ms\] {
    transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s, height .15s;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .not-first\:mt-1:not(:first-child) {
    margin-top: calc(var(--spacing) * 1);
  }

  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }

  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }
  }

  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
  }

  @media (hover: hover) {
    .group-hover\:absolute:is(:where(.group):hover *) {
      position: absolute;
    }
  }

  @media (hover: hover) {
    .group-hover\:ml-auto:is(:where(.group):hover *) {
      margin-left: auto;
    }
  }

  @media (hover: hover) {
    .group-hover\:line-clamp-1:is(:where(.group):hover *) {
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
  }

  @media (hover: hover) {
    .group-hover\:line-clamp-2:is(:where(.group):hover *) {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }
  }

  @media (hover: hover) {
    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\:flex\!:is(:where(.group):hover *) {
      display: flex !important;
    }
  }

  @media (hover: hover) {
    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none;
    }
  }

  @media (hover: hover) {
    .group-hover\:inline-block:is(:where(.group):hover *) {
      display: inline-block;
    }
  }

  @media (hover: hover) {
    .group-hover\:inline-flex:is(:where(.group):hover *) {
      display: inline-flex;
    }
  }

  @media (hover: hover) {
    .group-hover\:-translate-y-1:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-125:is(:where(.group):hover *) {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:rounded-none:is(:where(.group):hover *) {
      border-radius: 0;
    }
  }

  @media (hover: hover) {
    .group-hover\:border-solid:is(:where(.group):hover *) {
      --tw-border-style: solid;
      border-style: solid;
    }
  }

  @media (hover: hover) {
    .group-hover\:border-state-accent-hover-alt:is(:where(.group):hover *) {
      border-color: var(--color-state-accent-hover-alt);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-components-button-tertiary-bg-hover:is(:where(.group):hover *) {
      background-color: var(--color-components-button-tertiary-bg-hover);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-components-toggle-knob-hover:is(:where(.group):hover *) {
      background-color: var(--color-components-toggle-knob-hover);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-primary-600:is(:where(.group):hover *) {
      background-color: #155eef;
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-saas-dify-blue-static:is(:where(.group):hover *) {
      background-color: var(--color-saas-dify-blue-static);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-state-accent-hover:is(:where(.group):hover *) {
      background-color: var(--color-state-accent-hover);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-state-accent-hover-alt:is(:where(.group):hover *) {
      background-color: var(--color-state-accent-hover-alt);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-state-accent-solid:is(:where(.group):hover *) {
      background-color: var(--color-state-accent-solid);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-state-base-hover:is(:where(.group):hover *) {
      background-color: var(--color-state-base-hover);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-transparent:is(:where(.group):hover *) {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-white:is(:where(.group):hover *) {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-white\!:is(:where(.group):hover *) {
      background-color: var(--color-white) !important;
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-tag-selector-mask-hover-bg:is(:where(.group):hover *) {
      background-image: var(--color-tag-selector-mask-hover-bg);
    }
  }

  @media (hover: hover) {
    .group-hover\:pl-5:is(:where(.group):hover *) {
      padding-left: calc(var(--spacing) * 5);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-\[\#155EEF\]:is(:where(.group):hover *) {
      color: #155eef;
    }
  }

  @media (hover: hover) {
    .group-hover\:text-components-button-secondary-accent-text:is(:where(.group):hover *) {
      color: var(--color-components-button-secondary-accent-text);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-components-menu-item-text-hover:is(:where(.group):hover *) {
      color: var(--color-components-menu-item-text-hover);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-primary-600:is(:where(.group):hover *) {
      color: #155eef;
    }
  }

  @media (hover: hover) {
    .group-hover\:text-text-accent:is(:where(.group):hover *) {
      color: var(--color-text-accent);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-text-destructive:is(:where(.group):hover *) {
      color: var(--color-text-destructive);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-text-primary:is(:where(.group):hover *) {
      color: var(--color-text-primary);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-text-primary-on-surface:is(:where(.group):hover *) {
      color: var(--color-text-primary-on-surface);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-text-secondary:is(:where(.group):hover *) {
      color: var(--color-text-secondary);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-text-tertiary:is(:where(.group):hover *) {
      color: var(--color-text-tertiary);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-util-colors-blue-light-blue-light-500:is(:where(.group):hover *) {
      color: var(--color-util-colors-blue-light-blue-light-500);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-util-colors-indigo-indigo-500:is(:where(.group):hover *) {
      color: var(--color-util-colors-indigo-indigo-500);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-util-colors-indigo-indigo-600:is(:where(.group):hover *) {
      color: var(--color-util-colors-indigo-indigo-600);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-util-colors-orange-orange-500:is(:where(.group):hover *) {
      color: var(--color-util-colors-orange-orange-500);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-util-colors-purple-purple-600:is(:where(.group):hover *) {
      color: var(--color-util-colors-purple-purple-600);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-util-colors-teal-teal-600:is(:where(.group):hover *) {
      color: var(--color-util-colors-teal-teal-600);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-util-colors-teal-teal-700:is(:where(.group):hover *) {
      color: var(--color-util-colors-teal-teal-700);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\:shadow-md:is(:where(.group):hover *) {
      --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #1018280f), 0px 4px 8px -2px var(--tw-shadow-color, #1018281a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .group-hover\:shadow-xs:is(:where(.group):hover *) {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .group-hover\/addvariable\:text-text-primary:is(:where(.group\/addvariable):hover *) {
      color: var(--color-text-primary);
    }
  }

  @media (hover: hover) {
    .group-hover\/button\:stroke-zinc-400:is(:where(.group\/button):hover *) {
      stroke: var(--color-zinc-400);
    }
  }

  @media (hover: hover) {
    .group-hover\/card\:block:is(:where(.group\/card):hover *) {
      display: block;
    }
  }

  @media (hover: hover) {
    .group-hover\/card\:flex:is(:where(.group\/card):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\/card\:inline-block:is(:where(.group\/card):hover *) {
      display: inline-block;
    }
  }

  @media (hover: hover) {
    .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/clear\:text-text-secondary:is(:where(.group\/clear):hover *) {
      color: var(--color-text-secondary);
    }
  }

  @media (hover: hover) {
    .group-hover\/clear\:text-text-tertiary:is(:where(.group\/clear):hover *) {
      color: var(--color-text-tertiary);
    }
  }

  @media (hover: hover) {
    .group-hover\/collapse\:text-text-secondary:is(:where(.group\/collapse):hover *) {
      color: var(--color-text-secondary);
    }
  }

  @media (hover: hover) {
    .group-hover\/copy\:opacity-100:is(:where(.group\/copy):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/dataset-item\:flex:is(:where(.group\/dataset-item):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\/dataset-item\:hidden:is(:where(.group\/dataset-item):hover *) {
      display: none;
    }
  }

  @media (hover: hover) {
    .group-hover\/delete\:text-text-destructive:is(:where(.group\/delete):hover *) {
      color: var(--color-text-destructive);
    }
  }

  @media (hover: hover) {
    .group-hover\/edit\:text-text-secondary:is(:where(.group\/edit):hover *) {
      color: var(--color-text-secondary);
    }
  }

  @media (hover: hover) {
    .group-hover\/file-image\:block:is(:where(.group\/file-image):hover *) {
      display: block;
    }
  }

  @media (hover: hover) {
    .group-hover\/file-image\:flex:is(:where(.group\/file-image):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\/file-item\:flex:is(:where(.group\/file-item):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\/handle\:block:is(:where(.group\/handle):hover *) {
      display: block;
    }
  }

  @media (hover: hover) {
    .group-hover\/insert\:block:is(:where(.group\/insert):hover *) {
      display: block;
    }
  }

  @media (hover: hover) {
    .group-hover\/item\:visible:is(:where(.group\/item):hover *) {
      visibility: visible;
    }
  }

  @media (hover: hover) {
    .group-hover\/item\:flex:is(:where(.group\/item):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\/item\:hidden:is(:where(.group\/item):hover *) {
      display: none;
    }
  }

  @media (hover: hover) {
    .group-hover\/item\:text-text-tertiary:is(:where(.group\/item):hover *) {
      color: var(--color-text-tertiary);
    }
  }

  @media (hover: hover) {
    .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/link-item\:block:is(:where(.group\/link-item):hover *) {
      display: block;
    }
  }

  @media (hover: hover) {
    .group-hover\/link-item\:hidden:is(:where(.group\/link-item):hover *) {
      display: none;
    }
  }

  @media (hover: hover) {
    .group-hover\/picker-trigger-wrap\:block:is(:where(.group\/picker-trigger-wrap):hover *) {
      display: block;
    }
  }

  @media (hover: hover) {
    .group-hover\/plugin\:flex:is(:where(.group\/plugin):hover *) {
      display: flex;
    }
  }

  @media (hover: hover) {
    .group-hover\/remove\:text-text-secondary:is(:where(.group\/remove):hover *) {
      color: var(--color-text-secondary);
    }
  }

  @media (hover: hover) {
    .group-hover\/simple-select\:bg-state-base-hover-alt:is(:where(.group\/simple-select):hover *) {
      background-color: var(--color-state-base-hover-alt);
    }
  }

  @media (hover: hover) {
    .group-hover\/simple-select\:bg-transparent:is(:where(.group\/simple-select):hover *) {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .group-hover\/simple-select\:text-text-secondary:is(:where(.group\/simple-select):hover *) {
      color: var(--color-text-secondary);
    }
  }

  @media (hover: hover) {
    .group-hover\/sub-variable-picker\:text-text-tertiary:is(:where(.group\/sub-variable-picker):hover *) {
      color: var(--color-text-tertiary);
    }
  }

  @media (hover: hover) {
    .group-hover\/tag-add\:text-text-secondary:is(:where(.group\/tag-add):hover *) {
      color: var(--color-text-secondary);
    }
  }

  @media (hover: hover) {
    .group-hover\/wrap\:visible:is(:where(.group\/wrap):hover *) {
      visibility: visible;
    }
  }

  .group-focus\/editable\:line-clamp-none\!:is(:where(.group\/editable):focus *) {
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: horizontal !important;
    display: block !important;
    overflow: visible !important;
  }

  .group-data-disabled\:bg-components-toggle-knob-disabled:is(:where(.group)[data-disabled] *) {
    background-color: var(--color-components-toggle-knob-disabled);
  }

  .group-data-disabled\:shadow-none:is(:where(.group)[data-disabled] *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-disabled\/number-field\:cursor-not-allowed:is(:where(.group\/number-field)[data-disabled] *) {
    cursor: not-allowed;
  }

  .group-data-disabled\/slider\:border-components-slider-knob-border:is(:where(.group\/slider)[data-disabled] *) {
    border-color: var(--color-components-slider-knob-border);
  }

  .group-data-disabled\/slider\:bg-components-slider-knob-disabled:is(:where(.group\/slider)[data-disabled] *) {
    background-color: var(--color-components-slider-knob-disabled);
  }

  .group-data-disabled\/slider\:shadow-none:is(:where(.group\/slider)[data-disabled] *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-hovering\/scrollbar\:bg-state-base-handle-hover:is(:where(.group\/scrollbar)[data-hovering] *) {
    background-color: var(--color-state-base-handle-hover);
  }

  .group-data-readonly\:hidden:is(:where(.group)[data-readonly] *) {
    display: none;
  }

  .group-data-readonly\/number-field\:cursor-default:is(:where(.group\/number-field)[data-readonly] *) {
    cursor: default;
  }

  .group-data-scrolling\/scrollbar\:bg-state-base-handle-hover:is(:where(.group\/scrollbar)[data-scrolling] *) {
    background-color: var(--color-state-base-handle-hover);
  }

  .group-\[\.active\]\:text-components-menu-item-text-active:is(:where(.group).active *) {
    color: var(--color-components-menu-item-text-active);
  }

  .group-\[\.clamp\]\:line-clamp-5:is(:where(.group).clamp *) {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .group-\[\.clamp\]\:max-h-24:is(:where(.group).clamp *) {
    max-height: calc(var(--spacing) * 24);
  }

  .group-\[\.clamp\]\:overflow-y-auto:is(:where(.group).clamp *) {
    overflow-y: auto;
  }

  .first-letter\:capitalize:first-letter {
    text-transform: capitalize;
  }

  .first-line\:p-1:first-line {
    padding: calc(var(--spacing) * 1);
  }

  .placeholder\:system-sm-regular::placeholder {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
  }

  .placeholder\:system-sm-semibold::placeholder {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
  }

  .placeholder\:system-xs-regular::placeholder {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .placeholder\:text-sm::placeholder {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .placeholder\:text-components-input-text-placeholder::placeholder {
    color: var(--color-components-input-text-placeholder);
  }

  .placeholder\:text-gray-300::placeholder {
    color: #d0d5dd;
  }

  .placeholder\:text-gray-400::placeholder {
    color: #98a2b3;
  }

  .placeholder\:text-gray-400\!::placeholder {
    color: #98a2b3 !important;
  }

  .placeholder\:text-text-placeholder::placeholder {
    color: var(--color-text-placeholder);
  }

  .placeholder\:text-text-quaternary::placeholder {
    color: var(--color-text-quaternary);
  }

  .placeholder\:text-text-tertiary::placeholder {
    color: var(--color-text-tertiary);
  }

  @media (hover: hover) {
    .group-hover\/tag-add\:placeholder\:text-text-secondary:is(:where(.group\/tag-add):hover *)::placeholder {
      color: var(--color-text-secondary);
    }
  }

  .before\:mr-4:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 4);
  }

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:w-6:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
  }

  .before\:text-right:before {
    content: var(--tw-content);
    text-align: right;
  }

  .before\:font-mono:before {
    content: var(--tw-content);
    font-family: var(--font-mono);
  }

  .before\:text-\[13px\]:before {
    content: var(--tw-content);
    font-size: 13px;
  }

  .before\:content-\[counter\(line\)\]:before {
    --tw-content: counter(line);
    content: var(--tw-content);
  }

  .before\:select-none:before {
    content: var(--tw-content);
    -webkit-user-select: none;
    user-select: none;
  }

  .before\:\[counter-increment\:line\]:before {
    content: var(--tw-content);
    counter-increment: line;
  }

  .after\:pointer-events-auto:after {
    content: var(--tw-content);
    pointer-events: auto;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:top-0:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .after\:top-1:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1);
  }

  .after\:top-full:after {
    content: var(--tw-content);
    top: 100%;
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .after\:right-1\.5:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 1.5);
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .after\:bottom-\[1\.5px\]:after {
    content: var(--tw-content);
    bottom: 1.5px;
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:left-1\.5:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1.5);
  }

  .after\:h-2:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2);
  }

  .after\:h-\[calc\(var\(--toast-gap\)\+1px\)\]:after {
    content: var(--tw-content);
    height: calc(var(--toast-gap) + 1px);
  }

  .after\:w-0\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
  }

  .after\:bg-text-text-selected:after {
    content: var(--tw-content);
    background-color: var(--color-text-text-selected);
  }

  .after\:bg-workflow-link-line-error-handle:after {
    content: var(--tw-content);
    background-color: var(--color-workflow-link-line-error-handle);
  }

  .after\:bg-workflow-link-line-failure-button-bg\!:after {
    content: var(--tw-content);
    background-color: var(--color-workflow-link-line-failure-button-bg) !important;
  }

  .after\:bg-workflow-link-line-failure-handle:after {
    content: var(--tw-content);
    background-color: var(--color-workflow-link-line-failure-handle);
  }

  .after\:bg-workflow-link-line-handle:after {
    content: var(--tw-content);
    background-color: var(--color-workflow-link-line-handle);
  }

  .after\:bg-workflow-link-line-success-handle:after {
    content: var(--tw-content);
    background-color: var(--color-workflow-link-line-success-handle);
  }

  .after\:bg-toast-warning-bg:after {
    content: var(--tw-content);
    background-image: var(--color-toast-warning-bg);
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:opacity-40:after {
    content: var(--tw-content);
    opacity: .4;
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:content-\[\\\'\\\'\]:after {
    --tw-content: \'\';
    content: var(--tw-content);
  }

  .first\:mt-0:first-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }

  :is(.\*\:first\:mt-0 > *):first-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .last\:mr-0:last-child {
    margin-right: calc(var(--spacing) * 0);
  }

  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  :is(.\*\:last\:mb-0 > *):last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .last-of-type\:mb-0:last-of-type {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .focus-within\:border-components-input-border-active:focus-within {
    border-color: var(--color-components-input-border-active);
  }

  .focus-within\:bg-components-input-bg-active:focus-within {
    background-color: var(--color-components-input-bg-active);
  }

  .focus-within\:shadow-xs:focus-within {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .hover\:mr-0:hover {
      margin-right: calc(var(--spacing) * 0);
    }
  }

  @media (hover: hover) {
    .hover\:h-full:hover {
      height: 100%;
    }
  }

  @media (hover: hover) {
    .hover\:w-full:hover {
      width: 100%;
    }
  }

  @media (hover: hover) {
    .hover\:translate-x-0\.5:hover {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:translate-x-\[30\%\]:hover {
      --tw-translate-x: 30%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-125:hover {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-150:hover {
      --tw-scale-x: 150%;
      --tw-scale-y: 150%;
      --tw-scale-z: 150%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:cursor-none:hover {
      cursor: none;
    }
  }

  @media (hover: hover) {
    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }
  }

  @media (hover: hover) {
    .hover\:cursor-text:hover {
      cursor: text;
    }
  }

  @media (hover: hover) {
    .hover\:rounded-full:hover {
      border-radius: 3.40282e38px;
    }
  }

  @media (hover: hover) {
    .hover\:rounded-lg:hover {
      border-radius: var(--radius-lg);
    }
  }

  @media (hover: hover) {
    .hover\:border:hover {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[0\.5px\]:hover {
      border-style: var(--tw-border-style);
      border-width: .5px;
    }
  }

  @media (hover: hover) {
    .hover\:border-b:hover {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }

  @media (hover: hover) {
    .hover\:border-dotted:hover {
      --tw-border-style: dotted;
      border-style: dotted;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#5170ff\]:hover {
      border-color: #5170ff;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#5170ff\]\/30:hover {
      border-color: lab(51.2768% 25.1209 -76.091 / .3);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#5170ff\]\/40:hover {
      border-color: lab(51.2768% 25.1209 -76.091 / .4);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#7839ee\]:hover {
      border-color: #7839ee;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#7839ee\]\!:hover {
      border-color: #7839ee !important;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#B9E6FE\]:hover {
      border-color: #b9e6fe;
    }
  }

  @media (hover: hover) {
    .hover\:border-\[\#C7D7FE\]:hover {
      border-color: #c7d7fe;
    }
  }

  @media (hover: hover) {
    .hover\:border-amber-600:hover {
      border-color: var(--color-amber-600);
    }
  }

  @media (hover: hover) {
    .hover\:border-blue-300:hover {
      border-color: var(--color-blue-300);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-actionbar-border:hover {
      border-color: var(--color-components-actionbar-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-button-destructive-primary-border-hover:hover {
      border-color: var(--color-components-button-destructive-primary-border-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-button-destructive-secondary-border-hover:hover {
      border-color: var(--color-components-button-destructive-secondary-border-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-button-ghost-bg-hover:hover {
      border-color: var(--color-components-button-ghost-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-button-primary-bg:hover {
      border-color: var(--color-components-button-primary-bg);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-button-primary-border-hover:hover {
      border-color: var(--color-components-button-primary-border-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-button-secondary-border-disabled:hover {
      border-color: var(--color-components-button-secondary-border-disabled);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-button-secondary-border-hover:hover {
      border-color: var(--color-components-button-secondary-border-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-checkbox-border-disabled:hover {
      border-color: var(--color-components-checkbox-border-disabled);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-checkbox-border-hover:hover {
      border-color: var(--color-components-checkbox-border-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-input-bg-hover\!:hover {
      border-color: var(--color-components-input-bg-hover) !important;
    }
  }

  @media (hover: hover) {
    .hover\:border-components-input-border-active:hover {
      border-color: var(--color-components-input-border-active);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-input-border-destructive:hover {
      border-color: var(--color-components-input-border-destructive);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-input-border-hover:hover {
      border-color: var(--color-components-input-border-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-option-card-option-border:hover {
      border-color: var(--color-components-option-card-option-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-option-card-option-border-hover:hover {
      border-color: var(--color-components-option-card-option-border-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-option-card-option-selected-border:hover {
      border-color: var(--color-components-option-card-option-selected-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-panel-bg-blur:hover {
      border-color: var(--color-components-panel-bg-blur);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-panel-border:hover {
      border-color: var(--color-components-panel-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-panel-border-subtle:hover {
      border-color: var(--color-components-panel-border-subtle);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-radio-border-checked-hover:hover {
      border-color: var(--color-components-radio-border-checked-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-components-radio-border-hover:hover {
      border-color: var(--color-components-radio-border-hover);
    }
  }

  @media (hover: hover) {
    .hover\:border-divider-regular:hover {
      border-color: var(--color-divider-regular);
    }
  }

  @media (hover: hover) {
    .hover\:border-divider-subtle:hover {
      border-color: var(--color-divider-subtle);
    }
  }

  @media (hover: hover) {
    .hover\:border-effects-highlight-lightmode-off:hover {
      border-color: var(--color-effects-highlight-lightmode-off);
    }
  }

  @media (hover: hover) {
    .hover\:border-emerald-600:hover {
      border-color: var(--color-emerald-600);
    }
  }

  @media (hover: hover) {
    .hover\:border-gray-300\!:hover {
      border-color: #d0d5dd !important;
    }
  }

  @media (hover: hover) {
    .hover\:border-slate-300\/80:hover {
      border-color: #cad5e2cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-slate-300\/80:hover {
        border-color: color-mix(in oklab, var(--color-slate-300) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-state-accent-solid:hover {
      border-color: var(--color-state-accent-solid);
    }
  }

  @media (hover: hover) {
    .hover\:border-state-destructive-active:hover {
      border-color: var(--color-state-destructive-active);
    }
  }

  @media (hover: hover) {
    .hover\:border-state-destructive-border:hover {
      border-color: var(--color-state-destructive-border);
    }
  }

  @media (hover: hover) {
    .hover\:border-stone-900\/30:hover {
      border-color: #1c19174d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-stone-900\/30:hover {
        border-color: color-mix(in oklab, var(--color-stone-900) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:border-text-tertiary:hover {
      border-color: var(--color-text-tertiary);
    }
  }

  @media (hover: hover) {
    .hover\:border-transparent:hover {
      border-color: #0000;
    }
  }

  @media (hover: hover) {
    .hover\:border-util-colors-teal-teal-100:hover {
      border-color: var(--color-util-colors-teal-teal-100);
    }
  }

  @media (hover: hover) {
    .hover\:border-util-colors-violet-violet-100:hover {
      border-color: var(--color-util-colors-violet-violet-100);
    }
  }

  @media (hover: hover) {
    .hover\:\!bg-state-base-hover:hover {
      background-color: var(--color-state-base-hover) !important;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#3f5ef0\]:hover {
      background-color: #3f5ef0;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#6b86ff\]:hover {
      background-color: #6b86ff;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#155EFF\]\/8:hover {
      background-color: lab(44.5938% 29.4934 -87.0948 / .08);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#405eff\]:hover {
      background-color: #405eff;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#5170ff\]:hover {
      background-color: #5170ff;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#EBE9FE\]:hover {
      background-color: #ebe9fe;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#EBF5FF\]:hover {
      background-color: #ebf5ff;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#FCE7F6\]:hover {
      background-color: #fce7f6;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#FFEAD5\]:hover {
      background-color: #ffead5;
    }
  }

  @media (hover: hover) {
    .hover\:bg-amber-600:hover {
      background-color: var(--color-amber-600);
    }
  }

  @media (hover: hover) {
    .hover\:bg-background-default-dodge:hover {
      background-color: var(--color-background-default-dodge);
    }
  }

  @media (hover: hover) {
    .hover\:bg-background-default-hover:hover {
      background-color: var(--color-background-default-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-background-default-lighter:hover {
      background-color: var(--color-background-default-lighter);
    }
  }

  @media (hover: hover) {
    .hover\:bg-background-default-subtle:hover {
      background-color: var(--color-background-default-subtle);
    }
  }

  @media (hover: hover) {
    .hover\:bg-background-section-burn:hover {
      background-color: var(--color-background-section-burn);
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/5:hover {
      background-color: #0000000d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/5:hover {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-50:hover {
      background-color: var(--color-blue-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-400:hover {
      background-color: var(--color-blue-400);
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-700:hover {
      background-color: var(--color-blue-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-actionbar-bg-accent:hover {
      background-color: var(--color-components-actionbar-bg-accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-destructive-ghost-bg-hover:hover {
      background-color: var(--color-components-button-destructive-ghost-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-destructive-primary-bg-hover:hover {
      background-color: var(--color-components-button-destructive-primary-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-destructive-secondary-bg-hover:hover {
      background-color: var(--color-components-button-destructive-secondary-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-destructive-tertiary-bg-hover:hover {
      background-color: var(--color-components-button-destructive-tertiary-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-ghost-bg-hover:hover {
      background-color: var(--color-components-button-ghost-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-primary-bg:hover {
      background-color: var(--color-components-button-primary-bg);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-primary-bg-hover:hover {
      background-color: var(--color-components-button-primary-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-primary-bg\/5:hover {
      background-color: var(--color-components-button-primary-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-components-button-primary-bg\/5:hover {
        background-color: color-mix(in oklab, var(--color-components-button-primary-bg) 5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-secondary-bg:hover {
      background-color: var(--color-components-button-secondary-bg);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-secondary-bg-disabled:hover {
      background-color: var(--color-components-button-secondary-bg-disabled);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-secondary-bg-hover:hover {
      background-color: var(--color-components-button-secondary-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-secondary-bg-hover\!:hover {
      background-color: var(--color-components-button-secondary-bg-hover) !important;
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-tertiary-bg:hover {
      background-color: var(--color-components-button-tertiary-bg);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-tertiary-bg-disabled:hover {
      background-color: var(--color-components-button-tertiary-bg-disabled);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-button-tertiary-bg-hover:hover {
      background-color: var(--color-components-button-tertiary-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-card-bg-alt:hover {
      background-color: var(--color-components-card-bg-alt);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-checkbox-bg-disabled:hover {
      background-color: var(--color-components-checkbox-bg-disabled);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-checkbox-bg-disabled-checked:hover {
      background-color: var(--color-components-checkbox-bg-disabled-checked);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-checkbox-bg-hover:hover {
      background-color: var(--color-components-checkbox-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-checkbox-bg-unchecked-hover:hover {
      background-color: var(--color-components-checkbox-bg-unchecked-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-input-bg-active:hover {
      background-color: var(--color-components-input-bg-active);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-input-bg-destructive:hover {
      background-color: var(--color-components-input-bg-destructive);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-input-bg-disabled:hover {
      background-color: var(--color-components-input-bg-disabled);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-input-bg-disabled\!:hover {
      background-color: var(--color-components-input-bg-disabled) !important;
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-input-bg-hover:hover {
      background-color: var(--color-components-input-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-main-nav-nav-button-bg-active:hover {
      background-color: var(--color-components-main-nav-nav-button-bg-active);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-main-nav-nav-button-bg-hover:hover {
      background-color: var(--color-components-main-nav-nav-button-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-menu-item-bg-hover:hover {
      background-color: var(--color-components-menu-item-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-option-card-option-bg-hover:hover {
      background-color: var(--color-components-option-card-option-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-panel-bg-blur:hover {
      background-color: var(--color-components-panel-bg-blur);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-panel-border:hover {
      background-color: var(--color-components-panel-border);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-panel-on-panel-item-bg:hover {
      background-color: var(--color-components-panel-on-panel-item-bg);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-panel-on-panel-item-bg-alt:hover {
      background-color: var(--color-components-panel-on-panel-item-bg-alt);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-panel-on-panel-item-bg-hover:hover {
      background-color: var(--color-components-panel-on-panel-item-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-radio-bg-hover:hover {
      background-color: var(--color-components-radio-bg-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-segmented-control-item-active-bg:hover {
      background-color: var(--color-components-segmented-control-item-active-bg);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-slider-knob-hover:hover {
      background-color: var(--color-components-slider-knob-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-components-toggle-bg-unchecked-hover:hover {
      background-color: var(--color-components-toggle-bg-unchecked-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-emerald-600:hover {
      background-color: var(--color-emerald-600);
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-50:hover {
      background-color: #f9fafb;
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: #f2f4f7;
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-200:hover {
      background-color: #eaecf0;
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-200\!:hover {
      background-color: #eaecf0 !important;
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-300:hover {
      background-color: #d0d5dd;
    }
  }

  @media (hover: hover) {
    .hover\:bg-green-700:hover {
      background-color: var(--color-green-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-indigo-700:hover {
      background-color: var(--color-indigo-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary-50:hover {
      background-color: #eff4ff;
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary-100:hover {
      background-color: #d1e0ff;
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary-600:hover {
      background-color: #155eef;
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary-600\/75:hover {
      background-color: lab(43.3947% 24.2828 -80.1379 / .75);
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary-700:hover {
      background-color: #004eeb;
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-500\/10:hover {
      background-color: #fb2c361a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-red-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-600:hover {
      background-color: var(--color-red-600);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-700:hover {
      background-color: var(--color-red-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-saas-background-inverted-hover:hover {
      background-color: var(--color-saas-background-inverted-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-saas-dify-blue-static-hover:hover {
      background-color: var(--color-saas-dify-blue-static-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-700:hover {
      background-color: var(--color-slate-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-slate-800\/70:hover {
      background-color: #1d293db3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-800\/70:hover {
        background-color: color-mix(in oklab, var(--color-slate-800) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-state-accent-active:hover {
      background-color: var(--color-state-accent-active);
    }
  }

  @media (hover: hover) {
    .hover\:bg-state-accent-hover:hover {
      background-color: var(--color-state-accent-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-state-accent-solid:hover {
      background-color: var(--color-state-accent-solid);
    }
  }

  @media (hover: hover) {
    .hover\:bg-state-base-handle-hover:hover {
      background-color: var(--color-state-base-handle-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-state-base-hover:hover {
      background-color: var(--color-state-base-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-state-base-hover-alt:hover {
      background-color: var(--color-state-base-hover-alt);
    }
  }

  @media (hover: hover) {
    .hover\:bg-state-destructive-hover:hover {
      background-color: var(--color-state-destructive-hover);
    }
  }

  @media (hover: hover) {
    .hover\:bg-state-destructive-hover\!:hover {
      background-color: var(--color-state-destructive-hover) !important;
    }
  }

  @media (hover: hover) {
    .hover\:bg-state-destructive-hover-alt:hover {
      background-color: var(--color-state-destructive-hover-alt);
    }
  }

  @media (hover: hover) {
    .hover\:bg-stone-100:hover {
      background-color: var(--color-stone-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-stone-100\/50:hover {
      background-color: #f5f5f480;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-stone-100\/50:hover {
        background-color: color-mix(in oklab, var(--color-stone-100) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-stone-900\/10:hover {
      background-color: #1c19171a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-stone-900\/10:hover {
        background-color: color-mix(in oklab, var(--color-stone-900) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-transparent:hover {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .hover\:bg-util-colors-blue-blue-700:hover {
      background-color: var(--color-util-colors-blue-blue-700);
    }
  }

  @media (hover: hover) {
    .hover\:bg-util-colors-teal-teal-50:hover {
      background-color: var(--color-util-colors-teal-teal-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-util-colors-violet-violet-50:hover {
      background-color: var(--color-util-colors-violet-violet-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\!:hover {
      background-color: var(--color-white) !important;
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/5:hover {
      background-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/5:hover {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/7\.5:hover {
      background-color: #ffffff13;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/7\.5:hover {
        background-color: color-mix(in oklab, var(--color-white) 7.5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/20:hover {
      background-color: #fff3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.06\]:hover {
      background-color: #ffffff0f;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.07\]:hover {
      background-color: #ffffff12;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.07\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-white\/\[0\.08\]:hover {
      background-color: #ffffff14;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-dataset-chunk-detail-card-hover-bg:hover {
      background-image: var(--color-dataset-chunk-detail-card-hover-bg);
    }
  }

  @media (hover: hover) {
    .hover\:from-\[\#5170ff\]\/10:hover {
      --tw-gradient-from: lab(51.2768% 25.1209 -76.091 / .1);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }

  @media (hover: hover) {
    .hover\:stroke-state-base-hover:hover {
      stroke: var(--color-state-base-hover);
    }
  }

  @media (hover: hover) {
    .hover\:text-components-button-destructive-ghost-text:hover {
      color: var(--color-components-button-destructive-ghost-text);
    }
  }

  @media (hover: hover) {
    .hover\:text-components-button-primary-text:hover {
      color: var(--color-components-button-primary-text);
    }
  }

  @media (hover: hover) {
    .hover\:text-components-button-secondary-accent-text-disabled:hover {
      color: var(--color-components-button-secondary-accent-text-disabled);
    }
  }

  @media (hover: hover) {
    .hover\:text-components-input-text-filled:hover {
      color: var(--color-components-input-text-filled);
    }
  }

  @media (hover: hover) {
    .hover\:text-components-menu-item-text-hover:hover {
      color: var(--color-components-menu-item-text-hover);
    }
  }

  @media (hover: hover) {
    .hover\:text-inherit:hover {
      color: inherit;
    }
  }

  @media (hover: hover) {
    .hover\:text-primary-600:hover {
      color: #155eef;
    }
  }

  @media (hover: hover) {
    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }
  }

  @media (hover: hover) {
    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }
  }

  @media (hover: hover) {
    .hover\:text-stone-900:hover {
      color: var(--color-stone-900);
    }
  }

  @media (hover: hover) {
    .hover\:text-stone-950:hover {
      color: var(--color-stone-950);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-accent:hover {
      color: var(--color-text-accent);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-accent-light-mode-only:hover {
      color: var(--color-text-accent-light-mode-only);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-accent-secondary:hover {
      color: var(--color-text-accent-secondary);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-destructive:hover {
      color: var(--color-text-destructive);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-disabled:hover {
      color: var(--color-text-disabled);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-primary:hover {
      color: var(--color-text-primary);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-secondary:hover {
      color: var(--color-text-secondary);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-tertiary:hover {
      color: var(--color-text-tertiary);
    }
  }

  @media (hover: hover) {
    .hover\:text-text-warning:hover {
      color: var(--color-text-warning);
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:text-zinc-300:hover {
      color: var(--color-zinc-300);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-95:hover {
      opacity: .95;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_24px_60px_rgba\(28\,25\,23\,0\.10\)\]:hover {
      --tw-shadow: 0 24px 60px var(--tw-shadow-color, #1c19171a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-lg:hover {
      --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, #10182808), 0px 12px 16px -4px var(--tw-shadow-color, #10182814);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-md:hover {
      --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #1018280f), 0px 4px 8px -2px var(--tw-shadow-color, #1018281a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-none:hover {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-sm:hover {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280f), 0px 1px 3px 0px var(--tw-shadow-color, #1018281a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-xl:hover {
      --tw-shadow: 0px 8px 8px -4px var(--tw-shadow-color, #10182808), 0px 20px 24px -4px var(--tw-shadow-color, #10182814);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-xs:hover {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:ring-1:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:ring-\[0\.5px\]:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(.5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-shadow-shadow-3:hover {
      --tw-shadow-color: var(--color-shadow-shadow-3);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-shadow-shadow-3:hover {
        --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-3) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:shadow-shadow-shadow-5:hover {
      --tw-shadow-color: var(--color-shadow-shadow-5);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-shadow-shadow-5:hover {
        --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-5) var(--tw-shadow-alpha), transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:backdrop-blur-\[5px\]:hover {
      --tw-backdrop-blur: blur(5px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (hover: hover) {
    .hover\:group-data-disabled\/number-field\:bg-transparent:hover:is(:where(.group\/number-field)[data-disabled] *) {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .hover\:group-data-readonly\/number-field\:bg-transparent:hover:is(:where(.group\/number-field)[data-readonly] *) {
      background-color: #0000;
    }
  }

  .focus\:border:focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .focus\:border-solid:focus {
    --tw-border-style: solid;
    border-style: solid;
  }

  .focus\:border-\[\#5170ff\]:focus {
    border-color: #5170ff;
  }

  .focus\:border-blue-600:focus {
    border-color: var(--color-blue-600);
  }

  .focus\:border-components-input-border-active:focus {
    border-color: var(--color-components-input-border-active);
  }

  .focus\:border-components-input-border-destructive:focus {
    border-color: var(--color-components-input-border-destructive);
  }

  .focus\:border-components-input-border-hover:focus {
    border-color: var(--color-components-input-border-hover);
  }

  .focus\:border-indigo-500:focus {
    border-color: var(--color-indigo-500);
  }

  .focus\:border-transparent:focus {
    border-color: #0000;
  }

  .focus\:border-util-colors-blue-blue-500:focus {
    border-color: var(--color-util-colors-blue-blue-500);
  }

  .focus\:bg-components-input-bg-active:focus {
    background-color: var(--color-components-input-bg-active);
  }

  .focus\:bg-components-input-bg-destructive:focus {
    background-color: var(--color-components-input-bg-destructive);
  }

  .focus\:bg-gray-100\!:focus {
    background-color: #f2f4f7 !important;
  }

  .focus\:bg-transparent:focus {
    background-color: #0000;
  }

  .focus\:bg-white:focus {
    background-color: var(--color-white);
  }

  .focus\:text-text-tertiary:focus {
    color: var(--color-text-tertiary);
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:shadow-xs:focus {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:shadow-shadow-shadow-3:focus {
    --tw-shadow-color: var(--color-shadow-shadow-3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:shadow-shadow-shadow-3:focus {
      --tw-shadow-color: color-mix(in oklab, var(--color-shadow-shadow-3) var(--tw-shadow-alpha), transparent);
    }
  }

  .focus\:ring-\[\#5170ff\]\/20:focus {
    --tw-ring-color: lab(51.2768% 25.1209 -76.091 / .2);
  }

  .focus\:ring-blue-500:focus {
    --tw-ring-color: #e1effe;
  }

  .focus\:ring-indigo-500:focus {
    --tw-ring-color: var(--color-indigo-500);
  }

  .focus\:ring-primary-600:focus {
    --tw-ring-color: #155eef;
  }

  .focus\:ring-util-colors-blue-blue-500:focus {
    --tw-ring-color: var(--color-util-colors-blue-blue-500);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:ring-inset:focus {
    --tw-ring-inset: inset;
  }

  .focus\:not-focus-visible\:outline-hidden:focus:not(:focus-visible) {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:not-focus-visible\:outline-hidden:focus:not(:focus-visible) {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:bg-components-input-bg-hover:focus-visible {
    background-color: var(--color-components-input-bg-hover);
  }

  .focus-visible\:bg-state-base-hover:focus-visible {
    background-color: var(--color-state-base-hover);
  }

  .focus-visible\:bg-state-base-hover-alt:focus-visible {
    background-color: var(--color-state-base-hover-alt);
  }

  .focus-visible\:bg-transparent:focus-visible {
    background-color: #0000;
  }

  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-components-button-primary-border:focus-visible {
    --tw-ring-color: var(--color-components-button-primary-border);
  }

  .focus-visible\:ring-components-input-border-active:focus-visible {
    --tw-ring-color: var(--color-components-input-border-active);
  }

  .focus-visible\:ring-components-input-border-hover:focus-visible {
    --tw-ring-color: var(--color-components-input-border-hover);
  }

  .focus-visible\:ring-components-slider-knob-border-hover:focus-visible {
    --tw-ring-color: var(--color-components-slider-knob-border-hover);
  }

  .focus-visible\:ring-components-toggle-bg:focus-visible {
    --tw-ring-color: var(--color-components-toggle-bg);
  }

  .focus-visible\:ring-state-accent-solid:focus-visible {
    --tw-ring-color: var(--color-state-accent-solid);
  }

  .focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-components-panel-border:focus-visible {
    outline-color: var(--color-components-panel-border);
  }

  .focus-visible\:outline-solid:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .focus-visible\:group-data-disabled\/number-field\:bg-transparent:focus-visible:is(:where(.group\/number-field)[data-disabled] *) {
    background-color: #0000;
  }

  .focus-visible\:group-data-disabled\/number-field\:ring-0:focus-visible:is(:where(.group\/number-field)[data-disabled] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:group-data-readonly\/number-field\:bg-transparent:focus-visible:is(:where(.group\/number-field)[data-readonly] *) {
    background-color: #0000;
  }

  .focus-visible\:group-data-readonly\/number-field\:ring-0:focus-visible:is(:where(.group\/number-field)[data-readonly] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .active\:h-full:active {
    height: 100%;
  }

  .active\:w-full:active {
    width: 100%;
  }

  .active\:scale-90:active {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:scale-\[0\.98\]:active {
    scale: .98;
  }

  .active\:cursor-move:active {
    cursor: move;
  }

  .active\:bg-state-accent-solid:active {
    background-color: var(--color-state-accent-solid);
  }

  .active\:bg-state-base-handle-hover:active {
    background-color: var(--color-state-base-handle-hover);
  }

  .active\:shadow-md:active {
    --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, #1018280f), 0px 4px 8px -2px var(--tw-shadow-color, #1018281a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .enabled\:hover\:bg-gray-100:enabled:hover {
      background-color: #f2f4f7;
    }
  }

  .disabled\:segmented-control-item-disabled:disabled {
    cursor: not-allowed;
    color: var(--color-text-disabled);
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-transparent:disabled {
    background-color: #0000;
  }

  .disabled\:text-components-button-primary-bg-disabled:disabled {
    color: var(--color-components-button-primary-bg-disabled);
  }

  .disabled\:text-components-input-text-filled-disabled:disabled {
    color: var(--color-components-input-text-filled-disabled);
  }

  .disabled\:text-text-disabled:disabled {
    color: var(--color-text-disabled);
  }

  .disabled\:text-text-tertiary:disabled {
    color: var(--color-text-tertiary);
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:placeholder\:text-components-input-text-disabled:disabled::placeholder {
    color: var(--color-components-input-text-disabled);
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .disabled\:hover\:text-text-disabled:disabled:hover {
      color: var(--color-text-disabled);
    }
  }

  .disabled\:focus-visible\:bg-transparent:disabled:focus-visible {
    background-color: #0000;
  }

  .disabled\:focus-visible\:ring-0:disabled:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\.subscription-delete-btn\:hover\]\:border-state-destructive-border\!:has(.subscription-delete-btn:hover) {
    border-color: var(--color-state-destructive-border) !important;
  }

  .has-\[\.subscription-delete-btn\:hover\]\:bg-state-destructive-hover\!:has(.subscription-delete-btn:hover) {
    background-color: var(--color-state-destructive-hover) !important;
  }

  .has-\[\[data-popup-open\]\]\:visible:has([data-popup-open]) {
    visibility: visible;
  }

  .aria-selected\:bg-state-base-hover-alt[aria-selected="true"] {
    background-color: var(--color-state-base-hover-alt);
  }

  .data-active\:bg-state-base-active[data-active] {
    background-color: var(--color-state-base-active);
  }

  .data-active\:bg-state-base-hover[data-active] {
    background-color: var(--color-state-base-hover);
  }

  .data-behind\:opacity-0[data-behind] {
    opacity: 0;
  }

  .data-checked\:translate-x-1\.5[data-checked] {
    --tw-translate-x: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-checked\:translate-x-4[data-checked] {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-checked\:translate-x-\[9px\][data-checked] {
    --tw-translate-x: 9px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-checked\:translate-x-\[14px\][data-checked] {
    --tw-translate-x: 14px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-checked\:bg-components-toggle-bg[data-checked] {
    background-color: var(--color-components-toggle-bg);
  }

  @media (hover: hover) {
    .data-checked\:hover\:bg-components-toggle-bg-hover[data-checked]:hover {
      background-color: var(--color-components-toggle-bg-hover);
    }
  }

  .data-closed\:-translate-x-full[data-closed] {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-closed\:scale-95[data-closed] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-closed\:opacity-0[data-closed] {
    opacity: 0;
  }

  .data-disabled\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }

  .data-disabled\:border-transparent[data-disabled] {
    border-color: #0000;
  }

  .data-disabled\:bg-components-input-bg-disabled[data-disabled] {
    background-color: var(--color-components-input-bg-disabled);
  }

  .data-disabled\:bg-components-toggle-bg-unchecked-disabled[data-disabled] {
    background-color: var(--color-components-toggle-bg-unchecked-disabled);
  }

  .data-disabled\:text-components-input-text-filled-disabled[data-disabled] {
    color: var(--color-components-input-text-filled-disabled);
  }

  .data-disabled\:opacity-30[data-disabled] {
    opacity: .3;
  }

  .data-disabled\:opacity-50[data-disabled] {
    opacity: .5;
  }

  @media (hover: hover) {
    .data-disabled\:hover\:border-transparent[data-disabled]:hover {
      border-color: #0000;
    }
  }

  @media (hover: hover) {
    .data-disabled\:hover\:bg-components-input-bg-disabled[data-disabled]:hover {
      background-color: var(--color-components-input-bg-disabled);
    }
  }

  @media (hover: hover) {
    .data-disabled\:hover\:bg-components-toggle-bg-unchecked-disabled[data-disabled]:hover {
      background-color: var(--color-components-toggle-bg-unchecked-disabled);
    }
  }

  .data-disabled\:data-checked\:bg-components-toggle-bg-disabled[data-disabled][data-checked] {
    background-color: var(--color-components-toggle-bg-disabled);
  }

  @media (hover: hover) {
    .data-disabled\:data-checked\:hover\:bg-components-toggle-bg-disabled[data-disabled][data-checked]:hover {
      background-color: var(--color-components-toggle-bg-disabled);
    }
  }

  .data-ending-style\:scale-95[data-ending-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-ending-style\:\[transform\:translateY\(-150\%\)\][data-ending-style] {
    transform: translateY(-150%);
  }

  .data-ending-style\:opacity-0[data-ending-style] {
    opacity: 0;
  }

  .data-enter\:translate-x-0[data-enter] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-enter\:scale-95[data-enter] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-enter\:scale-100[data-enter] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-enter\:opacity-100[data-enter] {
    opacity: 1;
  }

  .data-enter\:duration-300[data-enter] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-enter\:ease-out[data-enter] {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .data-expanded\:h-\(--toast-height\)[data-expanded] {
    height: var(--toast-height);
  }

  .data-expanded\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-offset-y\)\+var\(--toast-swipe-movement-y\)\+\(var\(--toast-index\)\*8px\)\)\)_scale\(1\)\][data-expanded] {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-offset-y) + var(--toast-swipe-movement-y) + (var(--toast-index) * 8px))) scale(1);
  }

  .data-expanded\:opacity-100[data-expanded] {
    opacity: 1;
  }

  .data-focused\:border-components-input-border-active[data-focused] {
    border-color: var(--color-components-input-border-active);
  }

  .data-focused\:bg-components-input-bg-active[data-focused] {
    background-color: var(--color-components-input-bg-active);
  }

  .data-focused\:shadow-xs[data-focused] {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-highlighted\:bg-state-base-hover[data-highlighted] {
    background-color: var(--color-state-base-hover);
  }

  .data-highlighted\:bg-state-destructive-hover[data-highlighted] {
    background-color: var(--color-state-destructive-hover);
  }

  .data-highlighted\:bg-transparent[data-highlighted] {
    background-color: #0000;
  }

  .data-highlighted\:text-text-destructive[data-highlighted] {
    color: var(--color-text-destructive);
  }

  .data-hovering\:pointer-events-auto[data-hovering] {
    pointer-events: auto;
  }

  .data-instant\:transition-none[data-instant] {
    transition-property: none;
  }

  .data-leave\:-translate-x-full[data-leave] {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-leave\:scale-95[data-leave] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-leave\:opacity-0[data-leave] {
    opacity: 0;
  }

  .data-leave\:duration-200[data-leave] {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .data-leave\:ease-in[data-leave] {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .data-limited\:pointer-events-none[data-limited] {
    pointer-events: none;
  }

  .data-limited\:opacity-0[data-limited] {
    opacity: 0;
  }

  .data-open\:text-text-secondary[data-open] {
    color: var(--color-text-secondary);
  }

  .data-placeholder\:text-components-input-text-placeholder[data-placeholder] {
    color: var(--color-components-input-text-placeholder);
  }

  .data-disabled\:data-placeholder\:text-components-input-text-disabled[data-disabled][data-placeholder] {
    color: var(--color-components-input-text-disabled);
  }

  .data-popup-open\:border-components-button-secondary-border-hover[data-popup-open] {
    border-color: var(--color-components-button-secondary-border-hover);
  }

  .data-popup-open\:bg-components-button-secondary-bg-hover[data-popup-open] {
    background-color: var(--color-components-button-secondary-bg-hover);
  }

  .data-popup-open\:bg-state-base-hover[data-popup-open] {
    background-color: var(--color-state-base-hover);
  }

  .data-readonly\:cursor-default[data-readonly] {
    cursor: default;
  }

  .data-readonly\:bg-transparent[data-readonly] {
    background-color: #0000;
  }

  .data-readonly\:shadow-none[data-readonly] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .data-readonly\:hover\:border-transparent[data-readonly]:hover {
      border-color: #0000;
    }
  }

  @media (hover: hover) {
    .data-readonly\:hover\:bg-components-input-bg-normal[data-readonly]:hover {
      background-color: var(--color-components-input-bg-normal);
    }
  }

  @media (hover: hover) {
    .data-readonly\:hover\:bg-transparent[data-readonly]:hover {
      background-color: #0000;
    }
  }

  .data-scrolling\:pointer-events-auto[data-scrolling] {
    pointer-events: auto;
  }

  .data-starting-style\:scale-95[data-starting-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-starting-style\:\[transform\:translateY\(-150\%\)\][data-starting-style] {
    transform: translateY(-150%);
  }

  .data-starting-style\:opacity-0[data-starting-style] {
    opacity: 0;
  }

  .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }

  .data-\[disabled\]\:border-components-button-destructive-primary-border-disabled[data-disabled] {
    border-color: var(--color-components-button-destructive-primary-border-disabled);
  }

  .data-\[disabled\]\:border-components-button-destructive-secondary-border-disabled[data-disabled] {
    border-color: var(--color-components-button-destructive-secondary-border-disabled);
  }

  .data-\[disabled\]\:border-components-button-primary-border-disabled[data-disabled] {
    border-color: var(--color-components-button-primary-border-disabled);
  }

  .data-\[disabled\]\:border-components-button-secondary-border-disabled[data-disabled] {
    border-color: var(--color-components-button-secondary-border-disabled);
  }

  .data-\[disabled\]\:bg-components-button-destructive-primary-bg-disabled[data-disabled] {
    background-color: var(--color-components-button-destructive-primary-bg-disabled);
  }

  .data-\[disabled\]\:bg-components-button-destructive-secondary-bg-disabled[data-disabled] {
    background-color: var(--color-components-button-destructive-secondary-bg-disabled);
  }

  .data-\[disabled\]\:bg-components-button-destructive-tertiary-bg-disabled[data-disabled] {
    background-color: var(--color-components-button-destructive-tertiary-bg-disabled);
  }

  .data-\[disabled\]\:bg-components-button-primary-bg-disabled[data-disabled] {
    background-color: var(--color-components-button-primary-bg-disabled);
  }

  .data-\[disabled\]\:bg-components-button-secondary-bg-disabled[data-disabled] {
    background-color: var(--color-components-button-secondary-bg-disabled);
  }

  .data-\[disabled\]\:bg-components-button-tertiary-bg-disabled[data-disabled] {
    background-color: var(--color-components-button-tertiary-bg-disabled);
  }

  .data-\[disabled\]\:text-components-button-destructive-ghost-text-disabled[data-disabled] {
    color: var(--color-components-button-destructive-ghost-text-disabled);
  }

  .data-\[disabled\]\:text-components-button-destructive-primary-text-disabled[data-disabled] {
    color: var(--color-components-button-destructive-primary-text-disabled);
  }

  .data-\[disabled\]\:text-components-button-destructive-secondary-text-disabled[data-disabled] {
    color: var(--color-components-button-destructive-secondary-text-disabled);
  }

  .data-\[disabled\]\:text-components-button-destructive-tertiary-text-disabled[data-disabled] {
    color: var(--color-components-button-destructive-tertiary-text-disabled);
  }

  .data-\[disabled\]\:text-components-button-ghost-text-disabled[data-disabled] {
    color: var(--color-components-button-ghost-text-disabled);
  }

  .data-\[disabled\]\:text-components-button-primary-text-disabled[data-disabled] {
    color: var(--color-components-button-primary-text-disabled);
  }

  .data-\[disabled\]\:text-components-button-secondary-accent-text-disabled[data-disabled] {
    color: var(--color-components-button-secondary-accent-text-disabled);
  }

  .data-\[disabled\]\:text-components-button-secondary-text-disabled[data-disabled] {
    color: var(--color-components-button-secondary-text-disabled);
  }

  .data-\[disabled\]\:text-components-button-tertiary-text-disabled[data-disabled] {
    color: var(--color-components-button-tertiary-text-disabled);
  }

  .data-\[disabled\]\:shadow-none[data-disabled] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[disabled\]\:backdrop-blur-xs[data-disabled] {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .data-\[orientation\=horizontal\]\:absolute[data-orientation="horizontal"] {
    position: absolute;
  }

  .data-\[orientation\=horizontal\]\:inset-x-0[data-orientation="horizontal"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[orientation\=horizontal\]\:mx-1[data-orientation="horizontal"] {
    margin-inline: calc(var(--spacing) * 1);
  }

  .data-\[orientation\=horizontal\]\:mx-2[data-orientation="horizontal"] {
    margin-inline: calc(var(--spacing) * 2);
  }

  .data-\[orientation\=horizontal\]\:mb-0\.5[data-orientation="horizontal"] {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .data-\[orientation\=horizontal\]\:mb-1[data-orientation="horizontal"] {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .data-\[orientation\=horizontal\]\:h-1[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 1);
  }

  .data-\[orientation\=horizontal\]\:h-3[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 3);
  }

  .data-\[orientation\=horizontal\]\:items-center[data-orientation="horizontal"] {
    align-items: center;
  }

  .data-\[orientation\=vertical\]\:absolute[data-orientation="vertical"] {
    position: absolute;
  }

  .data-\[orientation\=vertical\]\:inset-y-0[data-orientation="vertical"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[orientation\=vertical\]\:my-1[data-orientation="vertical"] {
    margin-block: calc(var(--spacing) * 1);
  }

  .data-\[orientation\=vertical\]\:my-2[data-orientation="vertical"] {
    margin-block: calc(var(--spacing) * 2);
  }

  .data-\[orientation\=vertical\]\:-me-3[data-orientation="vertical"] {
    margin-inline-end: calc(var(--spacing) * -3);
  }

  .data-\[orientation\=vertical\]\:me-1[data-orientation="vertical"] {
    margin-inline-end: calc(var(--spacing) * 1);
  }

  .data-\[orientation\=vertical\]\:w-1[data-orientation="vertical"] {
    width: calc(var(--spacing) * 1);
  }

  .data-\[orientation\=vertical\]\:w-3[data-orientation="vertical"] {
    width: calc(var(--spacing) * 3);
  }

  .data-\[orientation\=vertical\]\:justify-center[data-orientation="vertical"] {
    justify-content: center;
  }

  .data-\[popup-open\]\:bg-state-base-hover[data-popup-open] {
    background-color: var(--color-state-base-hover);
  }

  .data-\[selected\=true\]\:bg-state-base-hover-alt[data-selected="true"] {
    background-color: var(--color-state-base-hover-alt);
  }

  .data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction="down"] {
    transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
  }

  .data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)\][data-ending-style][data-swipe-direction="right"] {
    transform: translateX(calc(var(--toast-swipe-movement-x) + 150%));
  }

  .data-\[variant\=destructive\]\:text-text-destructive[data-variant="destructive"] {
    color: var(--color-text-destructive);
  }

  .data-\[variant\=destructive\]\:data-highlighted\:bg-state-destructive-hover[data-variant="destructive"][data-highlighted] {
    background-color: var(--color-state-destructive-hover);
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:backdrop-blur {
      --tw-backdrop-blur: blur(8px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:backdrop-blur-sm {
      --tw-backdrop-blur: blur(var(--blur-sm));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
      animation: 1.5s linear infinite spin;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media not (min-width: 1280px) {
    .max-\[1280px\]\:hidden {
      display: none;
    }
  }

  @media not (min-width: 1024px) {
    .max-\[1024px\]\:hidden {
      display: none;
    }
  }

  @media not (min-width: 1024px) {
    .max-\[1024px\]\:max-w-\[400px\] {
      max-width: 400px;
    }
  }

  @media not (min-width: 800px) {
    .max-\[800px\]\:mr-0 {
      margin-right: calc(var(--spacing) * 0);
    }
  }

  @media not (min-width: 800px) {
    .max-\[800px\]\:hidden {
      display: none;
    }
  }

  @media (min-width: 100px) {
    .mobile\:w-fit {
      width: fit-content;
    }
  }

  @media (min-width: 100px) {
    .mobile\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 100px) {
    .mobile\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 100px) {
    .mobile\:px-1 {
      padding-inline: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 769px) {
    .pc\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 769px) {
    .pc\:justify-start {
      justify-content: flex-start;
    }
  }

  @media (min-width: 1280px) {
    .min-\[1280px\]\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1280px) {
    .min-\[1280px\]\:pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 1380px) {
    .min-\[1380px\]\:block {
      display: block;
    }
  }

  @media (min-width: 2560px) {
    .\32 k\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-8 {
      right: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mx-auto {
      margin-inline: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mr-2 {
      margin-right: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-14 {
      height: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-1\/2 {
      width: 50%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[56px\] {
      width: 56px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[224px\] {
      width: 224px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[240px\] {
      width: 240px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[248px\] {
      width: 248px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[412px\] {
      width: 412px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[960px\] {
      width: 960px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-md {
      max-width: var(--container-md);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-\[528px\] {
      min-width: 528px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:leading-6 {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:-mx-10 {
      margin-inline: calc(var(--spacing) * -10);
    }
  }

  @media (min-width: 48rem) {
    .md\:-mb-10 {
      margin-bottom: calc(var(--spacing) * -10);
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-16 {
      height: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 48rem) {
    .md\:max-h-\[300px\] {
      max-height: 300px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-1\/4 {
      width: 25%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[400px\] {
      width: 400px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[440px\] {
      width: 440px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[calc\(100\%\+5rem\)\] {
      width: calc(100% + 5rem);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[0\.9fr_1\.1fr\] {
      grid-template-columns: .9fr 1.1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[0\.9fr_1\.6fr\] {
      grid-template-columns: .9fr 1.6fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[0\.92fr_1\.08fr\] {
      grid-template-columns: .92fr 1.08fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-end {
      align-items: flex-end;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-16 {
      padding: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-\[108px\] {
      padding-inline: 108px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-right {
      text-align: right;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[2\.6rem\] {
      font-size: 2.6rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:leading-\[1\.08\] {
      --tw-leading: 1.08;
      line-height: 1.08;
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[600px\] {
      width: 600px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
      grid-template-columns: .8fr 1.2fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[0\.92fr_1\.08fr\] {
      grid-template-columns: .92fr 1.08fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
      grid-template-columns: 1.05fr .95fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[1\.08fr_0\.92fr\] {
      grid-template-columns: 1.08fr .92fr;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 64rem) {
    .lg\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 64rem) {
    .lg\:overflow-visible {
      overflow: visible;
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 80rem) {
    .xl\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 80rem) {
    .xl\:top-24 {
      top: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 80rem) {
    .xl\:top-36 {
      top: calc(var(--spacing) * 36);
    }
  }

  @media (min-width: 80rem) {
    .xl\:flex {
      display: flex;
    }
  }

  @media (min-width: 80rem) {
    .xl\:max-h-\[400px\] {
      max-height: 400px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:max-w-none\! {
      max-width: none !important;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[260px_minmax\(0\,1fr\)_320px\] {
      grid-template-columns: 260px minmax(0, 1fr) 320px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(320px\,420px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:h-\[139px\] {
      height: 139px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:max-h-\[564px\] {
      max-height: 564px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (prefers-color-scheme: dark) {
    :where(.dark\:divide-white\/5 > :not(:last-child)) {
      border-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      :where(.dark\:divide-white\/5 > :not(:last-child)) {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-zinc-700\/40 {
      border-color: #3f3f4666;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-zinc-700\/40 {
        border-color: color-mix(in oklab, var(--color-zinc-700) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-zinc-800 {
      border-color: var(--color-zinc-800);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-zinc-800\/40 {
      border-color: #27272a66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-zinc-800\/40 {
        border-color: color-mix(in oklab, var(--color-zinc-800) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-zinc-800\/60 {
      border-color: #27272a99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-zinc-800\/60 {
        border-color: color-mix(in oklab, var(--color-zinc-800) 60%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-zinc-800\/80 {
      border-color: #27272acc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-zinc-800\/80 {
        border-color: color-mix(in oklab, var(--color-zinc-800) 80%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-zinc-950 {
      border-color: var(--color-zinc-950);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-b-white\/5 {
      border-bottom-color: #ffffff0d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-b-white\/5 {
        border-bottom-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#5170ff\]\/15 {
      background-color: lab(51.2768% 25.1209 -76.091 / .15);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\] {
      background-color: var(--shiki-dark-bg, var(--sdm-tbg));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-amber-400\/10 {
      background-color: #fcbb001a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-amber-400\/10 {
        background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-emerald-950 {
      background-color: var(--color-emerald-950);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-800 {
      background-color: #1d2939;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-rose-400\/10 {
      background-color: #ff667f1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-rose-400\/10 {
        background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-sky-400\/10 {
      background-color: #00bcfe1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-sky-400\/10 {
        background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-transparent {
      background-color: #0000;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-violet-400\/10 {
      background-color: #a685ff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-violet-400\/10 {
        background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-white\/1 {
      background-color: #ffffff03;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/1 {
        background-color: color-mix(in oklab, var(--color-white) 1%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-white\/2\.5 {
      background-color: #ffffff06;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/2\.5 {
        background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-400\/10 {
      background-color: #9f9fa91a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-400\/10 {
        background-color: color-mix(in oklab, var(--color-zinc-400) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-600 {
      background-color: var(--color-zinc-600);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-700 {
      background-color: var(--color-zinc-700);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-800 {
      background-color: var(--color-zinc-800);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-900 {
      background-color: var(--color-zinc-900);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-900\/20 {
      background-color: #18181b33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-900\/20 {
        background-color: color-mix(in oklab, var(--color-zinc-900) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-900\/30 {
      background-color: #18181b4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-900\/30 {
        background-color: color-mix(in oklab, var(--color-zinc-900) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-900\/40 {
      background-color: #18181b66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-900\/40 {
        background-color: color-mix(in oklab, var(--color-zinc-900) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-900\/60 {
      background-color: #18181b99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-900\/60 {
        background-color: color-mix(in oklab, var(--color-zinc-900) 60%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-900\/80 {
      background-color: #18181bcc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-900\/80 {
        background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-950 {
      background-color: var(--color-zinc-950);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-950\/40 {
      background-color: #09090b66;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-950\/40 {
        background-color: color-mix(in oklab, var(--color-zinc-950) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-950\/70 {
      background-color: #09090bb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-950\/70 {
        background-color: color-mix(in oklab, var(--color-zinc-950) 70%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-950\/80 {
      background-color: #09090bcc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-950\/80 {
        background-color: color-mix(in oklab, var(--color-zinc-950) 80%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-zinc-950\/90 {
      background-color: #09090be6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-zinc-950\/90 {
        background-color: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\] {
      color: var(--shiki-dark, var(--sdm-c, inherit));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-amber-400 {
      color: var(--color-amber-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-emerald-400 {
      color: var(--color-emerald-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-gray-300 {
      color: #d0d5dd;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-red-400 {
      color: var(--color-red-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-rose-400 {
      color: var(--color-rose-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-rose-500 {
      color: var(--color-rose-500);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-sky-400 {
      color: var(--color-sky-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-violet-400 {
      color: var(--color-violet-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-zinc-400 {
      color: var(--color-zinc-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-zinc-500 {
      color: var(--color-zinc-500);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-zinc-600 {
      color: var(--color-zinc-600);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:ring-1 {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:ring-amber-400\/30 {
      --tw-ring-color: #fcbb004d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-amber-400\/30 {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:ring-emerald-400\/30 {
      --tw-ring-color: #00d2944d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-emerald-400\/30 {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:ring-rose-500\/20 {
      --tw-ring-color: #ff235733;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-rose-500\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:ring-sky-400\/30 {
      --tw-ring-color: #00bcfe4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-sky-400\/30 {
        --tw-ring-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:ring-violet-400\/30 {
      --tw-ring-color: #a685ff4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-violet-400\/30 {
        --tw-ring-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:ring-white\/10 {
      --tw-ring-color: #ffffff1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-white\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:ring-zinc-500\/20 {
      --tw-ring-color: #71717b33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-zinc-500\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-white\/5:hover {
        background-color: #ffffff0d;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-white\/5:hover {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-zinc-800\/40:hover {
        background-color: #27272a66;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-zinc-800\/40:hover {
          background-color: color-mix(in oklab, var(--color-zinc-800) 40%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-zinc-800\/80:hover {
        background-color: #27272acc;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-zinc-800\/80:hover {
          background-color: color-mix(in oklab, var(--color-zinc-800) 80%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-zinc-900\/50:hover {
        background-color: #18181b80;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-zinc-900\/50:hover {
          background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent);
        }
      }
    }
  }

  .\[\&_\.action-btn\]\:h-6 .action-btn {
    height: calc(var(--spacing) * 6);
  }

  .\[\&_\.action-btn\]\:min-h-0 .action-btn {
    min-height: calc(var(--spacing) * 0);
  }

  .\[\&_\.action-btn\]\:w-6 .action-btn {
    width: calc(var(--spacing) * 6);
  }

  .\[\&_\.action-btn\]\:rounded-lg .action-btn {
    border-radius: var(--radius-lg);
  }

  .\[\&_\.action-btn\]\:p-0 .action-btn {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&_p\]\:m-0\! p {
    margin: calc(var(--spacing) * 0) !important;
  }

  .\[\&_p\]\:block p {
    display: block;
  }

  .\[\&_p\]\:w-full p {
    width: 100%;
  }

  .\[\&_p\]\:overflow-hidden p {
    overflow: hidden;
  }

  .\[\&_p\]\:text-ellipsis p {
    text-overflow: ellipsis;
  }

  .\[\&_p\]\:whitespace-nowrap p {
    white-space: nowrap;
  }

  .\[\&_pre\]\:m-0\! pre {
    margin: calc(var(--spacing) * 0) !important;
  }

  .\[\&_pre\]\:rounded-t-none\! pre {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .\[\&_pre\]\:rounded-b-\[10px\]\! pre {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .\[\&_pre\]\:bg-components-input-bg-normal\! pre {
    background-color: var(--color-components-input-bg-normal) !important;
  }

  .\[\&_pre\]\:py-2\! pre {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .\[\&_svg\]\:h-7\! svg {
    height: calc(var(--spacing) * 7) !important;
  }

  .\[\&_svg\]\:h-auto svg {
    height: auto;
  }

  .\[\&_svg\]\:w-7\! svg {
    width: calc(var(--spacing) * 7) !important;
  }

  .\[\&_svg\]\:w-auto svg {
    width: auto;
  }

  .\[\&_thead\]\:sticky thead {
    position: sticky;
  }

  .\[\&_thead\]\:top-0 thead {
    top: calc(var(--spacing) * 0);
  }

  .\[\&_thead\]\:z-10 thead {
    z-index: 10;
  }

  .\[\&\.active\]\:bg-state-base-active.active {
    background-color: var(--color-state-base-active);
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .\[\&\>\*\:last-child\]\:after\:inline > :last-child:after {
    content: var(--tw-content);
    display: inline;
  }

  .\[\&\>\*\:last-child\]\:after\:align-baseline > :last-child:after {
    content: var(--tw-content);
    vertical-align: baseline;
  }

  .\[\&\>\*\:last-child\]\:after\:content-\[var\(--streamdown-caret\)\] > :last-child:after {
    --tw-content: var(--streamdown-caret);
    content: var(--tw-content);
  }

  .\[\&\>p\]\:inline > p {
    display: inline;
  }

  li .\[li_\&\]\:pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

/* [project]/web/app/styles/markdown.css [app-client] (css) */
html[data-theme="light"], html[data-theme="dark"] {
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: transparent;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: #d8dee4;
  --color-neutral-muted: #afb8c133;
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}

.markdown-body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: var(--color-text-primary);
  background-color: var(--color-canvas-default);
  word-wrap: break-word;
  word-break: break-word;
  -webkit-user-select: text;
  user-select: text;
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

.markdown-body .octicon {
  fill: currentColor;
  vertical-align: text-bottom;
  display: inline-block;
}

.markdown-body h1:hover .anchor .octicon-link:before, .markdown-body h2:hover .anchor .octicon-link:before, .markdown-body h3:hover .anchor .octicon-link:before, .markdown-body h4:hover .anchor .octicon-link:before, .markdown-body h5:hover .anchor .octicon-link:before, .markdown-body h6:hover .anchor .octicon-link:before {
  content: " ";
  background-color: currentColor;
  width: 16px;
  height: 16px;
  display: inline-block;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}

.markdown-body details, .markdown-body figcaption, .markdown-body figure {
  display: block;
}

.markdown-body summary {
  display: list-item;
}

.markdown-body [hidden] {
  display: none !important;
}

.markdown-body a {
  color: var(--color-text-accent);
  text-decoration: none;
  -webkit-text-decoration-color: var(--color-text-accent);
  text-decoration-color: var(--color-text-accent);
  background-color: #0000;
}

.markdown-body a:hover {
  color: var(--color-text-accent-secondary);
  -webkit-text-decoration-color: var(--color-text-accent-secondary);
  text-decoration-color: var(--color-text-accent-secondary);
  text-decoration: underline;
  position: relative;
}

.markdown-body abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-color: var(--color-text-accent);
  text-decoration-color: var(--color-text-accent);
  border-bottom: none;
  position: relative;
}

.markdown-body abbr[title]:hover:after {
  content: attr(title);
  width: max-content;
  color: var(--color-text-secondary);
  border: .5px solid var(--color-components-panel-border);
  background-color: var(--color-components-tooltip-bg);
  box-shadow: 0px 8px 8px -4px var(--color-shadow-shadow-5),
    0px 20px 24px -4px var(--color-shadow-shadow-5);
  border-radius: .375rem;
  padding: 6px;
  font-size: 12px;
  line-height: 1;
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
}

.markdown-body b, .markdown-body strong {
  font-weight: var(--base-text-weight-bold, 700);
}

.markdown-body dfn {
  font-style: italic;
}

.markdown-body mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-fg-default);
}

.markdown-body small {
  font-size: 90%;
}

.markdown-body sub, .markdown-body sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

.markdown-body sub {
  bottom: -.25em;
}

.markdown-body sup {
  top: -.5em;
}

.markdown-body figure {
  margin: 1em 40px;
}

.markdown-body img {
  box-sizing: content-box;
  border: 2px solid var(--color-effects-image-frame);
  background-color: var(--color-canvas-default);
  border-radius: 0;
  max-width: 100%;
}

.markdown-body code, .markdown-body kbd, .markdown-body pre, .markdown-body samp {
  font-family: monospace;
  font-size: 1em;
}

.markdown-body hr:before {
  content: "";
  display: table;
}

.markdown-body hr:after {
  clear: both;
  content: "";
  display: table;
}

.markdown-body input {
  font: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  overflow: visible;
}

.markdown-body [type="button"], .markdown-body [type="reset"], .markdown-body [type="submit"] {
  -webkit-appearance: button;
}

.markdown-body [type="checkbox"], .markdown-body [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

.markdown-body [type="number"]::-webkit-inner-spin-button {
  height: auto;
}

.markdown-body [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

.markdown-body [type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.markdown-body [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.markdown-body ::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

.markdown-body ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}

.markdown-body table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--color-divider-regular);
  border-radius: 8px;
  width: max-content;
  max-width: 100%;
  display: block;
  overflow: auto;
}

.markdown-body td, .markdown-body th {
  padding: 0;
}

.markdown-body details summary {
  cursor: pointer;
}

.markdown-body details:not([open]) > :not(summary) {
  display: none !important;
}

.markdown-body a:focus, .markdown-body [role="button"]:focus, .markdown-body input[type="radio"]:focus, .markdown-body input[type="checkbox"]:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body a:focus:not(:focus-visible) {
  outline: 1px solid #0000;
}

.markdown-body [role="button"]:focus:not(:focus-visible) {
  outline: 1px solid #0000;
}

.markdown-body input[type="radio"]:focus:not(:focus-visible) {
  outline: 1px solid #0000;
}

.markdown-body input[type="checkbox"]:focus:not(:focus-visible) {
  outline: 1px solid #0000;
}

.markdown-body a:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body [role="button"]:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body input[type="radio"]:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.markdown-body input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

:is(.markdown-body a:not([class]):focus, .markdown-body a:not([class]):focus-visible, .markdown-body input[type="radio"]:focus, .markdown-body input[type="radio"]:focus-visible, .markdown-body input[type="checkbox"]:focus, .markdown-body input[type="checkbox"]:focus-visible) {
  outline-offset: 0;
}

.markdown-body kbd {
  color: var(--color-text-primary);
  vertical-align: middle;
  background-color: var(--color-components-input-bg-normal);
  border-radius: 6px;
  padding: 2px 6px;
  font: 11px / 1 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  display: inline-block;
}

.markdown-body h1 {
  font-size: 18px;
}

.markdown-body h2 {
  font-size: 16px;
}

.markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  font-size: 14px;
}

.markdown-body blockquote {
  border-left: 3px solid var(--color-text-accent-secondary);
  margin: 0;
  padding: 0 12px;
}

.markdown-body ol {
  list-style: decimal;
}

.markdown-body ul {
  list-style: outside;
}

.markdown-body > ol, .markdown-body > ul {
  padding: 0;
}

.markdown-body ol ol, .markdown-body ul ol {
  list-style-type: lower-roman;
}

.markdown-body ul ul ol, .markdown-body ul ol ol, .markdown-body ol ul ol, .markdown-body ol ol ol {
  list-style-type: lower-alpha;
}

.markdown-body dd {
  margin-left: 0;
}

.markdown-body tt, .markdown-body code, .markdown-body samp {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

.markdown-body pre {
  word-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

.markdown-body .octicon {
  vertical-align: text-bottom;
  fill: currentColor;
  display: inline-block;
  overflow: visible !important;
}

.markdown-body input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.markdown-body input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.markdown-body:before {
  content: "";
  display: table;
}

.markdown-body:after {
  clear: both;
  content: "";
  display: table;
}

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-body .absent {
  color: var(--color-danger-fg);
}

.markdown-body .anchor {
  float: left;
  margin-left: -20px;
  padding-right: 4px;
  line-height: 1;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body ul, .markdown-body ol {
  padding-left: 2em;
}

.markdown-body ul[role="listbox"] {
  padding-left: 0 !important;
  list-style: none !important;
}

.markdown-body blockquote > :first-child {
  margin-top: 0;
}

.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}

.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}

.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor {
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code {
  font-size: inherit;
  padding: 0 .2em;
}

.markdown-body summary h1, .markdown-body summary h2, .markdown-body summary h3, .markdown-body summary h4, .markdown-body summary h5, .markdown-body summary h6 {
  display: inline-block;
}

.markdown-body summary h1 .anchor, .markdown-body summary h2 .anchor, .markdown-body summary h3 .anchor, .markdown-body summary h4 .anchor, .markdown-body summary h5 .anchor, .markdown-body summary h6 .anchor {
  margin-left: -40px;
}

.markdown-body summary h1, .markdown-body summary h2 {
  border-bottom: 0;
  padding-bottom: 0;
}

.markdown-body ul.no-list, .markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}

.markdown-body ol[type="a"] {
  list-style-type: lower-alpha;
}

.markdown-body ol[type="A"] {
  list-style-type: upper-alpha;
}

.markdown-body ol[type="i"] {
  list-style-type: lower-roman;
}

.markdown-body ol[type="I"] {
  list-style-type: upper-roman;
}

.markdown-body ol[type="1"], .markdown-body div > ol:not([type]) {
  list-style-type: decimal;
}

.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  font-size: 1em;
  font-style: italic;
  font-weight: var(--base-text-weight-semibold, 600);
  margin-top: 16px;
  padding: 0;
}

.markdown-body dl dd {
  margin-bottom: 16px;
  padding: 0 16px;
}

.markdown-body table th {
  color: var(--color-text-tertiary);
  font-size: 12px;
  font-weight: var(--base-text-weight-medium, 500);
  white-space: nowrap;
}

.markdown-body table td {
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: var(--base-text-weight-normal, 400);
  white-space: nowrap;
}

.markdown-body table th, .markdown-body table td {
  padding: 6px 13px;
}

.markdown-body table tr > th:not(:last-child), .markdown-body table tr > td:not(:last-child) {
  border-right: 1px solid var(--color-divider-subtle);
}

.markdown-body table tbody tr:first-child td {
  border-top: 1px solid var(--color-divider-regular);
}

.markdown-body table tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--color-divider-subtle);
}

[data-streamdown="table-wrapper"] {
  border-color: var(--color-divider-subtle);
}

[data-streamdown="table-wrapper"] > div:has( > [data-streamdown="table"]) {
  border: none;
}

[data-streamdown="table-wrapper"] > div:first-child button {
  color: var(--color-text-tertiary);
}

[data-streamdown="table-wrapper"] > div:first-child button:hover {
  color: var(--color-text-primary);
}

[data-streamdown="table-wrapper"] > div:first-child > div > div {
  background-color: var(--color-components-panel-bg);
  border-color: var(--color-divider-subtle);
}

[data-streamdown="table-wrapper"] > div:first-child > div > div button:hover {
  color: var(--color-components-menu-item-text-hover);
  background-color: var(--color-components-menu-item-bg-hover);
}

[data-streamdown="table-fullscreen"] {
  background-color: var(--color-components-panel-bg);
  color: var(--color-text-primary);
}

[data-streamdown="table-fullscreen"] button {
  color: var(--color-text-tertiary);
}

[data-streamdown="table-fullscreen"] button:hover {
  color: var(--color-text-primary);
  background-color: var(--color-background-section-burn);
}

[data-streamdown="table-fullscreen"] table[data-streamdown="table"] {
  border-color: var(--color-divider-regular);
}

[data-streamdown="table-fullscreen"] [data-streamdown="table-header"] {
  background-color: var(--color-background-section-burn);
}

[data-streamdown="table-fullscreen"] [data-streamdown="table-header"] th {
  color: var(--color-text-tertiary);
}

[data-streamdown="table-fullscreen"] [data-streamdown="table-body"], [data-streamdown="table-fullscreen"] [data-streamdown="table-body"] > tr {
  border-color: var(--color-divider-subtle);
}

[data-streamdown="table-fullscreen"] [data-streamdown="table-body"] td {
  color: var(--color-text-secondary);
}

.markdown-body table img {
  background-color: #0000;
}

.markdown-body img[align="right"] {
  padding-left: 20px;
}

.markdown-body img[align="left"] {
  padding-right: 20px;
}

.markdown-body .emoji {
  vertical-align: text-top;
  background-color: #0000;
  max-width: none;
}

.markdown-body span.frame {
  display: block;
  overflow: hidden;
}

.markdown-body span.frame > span {
  float: left;
  border: 1px solid var(--color-border-default);
  width: auto;
  margin: 13px 0 0;
  padding: 7px;
  display: block;
  overflow: hidden;
}

.markdown-body span.frame span img {
  float: left;
  display: block;
}

.markdown-body span.frame span span {
  clear: both;
  color: var(--color-fg-default);
  padding: 5px 0 0;
  display: block;
}

.markdown-body span.align-center {
  clear: both;
  display: block;
  overflow: hidden;
}

.markdown-body span.align-center > span {
  text-align: center;
  margin: 13px auto 0;
  display: block;
  overflow: hidden;
}

.markdown-body span.align-center span img {
  text-align: center;
  margin: 0 auto;
}

.markdown-body span.align-right {
  clear: both;
  display: block;
  overflow: hidden;
}

.markdown-body span.align-right > span {
  text-align: right;
  margin: 13px 0 0;
  display: block;
  overflow: hidden;
}

.markdown-body span.align-right span img {
  text-align: right;
  margin: 0;
}

.markdown-body span.float-left {
  float: left;
  margin-right: 13px;
  display: block;
  overflow: hidden;
}

.markdown-body span.float-left span {
  margin: 13px 0 0;
}

.markdown-body span.float-right {
  float: right;
  margin-left: 13px;
  display: block;
  overflow: hidden;
}

.markdown-body span.float-right > span {
  text-align: right;
  margin: 13px auto 0;
  display: block;
  overflow: hidden;
}

.markdown-body code, .markdown-body tt {
  white-space: break-spaces;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
  margin: 0;
  padding: .2em .4em;
  font-size: 85%;
}

.markdown-body code br, .markdown-body tt br {
  display: none;
}

.markdown-body del code {
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

.markdown-body samp {
  font-size: 85%;
}

.markdown-body pre code {
  font-size: 100%;
  white-space: pre-wrap !important;
}

.markdown-body pre > code {
  word-break: normal;
  white-space: pre-wrap;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.markdown-body .highlight {
  margin-bottom: 16px;
}

.markdown-body .highlight pre {
  word-break: normal;
  margin-bottom: 0;
}

.markdown-body .highlight pre, .markdown-body pre {
  background-color: #0000;
  padding: 16px;
  font-size: 85%;
  line-height: 1.45;
  overflow: auto;
}

.markdown-body pre {
  padding: 0;
}

.markdown-body pre code, .markdown-body pre tt {
  max-width: 100%;
  line-height: inherit;
  word-wrap: normal;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  overflow-x: auto;
}

.markdown-body .csv-data td, .markdown-body .csv-data th {
  text-align: left;
  white-space: nowrap;
  padding: 5px;
  font-size: 12px;
  line-height: 1;
  overflow: hidden;
}

.markdown-body .csv-data .blob-num {
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
  padding: 10px 8px 9px;
}

.markdown-body .csv-data tr {
  border-top: 0;
}

.markdown-body .csv-data th {
  font-weight: var(--base-text-weight-semibold, 600);
  background: var(--color-canvas-subtle);
  border-top: 0;
}

.markdown-body [data-footnote-ref]:before {
  content: "[";
}

.markdown-body [data-footnote-ref]:after {
  content: "]";
}

.markdown-body .footnotes {
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
  font-size: 12px;
}

.markdown-body .footnotes ol {
  padding-left: 16px;
}

.markdown-body .footnotes ol ul {
  margin-top: 16px;
  padding-left: 16px;
  display: inline-block;
}

.markdown-body .footnotes li {
  position: relative;
}

.markdown-body .footnotes li:target:before {
  pointer-events: none;
  content: "";
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
  position: absolute;
  inset: -8px -8px -8px -24px;
}

.markdown-body .footnotes li:target {
  color: var(--color-fg-default);
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}

.markdown-body .pl-c {
  color: var(--color-prettylights-syntax-comment);
}

.markdown-body .katex {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal !important;
}

.markdown-body .katex-display {
  overflow-x: auto;
}

.markdown-body .pl-c1, .markdown-body .pl-s .pl-v {
  color: var(--color-prettylights-syntax-constant);
}

.markdown-body .pl-e, .markdown-body .pl-en {
  color: var(--color-prettylights-syntax-entity);
}

.markdown-body .pl-smi, .markdown-body .pl-s .pl-s1 {
  color: var(--color-prettylights-syntax-storage-modifier-import);
}

.markdown-body .pl-ent {
  color: var(--color-prettylights-syntax-entity-tag);
}

.markdown-body .pl-k {
  color: var(--color-prettylights-syntax-keyword);
}

.markdown-body .pl-s, .markdown-body .pl-pds, .markdown-body .pl-s .pl-pse .pl-s1, .markdown-body .pl-sr, .markdown-body .pl-sr .pl-cce, .markdown-body .pl-sr .pl-sre, .markdown-body .pl-sr .pl-sra {
  color: var(--color-prettylights-syntax-string);
}

.markdown-body .pl-v, .markdown-body .pl-smw {
  color: var(--color-prettylights-syntax-variable);
}

.markdown-body .pl-bu {
  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}

.markdown-body .pl-ii {
  color: var(--color-prettylights-syntax-invalid-illegal-text);
  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}

.markdown-body .pl-c2 {
  color: var(--color-prettylights-syntax-carriage-return-text);
  background-color: var(--color-prettylights-syntax-carriage-return-bg);
}

.markdown-body .pl-sr .pl-cce {
  color: var(--color-prettylights-syntax-string-regexp);
  font-weight: bold;
}

.markdown-body .pl-ml {
  color: var(--color-prettylights-syntax-markup-list);
}

.markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms {
  color: var(--color-prettylights-syntax-markup-heading);
  font-weight: bold;
}

.markdown-body .pl-mi {
  color: var(--color-prettylights-syntax-markup-italic);
  font-style: italic;
}

.markdown-body .pl-mb {
  color: var(--color-prettylights-syntax-markup-bold);
  font-weight: bold;
}

.markdown-body .pl-md {
  color: var(--color-prettylights-syntax-markup-deleted-text);
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}

.markdown-body .pl-mi1 {
  color: var(--color-prettylights-syntax-markup-inserted-text);
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}

.markdown-body .pl-mc {
  color: var(--color-prettylights-syntax-markup-changed-text);
  background-color: var(--color-prettylights-syntax-markup-changed-bg);
}

.markdown-body .pl-mi2 {
  color: var(--color-prettylights-syntax-markup-ignored-text);
  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}

.markdown-body .pl-mdr {
  color: var(--color-prettylights-syntax-meta-diff-range);
  font-weight: bold;
}

.markdown-body .pl-ba {
  color: var(--color-prettylights-syntax-brackethighlighter-angle);
}

.markdown-body .pl-sg {
  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}

.markdown-body .pl-corl {
  color: var(--color-prettylights-syntax-constant-other-reference-link);
  text-decoration: underline;
}

.markdown-body g-emoji {
  min-width: 1ch;
  font-family: Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1em;
  font-weight: var(--base-text-weight-normal, 400);
  vertical-align: -.075em;
  line-height: 1;
  display: inline-block;
  font-style: normal !important;
}

.markdown-body g-emoji img {
  width: 1em;
  height: 1em;
}

.markdown-body .task-list-item {
  list-style-type: none;
}

.markdown-body .task-list-item label {
  font-weight: var(--base-text-weight-normal, 400);
}

.markdown-body .task-list-item.enabled label {
  cursor: pointer;
}

.markdown-body .task-list-item + .task-list-item {
  margin-top: 4px;
}

.markdown-body .task-list-item .handle {
  display: none;
}

.markdown-body .task-list-item-checkbox {
  vertical-align: middle;
  margin: 0 .2em .25em -1.4em;
}

.markdown-body .contains-task-list:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .task-list-item-checkbox {
  margin: 0 -1.6em .25em .2em;
}

.markdown-body .contains-task-list {
  position: relative;
}

.markdown-body .contains-task-list:hover .task-list-item-convert-container, .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
  clip: auto;
  width: auto;
  height: 24px;
  display: block;
  overflow: visible;
}

.markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}

.markdown-body .abcjs-inline-audio .abcjs-btn {
  display: flex !important;
}

/*# sourceMappingURL=web_app_styles_0rhaq0b._.css.map*/