.audio-player input[type="range"] {
  background: linear-gradient(to right, black 0%, black 0%, gray 0%, gray 100%);
}

.audio-player input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}

.audio-player input[type="range"]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}

/* Import prosemirror-tables styles for table resizing */

.ProseMirror .tableWrapper {
  overflow-x: auto;
}

.ProseMirror table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.ProseMirror td,
.ProseMirror th {
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}

.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
  /* if there's no explicit width set and the column is not being resized, set a default width */
  min-width: var(--default-cell-min-width);
}

.ProseMirror .column-resize-handle {
  position: absolute;
  right: -2px;
  top: 0;
  bottom: 0;
  width: 4px;
  z-index: 20;
  background-color: #adf;
  pointer-events: none;
}

.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}

/* Give selected cells a blue overlay */

.ProseMirror .selectedCell:after {
  z-index: 2;
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(200, 200, 255, 0.4);
  pointer-events: none;
}

/* CSS Variables for TipTap styles */

:root {
  --purple: #8c5ee1;
  --purple-light: rgba(140, 94, 225, 0.05);
  --black: #2E2B29;
  --white: #ffffff;
  --gray-2: #e5e7eb;
  --gray-3: #d1d5db;
  --gray-4: #9ca3af;
  --gray-5: #6b7280;
  --yellow: #faebb6;
  --yellow-light: #fef3c7;
  --yellow-contrast: #fbbf24;
  --thread-selected-bg: rgba(50, 105, 180, 0.18);
  --thread-selected-pulse-bg: rgba(50, 105, 180, 0.3);
  --thread-selected-pulse-ring-strong: rgba(50, 105, 180, 0.2);
  --thread-selected-pulse-ring-soft: rgba(50, 105, 180, 0.1);
  --green: #10b981;
  --red: #ef4444;
}

.tiptap-autosave-status-floating {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 20 !important;
  pointer-events: all !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  > div {
    display: inline-flex !important;
    margin: 0 !important;
    height: auto !important;
    padding: 0 !important;
  }
  span {
    pointer-events: all !important;
  }
}

.table-line-dragging,
.table-line-dragging * {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.table-line-dragging [role="tooltip"] {
  display: none !important;
}

.tiptap-editor {
  position: relative;
  width: 100%;
  text-align: left;
  font-size: 15px;
  min-height: 500px;
  padding-bottom: 30vh;
  cursor: text;
  /* Prevent ring on editor container during drag operations */
  [data-tiptap--core--editor-target="editor"] {
    outline: none !important;
    box-shadow: none !important;
    --tw-ring-shadow: none !important;
    &:focus,
    &:focus-visible,
    &:focus-within {
      outline: none !important;
      box-shadow: none !important;
      --tw-ring-shadow: none !important;
    }
  }
  .tiptap {
    width: 100%;
    padding: 10px 10px 10px 12px;
    font-size: 15px;
    font-family: "Inter UI", "SF Pro Display", -apple-system, system-ui,
      BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /* Notion-like body rhythm (their default is 1.5); also gives inline code
       chips (~20px tall) room inside the line box. */
    line-height: 1.5;
    &:focus,
    &:focus-visible,
    &:focus-within {
      outline: none !important;
      border: none !important;
      box-shadow: none !important;
    }
    > :first-child {
      margin-top: 0;
    }
    /* Spacing between block elements */
    > * + * {
      margin-top: 1em;
    }
    /* Extend every top-level block's hit area into the left gutter so the drag
       handle appears when hovering the margin. Applies to every direct child
       (the same "block" model as the `> * + *` spacing rule above), so new block
       types get this automatically — no allowlist to maintain. */
    > *:not(.ProseMirror-gapcursor) {
      position: relative;
      &::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100px;
        width: 100px;
      }
    }
  }
  .ProseMirror {
    &:focus,
    &:focus-visible {
      outline: none !important;
      border: none !important;
      box-shadow: none !important;
    }
  }
  .tiptap {
    /* List styles */
    ul,
    ol {
      padding: 0 1rem;
      /* Tight vertical rhythm so a list hugs the block above it rather than
         floating in a stray gap. Left/right keep the list gutter. */
      margin: 0.5rem 1rem 0.5rem 0.4rem;
      li p {
        margin-top: 0.25em;
        margin-bottom: 0.25em;
      }
      /* Remove top/bottom margin on nested lists to avoid gaps inside list items */
      ul,
      ol {
        margin-top: 0;
        margin-bottom: 0;
      }
    }
    ul {
      list-style-type: disc;
      padding-left: 1.5rem;
    }
    ol {
      list-style-type: decimal;
      padding-left: 1.5rem;
    }
    li {
      display: list-item;
    }
    /* Heading styles */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-weight: 600;
      line-height: 1.1;
      margin-top: 2.5rem;
      text-wrap: pretty;
      /* Ensure bold/strong inside headings matches heading weight (no visual change when toggling bold) */
      strong,
      b {
        font-weight: inherit;
      }
    }
    h1,
    h2,
    h3 {
      margin-top: 2rem;
      margin-bottom: 1.5rem;
    }
    h1 {
      font-size: 1.875rem;
    }
    h2 {
      font-size: 1.5rem;
    }
    h3 {
      font-size: 1.25rem;
    }
    h4,
    h5,
    h6 {
      font-size: 1.125rem;
    }
    /* Title node styles (first H1 in retrospective documents) */
    /* The title node has data-node-type="title" when using DocumentWithTitle schema */
    > h1:first-child {
      font-size: 2rem;
      font-weight: 700;
      color: #111827;
      margin-top: 0;
      margin-bottom: 1.5rem;
      padding-bottom: 0.5rem;
      /* Placeholder for empty title - uses TipTap's data-placeholder attribute */
      &.is-empty::before {
        content: attr(data-placeholder);
        color: var(--gray-4);
        float: left;
        height: 0;
        pointer-events: none;
      }
      /* Override the default "Heading 1" placeholder for title */
      &:has(> br.ProseMirror-trailingBreak:only-child)::before,
      &:has(> br:only-child)::before {
        content: attr(data-placeholder);
      }
    }
    /* Code and preformatted text styles. Inline code copies Notion's
       light-mode chip (font stack, gray surface, red text, 85% relative
       size, normal line-height, slight baseline drop) so chips hug the
       surrounding text without disturbing line spacing, and the rendered
       width stays close to the raw backtick text it replaces when streamed
       AI content is swapped for the final markdown render. */
    code {
      background: rgba(135, 131, 120, 0.15);
      border-radius: 4px;
      color: #eb5757;
      font-family: "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace;
      font-size: 85%;
      line-height: normal;
      padding: 0.2em 0.4em;
      position: relative;
      bottom: 0.065em;
    }
    pre {
      background: var(--black);
      border-radius: 0.5rem;
      color: var(--white);
      font-family: 'JetBrainsMono', monospace;
      margin: 1.5rem 0;
      padding: 0.75rem 1rem;
      code {
        background: none;
        color: inherit;
        font-family: inherit;
        font-size: 0.8rem;
        line-height: inherit;
        padding: 0;
        position: static;
        display: block;
        overflow-x: auto;
      }
    }
    blockquote {
      border-left: 3px solid var(--gray-3);
      margin: 1.5rem 0;
      padding-left: 1rem;
    }
    hr:not(.dropdown-divider) {
      border: none;
      border-top: 1px solid var(--gray-2);
      margin: 2rem 0;
    }
    /* Placeholder for paragraphs and other blocks - only visible when current (default TipTap behavior) */
    .is-empty:not(td):not(th):not(.tiptap-table-cell):not(.tiptap-table-header):not(h1):not(h2):not(h3)::before {
      color: var(--gray-4);
      content: attr(data-placeholder);
      float: left;
      height: 0;
      pointer-events: none;
    }
    /* Hide placeholder on table wrapper and inside table cells */
    .tableWrapper.is-empty::before,
    .tableWrapper td .is-empty::before,
    .tableWrapper th .is-empty::before,
    .tableWrapper .tiptap-table-cell .is-empty::before,
    .tableWrapper .tiptap-table-header .is-empty::before,
    table td .is-empty::before,
    table th .is-empty::before,
    td.tiptap-table-cell .is-empty::before,
    th.tiptap-table-header .is-empty::before {
      content: none;
      display: none;
    }
    /* Persistent placeholder for headings - always visible when empty (has only a trailing break) */
    /* Uses :has() to detect empty headings that contain only the ProseMirror trailing break */
    h1:has(> br.ProseMirror-trailingBreak:only-child)::before,
    h1:has(> br:only-child)::before {
      color: var(--gray-4);
      content: "Heading 1";
      float: left;
      height: 0;
      pointer-events: none;
    }
    h2:has(> br.ProseMirror-trailingBreak:only-child)::before,
    h2:has(> br:only-child)::before {
      color: var(--gray-4);
      content: "Heading 2";
      float: left;
      height: 0;
      pointer-events: none;
    }
    h3:has(> br.ProseMirror-trailingBreak:only-child)::before,
    h3:has(> br:only-child)::before {
      color: var(--gray-4);
      content: "Heading 3";
      float: left;
      height: 0;
      pointer-events: none;
    }
    /* When heading is the current node and empty, TipTap adds is-empty class - override with heading placeholder */
    h1.is-empty::before {
      content: "Heading 1" !important;
    }
    h2.is-empty::before {
      content: "Heading 2" !important;
    }
    h3.is-empty::before {
      content: "Heading 3" !important;
    }
    /* Data block font size */
    .timeline-data-block,
    .followups-data-block {
      font-size: 14px;
    }
    .timeline-node-view,
    .followups-node-view {
      position: relative;
    }
    .timeline-node-view,
    .followups-node-view {
      margin-left: -0.75rem;
    }
    .timeline-node-view,
    .followups-node-view {
      border-radius: 0.75rem;
    }
    .timeline-node-view,
    .followups-node-view {
      border-width: 2px;
    }
    .timeline-node-view,
    .followups-node-view {
      border-color: transparent;
    }
    .timeline-node-view,
    .followups-node-view {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .timeline-node-view,
    .followups-node-view {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .timeline-node-view,
    .followups-node-view {
      transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .timeline-node-view,
    .followups-node-view {
      transition-duration: 150ms;
    }
    .timeline-node-view,
    .followups-node-view {
      &:hover,
      &:focus-within,
      &:has([data-v2-dropdown-open]) {
        --tw-border-opacity: 1;
        border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
      }
      &.ProseMirror-selectednode {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &[contenteditable="true"] .timeline-node-view.ProseMirror-selectednode,
    &[contenteditable="true"] .followups-node-view.ProseMirror-selectednode {
      --tw-border-opacity: 1;
      border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
    }
    /* General block selection styling (drag handle click) - mimics text selection highlight */
    > p.ProseMirror-selectednode,
    > h1.ProseMirror-selectednode,
    > h2.ProseMirror-selectednode,
    > h3.ProseMirror-selectednode,
    > h4.ProseMirror-selectednode,
    > h5.ProseMirror-selectednode,
    > h6.ProseMirror-selectednode,
    > ul.ProseMirror-selectednode,
    > ol.ProseMirror-selectednode,
    > blockquote.ProseMirror-selectednode,
    > pre.ProseMirror-selectednode,
    > hr.ProseMirror-selectednode {
      background-color: rgba(55, 114, 255, 0.15);
      border-radius: 2px;
    }
    /* Paint the selected-table highlight on the cells (over their own
       background, e.g. gray headers) so it stops at the table edges. Not a
       direct-child selector: tables can sit inside AI blocks or block threads. */
    &[contenteditable="true"] .tableWrapper.ProseMirror-selectednode,
    &[contenteditable="true"] .table-wrapper.ProseMirror-selectednode {
      th,
      td {
        background-image: linear-gradient(rgba(55, 114, 255, 0.15), rgba(55, 114, 255, 0.15));
      }
    }
    /* Image styling - exclude component icons and images inside data blocks */
    img:not(.integration-icon):not(.timeline-data-block *):not(.followups-data-block *):not(.tiptap-image):not(.v2-mention *) {
      display: block;
      height: auto;
      margin: 1.5rem 0;
      max-width: 100%;
      &.ProseMirror-selectednode {
        outline: 3px solid var(--purple);
      }
    }
    /* Image wrapper with loading states */
    .tiptap-image-wrapper {
      position: relative;
      display: block;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 1.5rem 0;
      /* Hidden skeleton - not used but kept for structure */
      .tiptap-image-skeleton {
        display: none;
      }
      /* Actual image */
      .tiptap-image {
        display: block;
        height: auto;
        max-width: 100%;
        opacity: 1;
        transition: opacity 0.3s ease;
      }
      /* Loading state - partial opacity with pulse */
      &[data-loading="true"] {
        .tiptap-image {
          opacity: 0.5;
          animation: imagePulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
      }
      /* Loaded state - ensure full opacity */
      &[data-loading="false"] {
        .tiptap-image {
          opacity: 1;
        }
      }
      /* Error state */
      &[data-error="true"] {
        .tiptap-image {
          opacity: 0.5;
          filter: grayscale(100%);
          animation: none;
        }
        &::after {
          content: "⚠";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: var(--gray-5);
          font-size: 1.5rem;
          background-color: rgba(255, 255, 255, 0.9);
          padding: 0.5rem;
          border-radius: 50%;
          width: 2.5rem;
          height: 2.5rem;
          display: flex;
          align-items: center;
          justify-content: center;
        }
      }
      /* Selection state */
      &.ProseMirror-selectednode {
        outline: 3px solid var(--purple);
        border-radius: 0.375rem;
      }
    }
    /* Task list specific styles */
    ul[data-type="taskList"] {
      list-style: none;
      margin-left: 0;
      padding: 0;
      li {
        align-items: flex-start;
        display: flex;
        > label {
          flex: 0 0 auto;
          margin-right: 0.5rem;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
        }
        > div {
          flex: 1 1 auto;
        }
      }
      input[type="checkbox"] {
        cursor: pointer;
      }
      ul[data-type="taskList"] {
        margin: 0;
      }
    }
    p {
      word-break: break-word;
    }
    /* AI Changes color variables */
    --color-green-100: #dcfce7;
    --color-green-700: #15803d;
    --color-red-100: #fee2e2;
    --color-red-700: #991b1b;
    /* AI Suggestion Streaming styles */
    .tiptap-ai-suggestion {
      --tiptap-ai-suggestion-color: #8c5ee1;
      --tiptap-ai-suggestion-background-color: #f5f3fc;
      border-bottom: 2px solid var(--tiptap-ai-suggestion-color);
      margin-bottom: -2px;
      background-color: transparent;
      transition: background-color 0.3s ease;
    }
    .tiptap-ai-suggestion--selected {
      background-color: var(--tiptap-ai-suggestion-background-color);
      transition: background-color 0.5s;
    }
    /* AI Changes highlight styles */
    .tiptap-ai-changes--new {
      background-color: var(--color-green-100);
      border-bottom: 2px solid var(--color-green-700);
      border-radius: 2px;
      padding: 0.1em 0.2em;
      transition: background-color 0.3s ease;
    }
    .tiptap-ai-changes--old {
      background-color: var(--color-red-100);
      color: var(--color-red-700);
      text-decoration: line-through;
      border-radius: 2px;
      padding: 0.1em 0.2em;
      transition: background-color 0.3s ease;
    }
    /* AI Review Buttons - Absolute positioning below AI changes */
    .ai-review-buttons-inline {
      position: absolute;
      left: 0;
      top: 100%;
      margin-top: 8px;
      animation: fadeInUp 0.3s ease-in-out;
      z-index: 10;
      button {
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        &:hover {
          transform: translateY(-1px);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        &:active {
          transform: translateY(0);
        }
      }
    }
    .tiptap-table {
      .tiptap-table-row {
        .tiptap-table-cell:first-child {
          border-left: none;
        }
        .tiptap-table-cell:last-child {
          border-right: none;
        }
      }
    }
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(-8px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    /* Table wrapper - prevent scrollbars from controls extending outside */
    .tableWrapper {
      overflow: visible !important;
      /* Clear the "add row" control (positioned bottom: -20px, 16px tall) so it
         doesn't collide with the block below. The generic `> * + *` rule only
         gives the next block 1em (~15px), which the control eats entirely. */
      margin-bottom: 2rem;
    }
    .tableScroller {
      contain: inline-size;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      /* Keeps the 2px top cell outline (inset: -1px) from being clipped. */
      padding-top: 1px;
      margin-top: -1px;
      scrollbar-color: auto;
      &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }
      &::-webkit-scrollbar-thumb {
        background-color: rgba(156, 163, 175, 0.8);
        /* gray-400 */
        border-radius: 4px;
      }
      &::-webkit-scrollbar-thumb:hover {
        background-color: rgba(107, 114, 128, 0.9);
        /* gray-500 */
      }
      &::-webkit-scrollbar-track {
        background-color: rgba(243, 244, 246, 0.5);
        /* gray-100 */
        border-radius: 4px;
      }
    }
    @supports (-moz-appearance: none) {
      .tableScroller {
        scrollbar-width: thin;
      }
    }
    .tableScroller[data-overflow-left],
    .tableScroller[data-overflow-right] {
      --table-fade-left: 0px;
      --table-fade-right: 0px;
      --table-fade-mask: linear-gradient(
        to right,
        transparent,
        #000 var(--table-fade-left),
        #000 calc(100% - var(--table-fade-right)),
        transparent
      );
      -webkit-mask-image: var(--table-fade-mask), linear-gradient(#000, #000);
      mask-image: var(--table-fade-mask), linear-gradient(#000, #000);
      -webkit-mask-position: top, bottom;
      mask-position: top, bottom;
      -webkit-mask-size: 100% calc(100% - 8px), 100% 8px;
      mask-size: 100% calc(100% - 8px), 100% 8px;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
    .tableScroller[data-overflow-left] {
      --table-fade-left: 24px;
    }
    .tableScroller[data-overflow-right] {
      --table-fade-right: 24px;
    }
    @media print {
      .tableScroller,
      .tableScroller[data-overflow-left],
      .tableScroller[data-overflow-right] {
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
      }

      .tableScroller > table {
        table-layout: auto;
        min-width: 0 !important;
        max-width: 100%;
      }

      .tableScroller > table > colgroup > col {
        width: auto !important;
        min-width: 0 !important;
      }

      .table-controls-container,
      .table-selection-cell::before,
      .table-band-cell::before {
        display: none;
      }
    }
    /* ProseMirror tables default to overflow: hidden, which clips caret labels above cells. */
    .tableWrapper table {
      overflow: visible;
    }
    /* The scroller clips anything above the first row, so render first-row caret labels below the caret. */
    .tableScroller tr:first-child .collaboration-carets__label {
      top: auto;
      bottom: -1.6em;
      border-radius: 0 3px 3px 3px;
    }
    /* Table header cells - gray background */
    table th {
      background-color: #f3f4f6;
      /* gray-100 */
    }
    /* Space stacked block children (lists/paragraphs) in rich ai_custom table cells. */
    table td > * + *,
    table th > * + * {
      margin-top: 0.5rem;
    }
    /* Table Controls Container - injected into .tableWrapper */
    .table-controls-container {
      pointer-events: none;
    }
    /* Table Add Controls - buttons on right/bottom edges of tables */
    .table-add-control {
      position: absolute;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      border: 1px solid #dcd9d7;
      border-radius: 4px;
      background-color: #ffffff;
      color: #87817b;
      cursor: pointer;
      opacity: 0;
      pointer-events: auto;
      transition: opacity 0.15s ease;
      &:hover,
      &:focus-visible {
        opacity: 1;
      }
      &:focus-visible {
        outline: none;
        border-color: #5446a2;
        box-shadow: 0 2px 8px 0 rgba(151, 146, 218, 0.25);
      }
      svg {
        display: block;
        flex-shrink: 0;
      }
    }
    /* Add column button - vertical bar on the right */
    .table-add-column-control {
      width: 16px;
    }
    /* Add row button - horizontal bar on the bottom */
    .table-add-row-control {
      bottom: -20px;
      height: 16px;
    }
    .table-handle {
      position: absolute;
      z-index: 4;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      border: 1px solid transparent;
      border-radius: 4px;
      background-color: transparent;
      color: #87817b;
      cursor: -webkit-grab;
      cursor: grab;
      pointer-events: auto;
      touch-action: none;
      &[hidden] {
        display: none;
      }
      &::before {
        content: "";
        position: absolute;
      }
      svg {
        display: block;
        width: 16px;
        height: 16px;
        opacity: 0;
      }
      &:hover,
      &:focus-visible,
      &.is-open {
        border-color: #dcd9d7;
        background-color: #f7f7f6;
        &::before {
          opacity: 0;
        }
        svg {
          opacity: 1;
        }
      }
      &:focus-visible {
        outline: none;
        border-color: #5446a2;
        box-shadow: 0 2px 8px 0 rgba(151, 146, 218, 0.25);
      }
      &.is-open {
        border-color: #5446a2;
        background-color: #5446a2;
        box-shadow: 0 2px 8px 0 rgba(151, 146, 218, 0.25);
        color: #ffffff;
      }
    }
    .table-row-handle {
      width: 16px;
      height: 24px;
      &::before {
        top: -1px;
        left: 6px;
        width: 2px;
        height: 24px;
        background-image:
          linear-gradient(to bottom, #ffffff 4px, #5446a2 4px 20px, #ffffff 20px),
          linear-gradient(to bottom, transparent 4px, #5446a2 4px 20px, transparent 20px);
        background-position: left, right;
        background-repeat: no-repeat;
        background-size: 1px 100%;
      }
    }
    .table-column-handle {
      width: 24px;
      height: 16px;
      &::before {
        top: 6px;
        left: -1px;
        width: 24px;
        height: 2px;
        background-image:
          linear-gradient(to right, #ffffff 4px, #5446a2 4px 20px, #ffffff 20px),
          linear-gradient(to right, transparent 4px, #5446a2 4px 20px, transparent 20px);
        background-position: top, bottom;
        background-repeat: no-repeat;
        background-size: 100% 1px;
      }
      svg {
        transform: rotate(90deg);
      }
    }
    &:not(.ProseMirror-focused) .table-controls-container:not(.is-focused) .table-handle:not(.is-open):not(:focus-visible):not(.table-hover-handle) {
      visibility: hidden;
    }
    .table-drop-indicator {
      position: absolute;
      z-index: 3;
      border-radius: 1px;
      background-color: #5446a2;
      pointer-events: none;
      &[hidden] {
        display: none;
      }
    }
    .table-drag-ghost {
      position: absolute;
      z-index: 2;
      overflow: hidden;
      background-color: #ffffff;
      outline: 2px solid #5446a2;
      box-shadow: 0px 20px 32px -12px rgba(0,0,0,0.2), 0px 10px 16px -6px rgba(0,0,0,0.08), 0px 3px 6px 0px rgba(0,0,0,0.08);
      opacity: 0.9;
      pointer-events: none;
    }
    .table-line-dragging & .table-band-cell {
      background-color: #f3f3fa;
      > * {
        opacity: 0.4;
      }
    }
    &.ProseMirror-focused .table-selection-cell::before,
    .table-band-cell::before {
      content: "";
    }
    .table-selection-cell::before,
    .table-band-cell::before {
      position: absolute;
      inset: -1px;
      z-index: 1;
      border: 0 solid #5446a2;
      pointer-events: none;
    }
    .table-outline-top::before {
      border-top-width: 2px;
    }
    .table-outline-right::before {
      border-right-width: 2px;
    }
    .table-outline-bottom::before {
      border-bottom-width: 2px;
    }
    .table-outline-left::before {
      border-left-width: 2px;
    }
    .table-cell-first-row::before,
    .table-cell-first-column::before {
      --table-notch-cut-x: linear-gradient(to right, #000 calc(50% - 12px), transparent 0 calc(50% + 12px), #000 0);
      --table-notch-cut-y: linear-gradient(to bottom, #000 calc(50% - 12px), transparent 0 calc(50% + 12px), #000 0);
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
    .table-cell-first-row::before {
      -webkit-mask-image: linear-gradient(#000, #000), var(--table-notch-cut-x);
      mask-image: linear-gradient(#000, #000), var(--table-notch-cut-x);
      -webkit-mask-position: bottom, top;
      mask-position: bottom, top;
      -webkit-mask-size: 100% calc(100% - 2px), 100% 2px;
      mask-size: 100% calc(100% - 2px), 100% 2px;
    }
    .table-cell-first-column::before {
      -webkit-mask-image: linear-gradient(#000, #000), var(--table-notch-cut-y);
      mask-image: linear-gradient(#000, #000), var(--table-notch-cut-y);
      -webkit-mask-position: right, left;
      mask-position: right, left;
      -webkit-mask-size: calc(100% - 2px) 100%, 2px 100%;
      mask-size: calc(100% - 2px) 100%, 2px 100%;
    }
    .table-cell-first-row.table-cell-first-column::before {
      -webkit-mask-image: linear-gradient(#000, #000), var(--table-notch-cut-x), var(--table-notch-cut-y);
      mask-image: linear-gradient(#000, #000), var(--table-notch-cut-x), var(--table-notch-cut-y);
      -webkit-mask-position: right bottom, top, left;
      mask-position: right bottom, top, left;
      -webkit-mask-size: calc(100% - 2px) calc(100% - 2px), 100% 2px, 2px 100%;
      mask-size: calc(100% - 2px) calc(100% - 2px), 100% 2px, 2px 100%;
    }
    .selectedCell {
      background-color: #f3f3fa;
      &::after {
        background: none;
      }
    }
    .column-resize-handle {
      top: -1px;
      right: -1.5px;
      bottom: -1px;
      width: 2px;
      margin: 0;
      background-color: #5446a2;
    }
    /* Give a remote user a caret */
    .collaboration-carets__caret {
      border-left: 1px solid #0d0d0d;
      border-right: 1px solid #0d0d0d;
      margin-left: -1px;
      margin-right: -1px;
      pointer-events: none;
      position: relative;
      word-break: normal;
    }
    /* Render the username above the caret */
    .collaboration-carets__label {
      border-radius: 3px 3px 3px 0;
      color: #0d0d0d;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      left: -1px;
      line-height: normal;
      padding: 0.125rem 0.3rem;
      position: absolute;
      top: -1.6em;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      white-space: nowrap;
    }
    /* Thread mark */
    .tiptap-thread,
    .tiptap-thread * {
      transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    }
    .tiptap-thread[data-type='block'] {
      &:first-child {
        margin-top: 0;
      }
      > :not(p, h1, h2, h3, h4, h5, h6, ul, li) {
        outline-width: 2px;
        outline-color: transparent;
        outline-style: dashed;
      }
    }
  }
}

/* Comment Modal */

.tiptap-comment-modal {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes imagePulse {
  0%, 100% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.3;
  }
}

/* Comments Sidebar Layout */

.rootly-tiptap {
  [data-form--tiptap-editor-component-target="commentsSidebar"] {
    max-height: calc(100vh - 100px);
  }
}

/* Inline Comments Layout */

.inline-comment-card {
  display: block;
  pointer-events: auto;
  animation: fadeInDown 0.2s cubic-bezier(0, 0, 0.2, 1);
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.95);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.inline-comment-spacer {
  pointer-events: none;
}

/* Positioned Comment Cards (Notion-style panel layout)
   Uses margin-left instead of transform for the slide effect because
   transform creates a stacking context that traps dropdown z-index. */

.positioned-comment-card {
  cursor: pointer;
  transition: top 0.2s cubic-bezier(0.4, 0, 0.2, 1),
              margin-left 0.2s cubic-bezier(0, 0, 0.2, 1),
              background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
  &:hover:not(.comment-active),
  &.comment-hovered:not(.comment-active) {
    margin-left: -4px;
    background-color: #f9fafb;
  }
  &.comment-active {
    z-index: 1;
    margin-left: -8px;
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(84, 72, 49, 0.08);
  }
}

/* Truncated comment text in positioned panel cards.
   Uses line-clamp to guarantee a clean cut at a full line boundary. */

.comment-text-truncated {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}

/* Expanded comment thread — scroll wraps all comments + replies in .comment-content */

.comment-content-expanded {
  max-height: 28rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E6E4E1 transparent;
  mask-image: linear-gradient(to bottom, black calc(100% - 2rem), transparent);
  -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 2rem), transparent);
  &.comment-content-scrolled-bottom {
    mask-image: none;
    -webkit-mask-image: none;
  }
}

/* "… more" overlay at the bottom-right of truncated text */

.comment-text-toggle {
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-size: inherit;
  line-height: inherit;
  color: #9ca3af;
  background: transparent;
  transition: color 0.15s;
  &:hover {
    color: #4b5563;
  }
}

/* Comment Icon Buttons (narrow layout) */

.comment-icon-btn {
  cursor: pointer;
  transition-property: top, transform, background-color !important;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  &:hover:not(.comment-active),
  &.comment-hovered:not(.comment-active) {
    transform: translateX(-4px);
  }
  &:hover:not(.comment-active),
  &.comment-hovered:not(.comment-active) {
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
  }
  &.comment-active {
    transform: translateX(-8px);
  }
  &.comment-active {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  }
}

/* Sidebar Comment Cards (no translation, just background color) */

.sidebar-comment-card {
  transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
  &:hover,
  &.comment-hovered {
    background-color: #f9fafb;
  }
}

/* Highlight text being commented on (persists when focus moves to textarea) */

.tiptap .pending-comment-highlight {
  background-color: var(--yellow);
  border-bottom: 2px solid var(--yellow-contrast);
}

/* Table block comments/highlights need table-specific treatment.
 * The generic inline highlight paints the padded .tableWrapper, which leaves
 * a yellow strip on the left and lets header cell backgrounds sit on top.
 */

.tiptap .tableWrapper.pending-comment-highlight {
  background-color: transparent;
  border-bottom: none;
  table {
    box-shadow: inset 0 0 0 2px var(--yellow-contrast);
  }
  th,
  td {
    background-color: var(--yellow-light);
  }
}

/* Thread highlighting in editor */

.tiptap {
  /* Highlight when any thread at this position is unresolved (handles overlapping threads) */
  .tiptap-thread[data-status-all="open"],
  .tiptap-thread--unresolved {
    background-color: var(--yellow-light);
    border-bottom: 2px solid var(--yellow-contrast);
    cursor: pointer;
    transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
  }
  .tiptap-thread[data-status-all="open"]:hover,
  .tiptap-thread--unresolved:hover,
  .thread-hovered .tiptap-thread[data-status-all="open"],
  .thread-hovered .tiptap-thread--unresolved,
  .tiptap-thread.thread-hovered {
    background-color: var(--yellow);
  }
  /* Highlight an entire table when a thread comment spans its cells */
  table.thread-hovered {
    outline: 2px solid var(--yellow);
    outline-offset: 2px;
    border-radius: 4px;
  }
  .thread-selected .tiptap-thread[data-status-all="open"],
  .thread-selected .tiptap-thread--unresolved {
    background-color: var(--thread-selected-bg);
  }
  .tiptap-thread--selected {
    background-color: var(--yellow);
    border-bottom: 2px solid var(--yellow-contrast);
  }
  .tiptap-thread[data-type='block'][data-status-all="open"],
  .tiptap-thread--unresolved[data-type='block'],
  .tiptap-thread--selected[data-type='block'] {
    background-color: transparent;
    border-bottom: none;
    > .tableWrapper {
      table {
        box-shadow: inset 0 0 0 2px var(--yellow-contrast);
      }
      th,
      td {
        background-color: var(--yellow-light);
      }
    }
  }
  .thread-selected .tiptap-thread[data-type='block'][data-status-all="open"],
  .thread-selected .tiptap-thread--unresolved[data-type='block'] {
    > .tableWrapper {
      table {
        box-shadow: inset 0 0 0 2px var(--thread-selected-bg);
      }
      th,
      td {
        background-color: var(--thread-selected-bg);
      }
    }
  }
  /* Thread highlight pulse animation (triggered from sidebar click) */
  .tiptap-thread.thread-highlight-pulse,
  [data-thread-id].thread-highlight-pulse {
    animation: threadHighlightPulse 1.5s ease-out;
  }
  /* Hide comment highlights when comments are hidden */
  &.hide-comment-highlights {
    .tiptap-thread[data-status-all="open"],
    .tiptap-thread--unresolved {
      background-color: transparent;
      cursor: default;
      pointer-events: none;
    }
    .tiptap-thread[data-status-all="open"]:hover,
    .tiptap-thread--unresolved:hover {
      background-color: transparent;
    }
  }
}

/* Thread highlight pulse keyframes */

@keyframes threadHighlightPulse {
  0% {
    background-color: var(--thread-selected-pulse-bg);
    box-shadow: 0 0 0 4px var(--thread-selected-pulse-ring-strong);
  }

  50% {
    background-color: var(--thread-selected-bg);
    box-shadow: 0 0 0 2px var(--thread-selected-pulse-ring-soft);
  }

  100% {
    background-color: var(--yellow-light);
    box-shadow: none;
  }
}

/* Focused comment pulse inside thread cards (triggered by comment deep links) */

.comment-highlight-pulse {
  animation: commentHighlightPulse 1.5s ease-out;
  border-radius: 4px;
}

@keyframes commentHighlightPulse {
  0% {
    background-color: var(--thread-selected-pulse-bg);
    box-shadow: 0 0 0 4px var(--thread-selected-pulse-ring-strong);
  }

  50% {
    background-color: var(--thread-selected-bg);
    box-shadow: 0 0 0 2px var(--thread-selected-pulse-ring-soft);
  }

  100% {
    background-color: transparent;
    box-shadow: none;
  }
}

/* Only show placeholder when editor is truly empty (first paragraph is empty AND is the only child) */

.tiptap p.is-editor-empty:first-child::before {
  color: #adb5bd;
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}

/* Collaboration status */

.collab-status-group {
  align-items: center;
  background-color: #ffffff;
  border-top: 1px solid rgba(61, 37, 20, .12);
  bottom: 0;
  color: rgba(28, 25, 23, .6);
  display: flex;
  flex-direction: row;
  font-size: 0.75rem;
  font-weight: 400;
  gap: 1rem;
  justify-content: space-between;
  padding: 0.375rem 0.5rem 0.375rem 1rem;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  z-index: 100;
  button {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    align-self: stretch;
    background: none;
    display: -webkit-box;
    flex-shrink: 1;
    font-size: 0.75rem;
    max-width: 100%;
    padding: 0.25rem 0.375rem;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    &::before {
      background-color: var(--color);
      border-radius: 0.375rem;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0.5;
      position: absolute;
      top: 0;
      transition: all 0.2s cubic-bezier(0.65,0.05,0.36,1);
      width: 100%;
      z-index: -1;
    }
    &:hover::before {
      opacity: 1;
    }
  }
  label {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 0.375rem;
    line-height: 1.1;
    &::before {
      border-radius: 50%;
      content: " ";
      height: 0.35rem;
      width: 0.35rem;
    }
  }
  &[data-state="online"] {
    label {
      &::before {
        background-color: var(--green);
      }
    }
  }
  &[data-state="offline"] {
    label {
      &::before {
        background-color: var(--red);
      }
    }
  }
}

/* Drag Handle Container */

.tiptap-drag-handle-container {
  display: flex;
  align-items: center;
  gap: 0;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: auto;
}

.tiptap-drag-handle-container::after {
  content: "";
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: 100%;
  width: var(--drag-handle-gap, 8px);
}

/* Add Block Button (plus icon) */

.tiptap-add-block-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  padding: 2px;
  border-radius: 4px;
  background-color: transparent;
  color: var(--gray-4);
  &:hover {
    background-color: var(--gray-2);
  }
  &:active {
    background-color: var(--gray-3);
  }
  svg {
    display: block;
    width: 20px;
    height: 20px;
  }
}

/* Drag Handle */

.tiptap-drag-handle {
  cursor: -webkit-grab;
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  padding: 2px;
  border-radius: 4px;
  background-color: transparent;
  color: var(--gray-4);
  &:hover {
    background-color: var(--gray-2);
  }
  &:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  svg {
    display: block;
    width: 20px;
    height: 20px;
  }
}

/* Show drag handle container when hovering over editor content */

.tiptap-editor:hover .tiptap-drag-handle-container,
.tiptap-drag-handle-container:hover {
  opacity: 1;
}

/* Hide drag handle container when add block menu is open */

[data-add-block-menu-open] .tiptap-drag-handle-container {
  visibility: hidden !important;
}

/* Dragged element styling */

[data-drag-handle-dragging] {
  opacity: 0.5;
}

/* Slash command active state (decoration) */

.slash-command-active {
  background-color: var(--purple-light);
  border-radius: 0.25rem;
  color: var(--purple);
  padding: 0.1rem 0.2rem;
}

/* Hydrated Liquid Variable Chips */

/* Color is applied via Tailwind classes (text-gray-700, hover:text-gray-900) in JS */

.liquid-variable-chip {
  cursor: pointer;
  -webkit-text-decoration: dotted;
          text-decoration: dotted;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  font-weight: 500;
  /* Default: font-medium */
  /* Inherit font styles when inside headings */
  h1 &,
  h2 &,
  h3 &,
  h4 &,
  h5 &,
  h6 & {
    font-size: inherit;
    font-weight: inherit;
  }
  &:hover {
    text-decoration: underline;
  }
  &[data-loading="true"] {
    color: var(--color-v2-secondary, #57534e);
  }
  /* When selected in the editor (keyboard navigation or click) */
  &.ProseMirror-selectednode {
    outline: 2px solid var(--purple);
    outline-offset: 1px;
    border-radius: 4px;
  }
}

/* Loading chip inside liquid variable / liquid block inline chips */

.liquid-variable-loading-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.liquid-variable-loading-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.liquid-variable-loading-icon {
  animation: spin 1s linear infinite;
  svg {
    display: block;
  }
}

.liquid-variable-loading-label {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-decoration: underline;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  white-space: nowrap;
}

/* @ Mentions */

.mention-chip {
  cursor: pointer;
  white-space: nowrap;
  /* When selected in the editor (keyboard navigation or click).
     Only the main-editor mentions (V2::Mention); mini mentionable inputs
     (comments) get no selection outline. */
  &.v2-mention.ProseMirror-selectednode {
    outline: 2px solid var(--purple);
    outline-offset: 1px;
  }
  &.v2-mention.is-in-selection {
    border-radius: 0;
    background-color: Highlight;
    box-shadow: -1px 0 Highlight, 1px 0 Highlight;
  }
}

.v2-mention.is-in-selection *::-moz-selection {
  background-color: transparent;
}

.v2-mention.is-in-selection *::selection {
  background-color: transparent;
}

/* Mention Popover Styles */

[data-tiptap--features--mention-popover-target="popup"]:not(.hidden) {
  animation: mentionPopoverFadeIn 150ms ease-out;
}

@keyframes mentionPopoverFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mention-popover-skeleton,
.mention-popover-content {
  transition: opacity 0.15s ease;
}

/* Comment thread styling - hide thread line on last element (comment or expand button) */

.comment-content > :last-child .thread-line {
  display: none;
}

/* Reply input layout - button stays inline at bottom-right */

.reply-input-container {
  align-items: flex-end;
  gap: 0.5rem;
}

/* Mini editor for mentionable comment inputs — match textarea appearance */

.mentionable-editor .ProseMirror {
  min-height: 20px;
  padding: 0 !important;
  word-break: break-word;
  p.is-editor-empty:first-child::before {
    content: attr(data-placeholder);
    float: left;
    color: #9ca3af;
    pointer-events: none;
    height: 0;
  }
  /* Mention chips inside the mini editor input */
  .mention-chip {
    font-size: inherit;
    line-height: inherit;
  }
}

/* SnapshotCompare - Version Diff Styles */

/* These styles are used by @tiptap-pro/extension-snapshot-compare */

/* Inline insertions - green background */

[data-diff-type='inline-insert'],
[data-diff-type='inline-update'] {
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(230 250 238 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  padding: 0.1em 0.2em;
}

/* Inline deletions - red background with strikethrough */

[data-diff-type='inline-delete'] {
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(250 230 232 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  padding: 0.1em 0.2em;
}

/* Block insertions - green left border */

[data-diff-type='block-insert'],
[data-diff-type='block-update'] {
  --tw-border-opacity: 1;
  border-left-color: rgb(59 133 82 / var(--tw-border-opacity, 1));
  background-color: rgb(230 250 238 / 0.5);
  border-left-width: 3px;
}

/* Block deletions - red left border with strikethrough */

[data-diff-type='block-delete'] {
  --tw-border-opacity: 1;
  border-left-color: rgb(199 60 64 / var(--tw-border-opacity, 1));
  background-color: rgb(250 230 232 / 0.5);
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  border-left-width: 3px;
}

/* Version History Modal - Diff Preview Styles */

/* These styles are used in the version history modal's diff view */

.version-diff-view {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-size: 0.75rem;
  line-height: 130%;
  line-height: 1.625;
}

.version-diff-view .hero-icon {
  height: 0.875rem;
}

.version-diff-view .diff-added {
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(230 250 238 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
  padding: 0.1em 0.2em;
}

.version-diff-view .diff-removed {
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(250 230 232 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  padding: 0.1em 0.2em;
}

.version-diff-view .diff-unchanged {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

/* Bubble Menu Animation - plays every time element is added to DOM */

.tiptap-bubble-menu {
  animation: bubbleMenuFadeIn 100ms ease-out;
  /* Hide during active text selection so the menu doesn't follow the cursor */
  &[data-selecting] {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

@keyframes bubbleMenuFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Liquid Block Styles (V2 — layout handled by Tailwind in JS node view) */

.liquid-block-node-view-v2 {
  margin: 8px 0;
  &.ProseMirror-selectednode {
    outline: 2px solid var(--purple);
    outline-offset: 2px;
    border-radius: 12px;
  }
}

/* Inline liquid block chip shares styling with liquid variable chips */

.liquid-block-inline-chip {
  /* Inherits shared styles from .liquid-variable-chip class applied in JS */
  &.ProseMirror-selectednode {
    outline: 2px solid var(--purple);
    outline-offset: 1px;
    border-radius: 4px;
  }
}

/* Liquid block drag-handle gutter hit area is covered by the generic
   `.tiptap > *` rule near the top of this file. */

/* ============================================================
 * AI Block (aiBlock TipTap node — see IR-5471)
 * ============================================================ */

/* Invisible hit zone under the floating toolbar so the cursor can cross the
 * 6px gap from the block up to the toolbar without losing :hover state.
 * The toolbar is positioned `bottom-full mb-1.5` (6px gap), so a ::after
 * extending below the toolbar overlaps that gap and bleeds 2px into the
 * block — no dead pixels between the two. The toolbar's pointer-events:none
 * default cascades to the ::after, so it only activates while the block is
 * already hovered (block → ::after → toolbar handoff). */

.ai-block-toolbar::after {
  content: "";
  position: absolute;
  inset: 100% -8px -8px -8px;
}

.timeline-block-toolbar::after,
.followups-block-toolbar::after {
  content: "";
  position: absolute;
  inset: 100% -8px -8px -8px;
}

/* The global form-input styles in application.tailwind.css (bg, border,
 * rounded, padding, color) target `input[type="text"]` and `textarea` via
 * element+attr selectors. That specificity (0,1,1) outranks Tailwind utility
 * classes (0,1,0), so any utility on these elements loses. Rather than spray
 * !important across the ERB, neutralize the globals once here — and because
 * we own these selectors we can re-set the AI palette via @apply, keeping
 * the Tailwind tokens as the single source of truth for color. */

.ai-block-initial-editor {
  input[type="text"],
  textarea {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    outline: none;
    &:focus,
    &:focus-visible {
      background: transparent;
      border: 0;
      box-shadow: none;
      outline: none;
    }
  }
  input[type="text"] {
    --tw-text-opacity: 1;
    color: rgb(116 104 203 / var(--tw-text-opacity, 1));
  }
  input[type="text"] {
    caret-color: #7468cb;
  }
  input[type="text"] {
    &::-moz-placeholder {
      --tw-text-opacity: 1;
      color: rgb(116 104 203 / var(--tw-text-opacity, 1));
    }
    &::-ms-input-placeholder {
      --tw-text-opacity: 1;
      color: rgb(116 104 203 / var(--tw-text-opacity, 1));
    }
    &::placeholder {
      --tw-text-opacity: 1;
      color: rgb(116 104 203 / var(--tw-text-opacity, 1));
    }
    &::-moz-placeholder {
      opacity: 0.6;
    }
    &::-ms-input-placeholder {
      opacity: 0.6;
    }
    &::placeholder {
      opacity: 0.6;
    }
  }
  textarea {
    --tw-text-opacity: 1;
    color: rgb(41 37 35 / var(--tw-text-opacity, 1));
  }
  textarea {
    caret-color: #292523;
  }
  textarea {
    &::-moz-placeholder {
      --tw-text-opacity: 1;
      color: rgb(135 129 123 / var(--tw-text-opacity, 1));
    }
    &::-ms-input-placeholder {
      --tw-text-opacity: 1;
      color: rgb(135 129 123 / var(--tw-text-opacity, 1));
    }
    &::placeholder {
      --tw-text-opacity: 1;
      color: rgb(135 129 123 / var(--tw-text-opacity, 1));
    }
  }
}

/* Rotating gradient border shown while the block is generating.
 * Uses a conic-gradient masked to the padding box to create a
 * border-only ring, then animates the gradient angle via @property.
 *
 * The contentDOM owns the border, but during loading the overlay
 * sits on top — so the gradient is drawn on the .ai-block-overlay
 * skeleton wrapper to surround the visible content during generation. */

@property --ai-block-angle {
  syntax: "<angle>";

  initial-value: 0deg;

  inherits: false;
}

/* Shared AI gradient-ring stops. Owned here (the AI block is the canonical AI
 * surface) and reused by the AI web chat ring (app/assets/stylesheets/ai/web_chat.scss)
 * so the brand gradient is defined once. */

:root {
  --ai-ring-lavender: #847bd3;
  /* lavender 8 */
  --ai-ring-rose: #f15598;
  /* rose 8 */
  --ai-ring-purple: #8859e6;
  /* rootly-purple 9 */
  --ai-ring-blue: #66a1d1;
  /* glacier 8 */
  /* Deeper stops for the engaged ring — a clear step up from the hover ring. */
  --ai-ring-lavender-strong: #6858c2;
  /* lavender 10 */
  --ai-ring-rose-strong: #dd256e;
  /* rose 10 */
  --ai-ring-purple-strong: #7d45de;
  /* rootly-purple 10 */
  --ai-ring-blue-strong: #487cb0;
  /* glacier 10 */
}

/* Rotating gradient ring used while generating AND on hover (success state).
 * Drawn on a ::before pseudo-element with mask-composite so only the ring
 * paints — never the fill. NOTE: this file is processed by the Tailwind CLI
 * (PostCSS), not Sass, so SCSS @extend / %placeholder are not available — use
 * plain CSS selector lists. */

.ai-block-node[data-status="loading"] .ai-block-skeleton,
.ai-block-node[data-status="success"] .ai-block-content,
.ai-block-node[data-status="streaming"] .ai-block-content,
.ai-block-regenerating .ai-block-content,
.ai-block-initial-editor {
  position: relative;
}

/* Restore block spacing inside AI block content. The editor's global
 * typography (.tiptap) sets margins on headings + lists but NOT on
 * paragraphs — the editor relies on the user inserting empty <p></p>
 * separators between paragraphs for visual breathing room. The
 * markdown-rendered output from `BlockRendering.html_for` (via Redcarpet)
 * emits real consecutive <p> tags with no empty separators, so they
 * collapse against each other. Add a top margin between adjacent block
 * children so the rendered HTML matches what users see during streaming. */

.ai-block-content > * + * {
  margin-top: 0.75rem;
}

/* While streaming, the contentDOM is contenteditable="false" and
 * prosemirror-view's injected `.ProseMirror [contenteditable="false"]`
 * rule flips it to white-space: normal — a different line-breaking mode
 * than the editable state's break-spaces (trailing spaces hang instead of
 * counting toward the line), so words at the right edge wrap differently
 * the moment generation completes. Match the editable mode exactly. */

.tiptap .ai-block-content[contenteditable="false"] {
  white-space: pre-wrap;
  white-space: break-spaces;
}

/* Tighten heading-to-content spacing inside AI blocks so the global 2rem
 * heading top margin doesn't dwarf the rest of the block. */

.ai-block-content > h1,
.ai-block-content > h2,
.ai-block-content > h3 {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}

.ai-block-content > *:first-child {
  margin-top: 0;
}

.ai-block-node[data-status="loading"] .ai-block-skeleton::before,
.ai-block-node[data-status="success"]:hover .ai-block-content::before,
.ai-block-node[data-status="success"].ai-block-focused .ai-block-content::before,
.ai-block-node[data-status="success"].ai-block-active .ai-block-content::before,
.ai-block-node[data-status="success"].ProseMirror-selectednode .ai-block-content::before,
.ai-block-node[data-status="streaming"]:hover .ai-block-content::before,
.ai-block-regenerating .ai-block-content::before,
.ai-block-initial-editor::before,
.ai-block-placeholder::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(
    from var(--ai-block-angle),
    var(--ai-ring-lavender),
    var(--ai-ring-rose),
    var(--ai-ring-purple),
    var(--ai-ring-blue),
    var(--ai-ring-lavender) /* close the loop */
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

/* Engaged states (caret inside .ai-block-focused, control surface open
 * .ai-block-active, or selected .ProseMirror-selectednode) paint a thicker,
 * more saturated ring than the plain hover ring above. */

.ai-block-node[data-status="success"].ai-block-focused .ai-block-content::before,
.ai-block-node[data-status="success"].ai-block-active .ai-block-content::before,
.ai-block-node[data-status="success"].ProseMirror-selectednode .ai-block-content::before {
  padding: 3px;
  background: conic-gradient(
    from var(--ai-block-angle),
    var(--ai-ring-lavender-strong),
    var(--ai-ring-rose-strong),
    var(--ai-ring-purple-strong),
    var(--ai-ring-blue-strong),
    var(--ai-ring-lavender-strong) /* close the loop */
  );
}

/* Only the generating states animate — hover and initial-state stay still. */

.ai-block-node[data-status="loading"] .ai-block-skeleton::before,
.ai-block-node[data-status="streaming"]:hover .ai-block-content::before,
.ai-block-regenerating .ai-block-content::before {
  animation: ai-block-border-spin 3s linear infinite;
}

/* The initial-state editor and the observer placeholder use the same gradient
 * ring as success-on-hover but slightly faded so they aren't visually
 * competing with the generated-block ring. */

.ai-block-initial-editor::before,
.ai-block-placeholder::before {
  opacity: 0.5;
}

@keyframes ai-block-border-spin {
  to {
    --ai-block-angle: 360deg;
  }
}

.ai-block-regenerating .ai-block-content {
  pointer-events: none;
  overflow: hidden;
}

/* Grey the children, not the container — container opacity would also fade the
 * ::before ring and ::after shimmer. */

.ai-block-regenerating .ai-block-content > * {
  opacity: 0.45;
}

.ai-block-regenerating .ai-block-content::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    100deg,
    transparent 35%,
    rgba(255, 255, 255, 0.6) 50%,
    transparent 65%
  );
  background-size: 220% 100%;
  animation: ai-block-regen-sweep 1.5s linear infinite;
  pointer-events: none;
  z-index: 1;
}

@keyframes ai-block-regen-sweep {
  0% {
    background-position: 130% 0;
  }

  100% {
    background-position: -130% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-block-regenerating .ai-block-content::after {
    animation: none;
  }
}

.ai-block-regenerating .ai-block-toolbar [data-tiptap-ai-block-toolbar-actions],
.ai-block-node[data-status="streaming"] .ai-block-toolbar [data-tiptap-ai-block-toolbar-actions] {
  display: none;
}

.ai-block-regenerating .ai-block-toolbar [data-tiptap-ai-block-toolbar-generating],
.ai-block-node[data-status="streaming"] .ai-block-toolbar [data-tiptap-ai-block-toolbar-generating] {
  display: inline-flex;
}

/* Fallback for browsers without @property — static linear gradient ring. */

@supports not (background: conic-gradient(from 0deg, red, blue)) {
  .ai-block-node[data-status="loading"] .ai-block-skeleton::before,
  .ai-block-node[data-status="success"]:hover .ai-block-content::before,
  .ai-block-node[data-status="success"].ai-block-focused .ai-block-content::before,
  .ai-block-node[data-status="success"].ai-block-active .ai-block-content::before,
  .ai-block-node[data-status="success"].ProseMirror-selectednode .ai-block-content::before,
  .ai-block-node[data-status="streaming"]:hover .ai-block-content::before,
  .ai-block-regenerating .ai-block-content::before,
  .ai-block-initial-editor::before,
  .ai-block-placeholder::before {
    background: linear-gradient(90deg, var(--ai-ring-lavender), var(--ai-ring-rose), var(--ai-ring-purple));
    animation: none;
  }

  .ai-block-node[data-status="success"].ai-block-focused .ai-block-content::before,
  .ai-block-node[data-status="success"].ai-block-active .ai-block-content::before,
  .ai-block-node[data-status="success"].ProseMirror-selectednode .ai-block-content::before {
    background: linear-gradient(90deg, var(--ai-ring-lavender-strong), var(--ai-ring-rose-strong), var(--ai-ring-purple-strong));
  }
}

/* Template-mode placeholder card (retrospective template editor). Reuses the
 * .ai-block-initial-editor styling (gradient ring, lavender surface, textarea
 * reset) so it's identical to the custom block before generation. The only
 * tweak: suppress the hard rectangular node-selection outline — the static
 * gradient ring is the block's border, so the extra purple outline (offset 6px)
 * just doubles it up. */

.ai-block-template-card.ProseMirror-selectednode {
  outline: none;
}

/* Node-selected (drag-handle) selected state for the pre-generation surfaces —
 * the template placeholder card AND the live custom block's initial editor.
 * Their resting ring is the faded static gradient (opacity 0.5); on selection
 * it steps up to the same thicker, deeper ring the generated block shows when
 * engaged (the .ai-block-focused / .ai-block-active / .ProseMirror-selectednode
 * rule above), so every AI block gets a consistent selected state. */

.ai-block-template-card.ProseMirror-selectednode::before,
.ai-block-node.ProseMirror-selectednode .ai-block-initial-editor::before {
  opacity: 1;
  padding: 3px;
  background: conic-gradient(
    from var(--ai-block-angle),
    var(--ai-ring-lavender-strong),
    var(--ai-ring-rose-strong),
    var(--ai-ring-purple-strong),
    var(--ai-ring-blue-strong),
    var(--ai-ring-lavender-strong) /* close the loop */
  );
}

/* Error-state toolbar (IR-5162). Under data-status="error" the toolbar
 * reduces to: title chip + Regenerate (icon) + kebab menu (whose dropdown
 * carries Delete). Feedback thumbs are hidden — hiding the *group* wrapper
 * (not the inner buttons) collapses both V2::Tooltip spans together so the
 * flex/gap leaves no empty slot. */

.ai-block-node[data-status="error"] [data-ai-block-feedback-group] {
  display: none;
}

/* Error card border (Figma 1046:38612 vs 1046:38751): light critical at rest,
 * full critical when the block is hovered, focused, active (a control surface is
 * open), or node-selected. */

.ai-block-node:hover .ai-block-error,
.ai-block-node.ai-block-focused .ai-block-error,
.ai-block-node.ai-block-active .ai-block-error,
.ai-block-node.ProseMirror-selectednode .ai-block-error {
  border-color: #ad211a;
}

/* The block's own gradient ring is its selection affordance, so suppress PM's
 * default outline to avoid a double border. `streaming` keeps the native outline
 * — it has no replacement ring of its own (IR-5753). */

.ai-block-node:not([data-status="streaming"]).ProseMirror-selectednode {
  outline: none;
}

/* AI Block Palette (sidebar draggable tiles) */

.tiptap-block-palette__tile[data-dragging="true"] {
  opacity: 0.4;
}

/* Starter Templates palette cards — match the block-tile drag-dim feedback */

.tiptap-starter-palette [data-dragging="true"] {
  opacity: 0.4;
}

/* Drop indicator rendered by PaletteDrop ProseMirror plugin */

.tiptap-palette-drop-indicator {
  display: block;
  height: 2px;
  margin: -1px 0;
  background-color: var(--purple);
  border-radius: 1px;
  pointer-events: none;
}

/* Stock Dropcursor has no MIME guard and draws its own line for any drag —
   during a palette drag the purple indicator above replaces it. */

body.tiptap-palette-dragging .prosemirror-dropcursor-block,
body.tiptap-palette-dragging .prosemirror-dropcursor-inline {
  display: none !important;
}

/* Template-preview skeleton cascade (IR-5827): each top-level section fades +
 * slides in, staggered by the `--i` index stamped server-side, when the
 * generating skeleton is injected after the user clicks preview. */

.template-preview-cascade > * {
  animation: template-preview-cascade-in 380ms ease both;
  animation-delay: calc(var(--i, 0) * 60ms);
}

@keyframes template-preview-cascade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .template-preview-cascade > * {
    animation: none;
  }
}

/* Generated-content reveal: when the terminal generation hydrates the real
 * document into the full-page preview, it streams in instead of popping. The
 * controller (template_ai_preview_controller) word-wraps each prose block,
 * measures it into visual lines, and stamps a per-line animation-delay; tables
 * and `.not-prose` data blocks reveal as a single unit. The `.gen-revealing`
 * gate on the container arms every animation in one frame (so nothing animates
 * before its delay is assigned), and the controller removes it on cleanup. */

.gen-word {
  display: inline-block;
}

.gen-revealing .gen-word,
.gen-revealing .gen-reveal-unit {
  opacity: 0;
  animation: gen-content-reveal-in 380ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

@keyframes gen-content-reveal-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gen-revealing .gen-word,
  .gen-revealing .gen-reveal-unit {
    animation: none;
    opacity: 1;
  }
}

/* TipTap content styles for published documents (post mortems, etc.) */

.tiptap-content h1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 1.5em 0 0.5em;
}

.tiptap-content h2 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  margin: 1.25em 0 0.5em;
}

.tiptap-content h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 1em 0 0.5em;
}

.tiptap-content ul {
  list-style-type: disc;
  padding-left: 1.5em;
  margin: 1em 0;
}

.tiptap-content ol {
  list-style-type: decimal;
  padding-left: 1.5em;
  margin: 1em 0;
}

.tiptap-content li {
  margin: 0.25em 0;
}

.tiptap-content ul ul,
.tiptap-content ol ol,
.tiptap-content ul ol,
.tiptap-content ol ul {
  margin: 0.25em 0;
}

.tiptap-content ul ul {
  list-style-type: circle;
}

.tiptap-content ul ul ul {
  list-style-type: square;
}

.tiptap-content p {
  margin: 1em 0;
}

.tiptap-content > p:first-child,
.tiptap-content > h1:first-child,
.tiptap-content > h2:first-child,
.tiptap-content > h3:first-child {
  margin-top: 0;
}

.tiptap-content > p:last-child,
.tiptap-content > ul:last-child,
.tiptap-content > ol:last-child {
  margin-bottom: 0;
}

.tiptap-content blockquote {
  border-left: 4px solid #e5e7eb;
  padding-left: 1em;
  margin: 1em 0;
  color: #6b7280;
}

.tiptap-content strong {
  font-weight: 700;
}

.tiptap-content em {
  font-style: italic;
}

.tiptap-content s {
  text-decoration: line-through;
}

.tiptap-content u {
  text-decoration: underline;
}

.tiptap-content a {
  color: #3b82f6;
  text-decoration: underline;
}

.tiptap-content a:hover {
  color: #1d4ed8;
}

.tiptap-content table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: 1em 0;
}

.tiptap-content .tiptap-table-scroll {
  contain: inline-size;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  margin: 1em 0;
  scrollbar-color: auto;
}

.tiptap-content .tiptap-table-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.tiptap-content .tiptap-table-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.8);
  /* gray-400 */
  border-radius: 4px;
}

.tiptap-content .tiptap-table-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(107, 114, 128, 0.9);
  /* gray-500 */
}

.tiptap-content .tiptap-table-scroll::-webkit-scrollbar-track {
  background-color: rgba(243, 244, 246, 0.5);
  /* gray-100 */
  border-radius: 4px;
}

@supports (-moz-appearance: none) {
  .tiptap-content .tiptap-table-scroll {
    scrollbar-width: thin;
  }
}

.tiptap-content .tiptap-table-scroll > table {
  margin: 0;
}

@property --tiptap-table-fade-left {
  syntax: "<length>";

  inherits: false;

  initial-value: 0px;
}

@property --tiptap-table-fade-right {
  syntax: "<length>";

  inherits: false;

  initial-value: 0px;
}

@keyframes tiptap-table-fade-left {
  0% {
    --tiptap-table-fade-left: 0px;
  }

  5%,
  100% {
    --tiptap-table-fade-left: 24px;
  }
}

@keyframes tiptap-table-fade-right {
  0%,
  95% {
    --tiptap-table-fade-right: 24px;
  }

  100% {
    --tiptap-table-fade-right: 0px;
  }
}

@supports (animation-timeline: scroll()) {
  .tiptap-content .tiptap-table-scroll {
    animation: tiptap-table-fade-left linear both, tiptap-table-fade-right linear both;
    animation-timeline: scroll(self inline);
    -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        #000 var(--tiptap-table-fade-left),
        #000 calc(100% - var(--tiptap-table-fade-right)),
        transparent
      ),
      linear-gradient(#000, #000);
    mask-image: linear-gradient(
        to right,
        transparent,
        #000 var(--tiptap-table-fade-left),
        #000 calc(100% - var(--tiptap-table-fade-right)),
        transparent
      ),
      linear-gradient(#000, #000);
    -webkit-mask-position: top, bottom;
    mask-position: top, bottom;
    -webkit-mask-size: 100% calc(100% - 8px), 100% 8px;
    mask-size: 100% calc(100% - 8px), 100% 8px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
}

.tiptap-content-fit-tables .tiptap-table-scroll {
  animation: none;
  -webkit-mask-image: none;
  mask-image: none;
  overflow: visible;
}

.tiptap-content-fit-tables .tiptap-table-scroll > table {
  table-layout: auto;
  min-width: 0 !important;
  max-width: 100%;
}

.tiptap-content-fit-tables .tiptap-table-scroll > table > colgroup > col {
  width: auto !important;
  min-width: 0 !important;
}

@media print {
  .tiptap-content .tiptap-table-scroll {
    animation: none;
    -webkit-mask-image: none;
    mask-image: none;
    overflow: visible;
  }

  .tiptap-content .tiptap-table-scroll > table {
    table-layout: auto;
    min-width: 0 !important;
    max-width: 100%;
  }

  .tiptap-content .tiptap-table-scroll > table > colgroup > col {
    width: auto !important;
    min-width: 0 !important;
  }
}

.tiptap-content table td,
.tiptap-content table th {
  border: 1px solid #e5e7eb;
  /* gray-200 */
  padding: 0.5rem 0.75rem;
  vertical-align: top;
  text-align: left;
  word-break: break-word;
}

.tiptap-content table th {
  background-color: #f3f4f6;
  /* gray-100 */
  font-weight: 600;
}

.tiptap-content table tr:first-child td,
.tiptap-content table tr:first-child th {
  border-top: 1px solid #e5e7eb;
}

.tiptap-content table tr:last-child td,
.tiptap-content table tr:last-child th {
  border-bottom: 1px solid #e5e7eb;
}

/* Code/pre styling mirrors the editor (account/fields/tiptap_editor.scss) so
   the preview — and any rendered tiptap content — matches what's authored. */

.tiptap-content pre {
  background: #2e2b29;
  /* --black */
  color: #ffffff;
  /* --white */
  border-radius: 0.5rem;
  font-family: 'JetBrainsMono', monospace;
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
}

.tiptap-content pre code {
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: 0.8rem;
  line-height: inherit;
  padding: 0;
  position: static;
  display: block;
  overflow-x: auto;
}

.tiptap-content code {
  background: rgba(135, 131, 120, 0.15);
  border-radius: 4px;
  color: #eb5757;
  font-family: "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace;
  font-size: 85%;
  line-height: normal;
  padding: 0.2em 0.4em;
  position: relative;
  bottom: 0.065em;
}

.tiptap-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  margin: 1em 0;
}

.tiptap-content h1,
.tiptap-content h2,
.tiptap-content h3 {
  -moz-column-break-after: avoid;
       break-after: avoid;
}

.tiptap-content tr,
.tiptap-content li > p {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.tiptap-content li:not(:has(p, ul, ol)) {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.lifecycle-config-status-icon {
  background: rgba(252, 251, 250, var(--tw-bg-opacity));
  border-radius: 100px;
  outline: 2px rgba(252, 251, 250, var(--tw-bg-opacity)) solid;
}

.alert-routing-rules--alert-details-component .hljs-ln-numbers {
  padding-right: 32px;
  min-height: 32px;
  height: 32px;
  width: 32px;
  margin-right: 8px;
  color: #B2B0AD !important;
  display: inline-flex;
  align-items: center;
}

.alert-routing-rules--alert-details-component [class^="hljs-"] {
  font-size: 12px;
  font-weight: 300;
  color: #787674;
}

.alert-routing-rules--alert-details-component .hljs-attr {
  padding: 2px 8px;
  border: 1px solid #E9E2FF;
  background-color: #F5F3FC;
  border-radius: 100px;
  color: #7748F6 !important;
  margin: 2px 0;
  display: inline-block;
  cursor: pointer;
}

.alert-routing-rules--alert-details-component .hljs-string {
  word-break: break-word;
  word-wrap: break-word;
}

.alert-routing-rules--alert-details-component .hljs-attr,
.alert-routing-rules--alert-details-component .hljs-punctuation {
  margin-right: 8px;
}

.alert-routing-rules--v2--condition-field-component--property-field-condition-type-select .choices__inner {
  padding: 0 !important;
  border: none !important;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  flex: none !important;
}

.alert-routing-rules--v2--condition-field-component--property-field-condition-type-select .choices__inner .dropdown-icon {
  display: none !important;
}

.alert-routing-rules--v2--condition-field-component--property-field-condition-type-select .choices__list--dropdown {
  min-width: 150px !important;
}

.alert-routing-rules--v2--condition-field-component--condition-values-select .choices__list--multiple {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* EscalationPolicyPaths V2 Component Styles */

/* Adapted from AlertRoutingRules to maintain consistent appearance */

/* Target all escalation-policy-paths components with more specificity */

[class*="escalation-policy-paths--v2"] .choices__inner {
  padding: 0 !important;
  border: none !important;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  flex: none !important;
}

[class*="escalation-policy-paths--v2"] .choices__inner .dropdown-icon {
  display: none !important;
}

[class*="escalation-policy-paths--v2"] .choices__list--dropdown {
  min-width: 150px !important;
}

[class*="escalation-policy-paths--v2"] .choices__list--multiple {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Specific rule field component styles */

.escalation-policy-paths--v2--conditions--rule-field-component--operator-select .choices__inner {
  padding: 0 !important;
  border: none !important;
  height: 100% !important;
  min-height: 24px !important;
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  flex: none !important;
  display: flex !important;
  align-items: center !important;
  font-size: 12px !important;
}

.escalation-policy-paths--v2--conditions--rule-field-component--operator-select .choices__inner .dropdown-icon {
  display: none !important;
}

.escalation-policy-paths--v2--conditions--rule-field-component--operator-select .choices__list--dropdown {
  min-width: 150px !important;
}

.escalation-policy-paths--v2--conditions--rule-field-component--operator-select .choices__list--dropdown .choices__item {
  font-size: 0.75rem !important;
  /* 12px */
}

/* Condition field component styles */

.escalation-policy-paths--v2--conditions--condition-field-component--property-field-condition-type-select .choices__inner {
  padding: 0 !important;
  border: none !important;
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  flex: none !important;
}

.escalation-policy-paths--v2--conditions--condition-field-component--property-field-condition-type-select .choices__inner .dropdown-icon {
  display: none !important;
}

.escalation-policy-paths--v2--conditions--condition-field-component--property-field-condition-type-select .choices__list--dropdown {
  min-width: 150px !important;
}

/* Path repeat component styles */

.escalation-policy-paths--v2--path-repeat-component .choices {
  width: 54px !important;
}

.escalation-policy-paths--v2--path-repeat-component .choices__inner {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 28px 0 8px !important;
  line-height: 28px !important;
  border: 1px solid #d1d5db !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.escalation-policy-paths--v2--path-repeat-component .choices__inner .choices__item {
  line-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.escalation-policy-paths--v2--path-repeat-component .choices__inner .dropdown-icon {
  display: flex !important;
}

.escalation-policy-paths--v2--path-repeat-component .choices__list--dropdown {
  width: 54px !important;
  min-width: 54px !important;
  overflow-y: scroll !important;
  scrollbar-width: none !important;
  /* Firefox */
  -ms-overflow-style: none !important;
  /* IE and Edge */
}

.escalation-policy-paths--v2--path-repeat-component .choices__list--dropdown::-webkit-scrollbar {
  display: none !important;
  /* Chrome, Safari, Opera */
}

.ai_sre_input {
  position: absolute;
  bottom: 0px;
  z-index: 2;
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
  background: linear-gradient(180deg, transparent 0%, var(--sre-chart-surface) 17.89%);
  height: 6.75rem;
}

.ai_sre_input .shadow {
  position: absolute;
  bottom: 1.5rem;
  height: 3rem;
  width: 100%;
  overflow: hidden;
  border-radius: 4rem;
  opacity: 0.4;
  --tw-blur: blur(24px);
  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);
  background: linear-gradient(99deg, var(--sre-ai-tertiary) 0%, var(--sre-critical-bg) 34.71%, var(--sre-ai-bg) 62.11%, var(--sre-ai-icon) 99.53%);
}

.ai_sre_input_processing_shadow:after {
  animation-name: ai-sre-input-processing;
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  content: '';
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(99deg, var(--sre-ai-tertiary) 0%, var(--sre-critical-bg) 34.71%, var(--sre-ai-bg) 62.11%, var(--sre-ai-icon) 99.53%);
  aspect-ratio: 1 / 1;
  transform: translateY(50%);
}

@keyframes ai-sre-input-processing {
  0% {
    transform: translateY(50%) rotate(0deg);
  }

  100% {
    transform: translateY(50%) rotate(180deg);
  }
}

.ai_sre_input .input_container {
  border-radius: 9999px;
  border-width: 1px;
  border-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background: linear-gradient(var(--sre-ai-bg), var(--sre-ai-bg)) padding-box, linear-gradient(99deg, var(--sre-ai-tertiary) 0%, var(--sre-critical-bg) 34.71%, var(--sre-ai-bg) 62.11%, var(--sre-ai-icon) 99.53%) border-box;
}

.ai_sre_input .prompt_submit_button {
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  background: linear-gradient(132deg, var(--sre-ai-icon) 2.57%, var(--sre-ai-primary) 100.16%);
}

/* --- Streaming polish (live investigation phase) ------------------------- */

/* Typewriter reveal (typewriter_effect_controller.js, stream mode).
   Newly-arrived words are wrapped in `.tw-word` spans that start hidden and
   are flipped to `.tw-word--in` over successive animation frames. We animate
   ONLY opacity + a tiny translate — both GPU-composited — so revealing a word
   never reflows its siblings (the old per-word appendChild did). will-change
   hints the compositor; it's cheap because spans are short-lived. */

.tw-word {
  opacity: 0;
  transform: translateY(0.12em);
  display: inline;
  will-change: opacity, transform;
  transition:
    opacity 0.18s ease-out,
    transform 0.18s ease-out;
}

.tw-word--in {
  opacity: 1;
  transform: none;
}

/* Blinking gradient caret that rides the write head (inserted by the
   controller right after the latest revealed word). */

.tw-caret {
  display: inline-block;
  width: 0.125rem;
  height: 1.05em;
  margin-left: 0.0625rem;
  vertical-align: text-bottom;
  border-radius: 0.0625rem;
  background: linear-gradient(180deg, var(--sre-ai-tertiary) 0%, var(--sre-ai-icon) 100%);
  animation: ai-sre-caret-blink 1.05s steps(1) infinite;
}

@keyframes ai-sre-caret-blink {
  0%,
  49% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

/* Gentle reveal for the steps card, the streaming card, and the final report,
   so each phase transition glides in instead of snapping. */

.ai-sre-fade-in {
  animation: ai-sre-fade-in 0.4s ease-out both;
}

@keyframes ai-sre-fade-in {
  from {
    opacity: 0;
    transform: translateY(0.375rem);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

/* Live activity indicator: the text itself is an animated gradient that waves
   left-to-right (Claude-Code style) while the agent works — no separate dots. */

.ai-sre-shimmer {
  background: linear-gradient(
    100deg,
    var(--sre-ai-icon) 0%,
    var(--sre-ai-tertiary) 18%,
    var(--sre-critical-bg) 34%,
    var(--sre-ai-tertiary) 50%,
    var(--sre-ai-tertiary) 66%,
    var(--sre-ai-icon) 100%
  );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: ai-sre-shimmer 2.4s linear infinite;
}

@keyframes ai-sre-shimmer {
  from {
    background-position: 140% 50%;
  }

  to {
    background-position: -40% 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tw-caret,
  .ai-sre-fade-in,
  .ai-sre-shimmer {
    animation: none;
  }

  .tw-word {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }

  .tw-caret {
    display: none;
  }
}

/* --- Markdown code rendering (.ai-sre-md) ---------------------------------
   Code is highlighted by Rouge, whose app-wide theme is dark (MonokaiSublime),
   and Tailwind `prose` also paints <pre> on a dark slab. Both read as jarring
   in an otherwise light report, so we override fenced blocks, inline code, and
   diffs to a calm GitHub-light palette — scoped to the AI SRE markdown only. */

.ai-sre-md pre,
.ai-sre-md div.highlight,
.ai-sre-md pre.highlight {
  border-radius: 0.5rem;
  background: var(--sre-canvas);
  color: var(--sre-ink);
  border: 0.0625rem solid var(--sre-line);
}

.ai-sre-md pre,
.ai-sre-md pre.highlight {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  overflow-x: auto;
  padding: 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.ai-sre-md pre code {
  background-color: transparent;
  padding: 0px;
  border: 0;
  color: inherit;
  font-size: inherit;
}

/* Inline code chip — strip prose's `` ` `` pseudo-elements. */

.ai-sre-md :not(pre) > code {
  border-radius: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-weight: 500;
  padding-block: 0.05rem;
  background: var(--sre-canvas);
  border: 0.0625rem solid var(--sre-line);
  color: var(--sre-ai-tertiary);
  font-size: 0.85em;
}

.ai-sre-md :not(pre) > code::before,
.ai-sre-md :not(pre) > code::after {
  content: none;
}

/* Rouge GitHub-light token palette (scoped so the global dark theme is unaffected). */

.ai-sre-md .highlight .c,
.ai-sre-md .highlight .c1,
.ai-sre-md .highlight .cm,
.ai-sre-md .highlight .cp,
.ai-sre-md .highlight .cs {
  color: var(--sre-muted);
  font-style: italic;
}

.ai-sre-md .highlight .k,
.ai-sre-md .highlight .kc,
.ai-sre-md .highlight .kd,
.ai-sre-md .highlight .kn,
.ai-sre-md .highlight .kp,
.ai-sre-md .highlight .kr,
.ai-sre-md .highlight .kt,
.ai-sre-md .highlight .o,
.ai-sre-md .highlight .ow {
  color: var(--sre-critical);
}

.ai-sre-md .highlight .s,
.ai-sre-md .highlight .s1,
.ai-sre-md .highlight .s2,
.ai-sre-md .highlight .sb,
.ai-sre-md .highlight .sc,
.ai-sre-md .highlight .sd,
.ai-sre-md .highlight .se,
.ai-sre-md .highlight .sh,
.ai-sre-md .highlight .si,
.ai-sre-md .highlight .sx,
.ai-sre-md .highlight .dl {
  color: var(--sre-info);
}

.ai-sre-md .highlight .m,
.ai-sre-md .highlight .mi,
.ai-sre-md .highlight .mf,
.ai-sre-md .highlight .mh,
.ai-sre-md .highlight .mo,
.ai-sre-md .highlight .il,
.ai-sre-md .highlight .nb,
.ai-sre-md .highlight .no {
  color: var(--sre-info);
}

.ai-sre-md .highlight .nf,
.ai-sre-md .highlight .nc,
.ai-sre-md .highlight .nn,
.ai-sre-md .highlight .na {
  color: var(--sre-ai-tertiary);
}

.ai-sre-md .highlight .nt {
  color: var(--sre-success);
}

.ai-sre-md .highlight .nv,
.ai-sre-md .highlight .vi {
  color: var(--sre-warning);
}

.ai-sre-md .highlight .p {
  color: var(--sre-ink);
}

/* Diffs: green insertions, red deletions on tinted rows. */

.ai-sre-md .highlight .gi {
  color: var(--sre-success);
  background: var(--sre-success-bg);
}

.ai-sre-md .highlight .gd {
  color: var(--sre-critical);
  background: var(--sre-critical-bg);
}

.ai-sre-md .highlight .gh,
.ai-sre-md .highlight .gu {
  color: var(--sre-info);
  font-weight: 600;
}

/* --- Subtle, thin scrollbars for the panes -------------------------------- */

.ai-sre-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--sre-shadow) transparent;
}

.ai-sre-scroll::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
}

.ai-sre-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.ai-sre-scroll::-webkit-scrollbar-thumb {
  background: var(--sre-shadow);
  border-radius: 999rem;
}

.ai-sre-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--sre-shadow-strong);
}

.highlight-light-theme {
  pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
  }
  code.hljs {
    padding: 0.1875rem 0.3125rem
  }
  /*!
    Theme: GitHub
    Description: Light theme as seen on github.com
    Author: github.com
    Maintainer: @Hirse
    Updated: 2021-05-15

    Outdated base version: https://github.com/primer/github-syntax-light
    Current colors taken from GitHub's CSS
  */
  .hljs {
    color: var(--sre-ink);
    background: var(--sre-chart-surface)
  }
  .hljs-doctag,
  .hljs-keyword,
  .hljs-meta .hljs-keyword,
  .hljs-template-tag,
  .hljs-template-variable,
  .hljs-type,
  .hljs-variable.language_ {
    /* prettylights-syntax-keyword */
    color: var(--sre-critical)
  }
  .hljs-title,
  .hljs-title.class_,
  .hljs-title.class_.inherited__,
  .hljs-title.function_ {
    /* prettylights-syntax-entity */
    color: var(--sre-ai-tertiary)
  }
  .hljs-attr,
  .hljs-attribute,
  .hljs-literal,
  .hljs-meta,
  .hljs-number,
  .hljs-operator,
  .hljs-variable,
  .hljs-selector-attr,
  .hljs-selector-class,
  .hljs-selector-id {
    /* prettylights-syntax-constant */
    color: var(--sre-info)
  }
  .hljs-regexp,
  .hljs-string,
  .hljs-meta .hljs-string {
    /* prettylights-syntax-string */
    color: var(--sre-info)
  }
  .hljs-built_in,
  .hljs-symbol {
    /* prettylights-syntax-variable */
    color: var(--sre-warning)
  }
  .hljs-comment,
  .hljs-code,
  .hljs-formula {
    /* prettylights-syntax-comment */
    color: var(--sre-muted)
  }
  .hljs-name,
  .hljs-quote,
  .hljs-selector-tag,
  .hljs-selector-pseudo {
    /* prettylights-syntax-entity-tag */
    color: var(--sre-success)
  }
  .hljs-subst {
    /* prettylights-syntax-storage-modifier-import */
    color: var(--sre-ink)
  }
  .hljs-section {
    /* prettylights-syntax-markup-heading */
    color: var(--sre-info);
    font-weight: bold
  }
  .hljs-bullet {
    /* prettylights-syntax-markup-list */
    color: var(--sre-warning)
  }
  .hljs-emphasis {
    /* prettylights-syntax-markup-italic */
    color: var(--sre-ink);
    font-style: italic
  }
  .hljs-strong {
    /* prettylights-syntax-markup-bold */
    color: var(--sre-ink);
    font-weight: bold
  }
  .hljs-addition {
    /* prettylights-syntax-markup-inserted */
    color: var(--sre-success);
    background-color: var(--sre-success-bg)
  }
  .hljs-deletion {
    /* prettylights-syntax-markup-deleted */
    color: var(--sre-critical);
    background-color: var(--sre-critical-bg)
  }
  .hljs-char.escape_,
  .hljs-link,
  .hljs-params,
  .hljs-property,
  .hljs-punctuation,
  .hljs-tag {
    /* purposely ignored */
  }
}

.rootly-canvas {
  background-image: url(/assets/logo/rootly-canvas-logo-df7dbe102e225ace4b2795e3dbb7a2a4ef0a5aa367620b2640c7867f5c1b3988.png);
  background-repeat: repeat;
  background-color: #FCFBFA;
}

.alert-sources--v2--alert-payload-details-component .hljs-ln-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.alert-sources--v2--alert-payload-details-component .hljs-ln-numbers {
  padding-right: 32px;
  max-height: 32px;
  width: 32px;
  margin-right: 8px;
  color: #B2B0AD !important;
  display: inline-flex;
  align-self: start;
}

.alert-sources--v2--alert-payload-details-component [class^="hljs-"] {
  font-size: 12px;
  font-weight: 300;
  color: #787674;
}

.alert-sources--v2--alert-payload-details-component .hljs-ln-code {
  display: inline-flex;
  margin-bottom: 4px;
}

.alert-sources--v2--alert-payload-details-component .hljs-attr {
  padding: 2px 8px;
  border: 1px solid #E9E2FF;
  background-color: #F5F3FC;
  border-radius: 100px;
  margin-top: -3px;
  color: #7748F6 !important;
  cursor: pointer;
  gap: 4px;
}

.alert-sources--v2--alert-payload-details-component .hljs-attr--text-span {
  color: #7748F6 !important;
  max-width: 16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.alert-sources--v2--alert-payload-details-component .hljs-string {
  word-break: break-word;
  word-wrap: break-word;
}

.alert-sources--v2--alert-payload-details-component .hljs-attr,
.alert-sources--v2--alert-payload-details-component .hljs-punctuation {
  margin-right: 8px;
  display: inline-flex;
  align-self: start;
}

.render-raw-json-keys .hljs-attr,
.render-raw-json-keys .hljs-punctuation {
  margin-bottom: 8px;
}

.alert-sources--v2--alert-field-details-component [class^="hljs-"] {
  font-size: 12px;
  font-weight: 300;
  color: #787674;
}

.alert-sources--v2--alert-field-details-component .hljs-attr {
  padding: 2px 8px;
  border: 1px solid #F2F0EF;
  background-color: #FFFFFF;
  border-radius: 100px;
  color: #575554 !important;
  margin: 2px 0;
  display: inline-flex;
  cursor: pointer;
  gap: 4px;
}

.alert-sources--v2--alert-field-details-component .hljs-string {
  word-break: break-word;
  word-wrap: break-word;
}

.alert-sources--v2--alert-field-details-component .hljs-attr,
.alert-sources--v2--alert-field-details-component .hljs-punctuation {
  margin-right: 8px;
}

.alert-sources--v2--add-alert-sources-section {
  scroll-margin-top: 25vh;
}

/* Styles for rendered HTML email content on the alert detail page.
   sanitize_html strips all inline styles, so bare elements need default styling.
   Visual style matches the V2::Table component (rounded border, row dividers, no vertical lines). */

.email-alert-html-content {
  table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin: 1em 0;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  td,
  th {
    padding: 0.5rem 0.75rem;
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
  }
  tr:last-child td {
    border-bottom: none;
  }
  th {
    background-color: #f3f4f6;
    font-size: 0.875rem;
    font-weight: 600;
    color: #6b7280;
  }
  ul {
    list-style-type: disc;
    padding-left: 1.5em;
    margin: 1em 0;
  }
  ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    margin: 1em 0;
  }
  li {
    margin: 0.25em 0;
  }
  p {
    margin: 1em 0;
  }
}

/* AI web chat surface styles (RAI-980+). The rotating border ring owns its own
   registered angle + spin keyframe (independent of tiptap's --ai-block-angle /
   ai-block-border-spin), but reuses the shared --ai-ring-* gradient stops
   defined alongside the tiptap AI block (account/fields/tiptap_editor.scss) so
   the brand gradient is declared once. Both partials compile into the same
   bundle, so the :root vars are available here. */

/* Sweeps the AI skeleton bar's lavender highlight left→right (the "responding"
   placeholder, Figma node 360:22716). */

@keyframes ai-web-chat-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

/* Registered angle + keyframe that drive the conic border ring's rotation,
   owned here so the ring is independent of the tiptap AI block. */

@property --ai-web-chat-angle {
  syntax: "<angle>";

  initial-value: 0deg;

  inherits: false;
}

@keyframes ai-web-chat-border-spin {
  to {
    --ai-web-chat-angle: 360deg;
  }
}

/* Lavender shimmer bar for the "responding" skeleton: a light-lavender base
   (distinct from the #f3f3fa panel) with a brighter band sweeping across. */

.ai-skeleton-bar {
  background-image: linear-gradient(90deg, #ececf8 0%, #c8c8f3 50%, #ececf8 100%);
  background-size: 200% 100%;
  animation: ai-web-chat-skeleton-shimmer 2.4s linear infinite;
}

/* Rotating conic-gradient border ring. Apply to a `position: relative`,
   `rounded-*` element; a 2px ring is painted on a ::before via mask-composite
   so only the border shows, never the fill. */

.ai-conic-ring::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(
    from var(--ai-web-chat-angle),
    var(--ai-ring-lavender),
    var(--ai-ring-rose),
    var(--ai-ring-purple),
    var(--ai-ring-blue),
    var(--ai-ring-lavender)
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
  animation: ai-web-chat-border-spin 3s linear infinite;
}

/* Fallback for browsers without conic-gradient / @property: a static ring. */

@supports not (background: conic-gradient(from 0deg, red, blue)) {
  .ai-conic-ring::before {
    background: linear-gradient(90deg, var(--ai-ring-lavender), var(--ai-ring-rose), var(--ai-ring-purple));
    animation: none;
  }
}

/* Breathing halo plus a light sweep across the AI mark on the empty state. */

@keyframes ai-mark-glow-pulse {
  0%,
  100% {
    box-shadow: 0 0 4px 0 color-mix(in srgb, var(--ai-ring-lavender) 20%, transparent);
  }

  50% {
    box-shadow: 0 0 10px 1px color-mix(in srgb, var(--ai-ring-lavender) 40%, transparent);
  }
}

@keyframes ai-mark-shine {
  0%,
  55% {
    background-position: 160% 0;
  }

  100% {
    background-position: -60% 0;
  }
}

.ai-mark-glow {
  box-shadow: 0 0 4px 0 color-mix(in srgb, var(--ai-ring-lavender) 20%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .ai-mark-glow {
    animation: ai-mark-glow-pulse 3.2s ease-in-out infinite;
  }

  .ai-mark-glow::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
      115deg,
      transparent 35%,
      color-mix(in srgb, white 80%, transparent) 50%,
      transparent 65%
    );
    background-size: 250% 100%;
    pointer-events: none;
    z-index: 2;
    animation: ai-mark-shine 3.2s ease-in-out infinite;
  }
}

/* Respect reduced-motion: keep the shimmer/ring/halo static rather than animating. */

@media (prefers-reduced-motion: reduce) {
  .ai-skeleton-bar,
  .ai-conic-ring::before {
    animation: none;
  }
}

/* Assistant markdown type scale (2026 design system). Layered on top of `prose`
   (which handles spacing, lists, code backgrounds, and colors) to redefine
   heading + text sizes. Authored as element rules under a named class — the same
   pattern as .ai-sre-markdown-content — so it wins over prose's :where() rules. */

.ai-web-chat-markdown h1,
.ai-web-chat-markdown h2 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

.ai-web-chat-markdown h3,
.ai-web-chat-markdown h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.ai-web-chat-markdown h5,
.ai-web-chat-markdown h6 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

/* Fixed heading margins — prose's defaults are em-based, so they ballooned once
   the heading font sizes grew. Reset the first child's top margin so a response
   that opens with a heading doesn't start with a gap. */

.ai-web-chat-markdown h1,
.ai-web-chat-markdown h2,
.ai-web-chat-markdown h3,
.ai-web-chat-markdown h4,
.ai-web-chat-markdown h5,
.ai-web-chat-markdown h6 {
  margin-top: 16px;
  margin-bottom: 8px;
}

.ai-web-chat-markdown > :first-child {
  margin-top: 0;
}

.ai-web-chat-markdown p,
.ai-web-chat-markdown li,
.ai-web-chat-markdown code {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

/* Wide tables scroll WITHIN their own message, not the whole chat. The scroll
   container is overflow-y:auto, and per the CSS spec a visible overflow-x is
   computed to auto when the other axis isn't visible — so an unconstrained wide
   table would scroll the entire panel. display:block makes the table itself the
   horizontal scroll container; width:max-content keeps the columns from
   collapsing; max-width:100% caps it to the message width. (GitHub uses the same
   technique.) */

.ai-web-chat-markdown table {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}

.ai-web-chat-markdown [data-ai-metric-card] table {
  display: table;
  width: 100%;
}

/* Full-page home variant: tables mirror V2::Table (bordered rounded-v2-lg card,
   level1 header with text-sm semibold secondary labels, white rows that hover to
   level1, v2-border-base dividers) using the same Tailwind tokens. Separate
   borders so the rounded corners clip cleanly. */

.ai-web-chat-markdown--page p,
.ai-web-chat-markdown--page li {
  line-height: 22px;
}

.ai-web-chat-markdown--page table {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 0.75rem;
  line-height: 130%;
  line-height: 1rem;
}

.ai-web-chat-markdown--page table .hero-icon {
  height: 0.875rem;
}

.ai-web-chat-markdown--page table {
  border-collapse: separate;
  border-spacing: 0;
}

.ai-web-chat-markdown--page thead th {
  height: 2.75rem;
  white-space: nowrap;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 130%;
  font-weight: 600;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(87 83 77 / var(--tw-text-opacity, 1));
}

.ai-web-chat-markdown--page thead th .hero-icon {
  height: 0.875rem;
}

.ai-web-chat-markdown--page tbody td {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  vertical-align: top;
  font-size: 0.75rem;
  line-height: 130%;
  --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-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.ai-web-chat-markdown--page tbody td .hero-icon {
  height: 0.875rem;
}

.ai-web-chat-markdown--page tbody tr:last-child td {
  border-bottom-width: 0px;
}

.ai-web-chat-markdown--page tbody tr:hover td {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.ai-web-chat-markdown--page table a {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(125 69 222 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.ai-web-chat-markdown--page table a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

/* Lavender scrollbar to match the chat tokens (bg #f3f3fa, border #c3c3ea). */

.ai-scrollbar::-webkit-scrollbar {
  width: 8px;
}

.ai-scrollbar::-webkit-scrollbar-thumb {
  background-color: #c3c3ea;
  /* AI border token */
  border-radius: 9999px;
}

.ai-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #a9a9dd;
  /* slightly darker lavender on hover */
}

.ai-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.ai-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #c3c3ea transparent;
}

[data-on-call-widget]:has([data-on-call-widget-paged]) turbo-frame#on_call_widget_shift {
  display: none;
}

[data-on-call-widget] turbo-frame {
  display: block;
}

@keyframes on-call-orb-pulse {
  0% {
    width: 0.5556rem;
    height: 0.5556rem;
    translate: 0 0;
    opacity: 1;
  }

  100% {
    width: 1rem;
    height: 1rem;
    translate: -0.2222rem -0.2222rem;
    opacity: 0.05;
  }
}

@keyframes on-call-stripes-slide {
  to {
    background-position-x: 1.591rem;
  }
}

/* Matches the loaded on-call widget's height so the lazy frame doesn't shift layout. */

.whats-next-widget-placeholder {
  min-height: 11.75rem;
}

.v2-aurora {
  background:
    radial-gradient(
      ellipse 48% 24% at 4% 100%,
      color-mix(in srgb, var(--aurora-color-2) 11%, transparent),
      transparent 70%
    ),
    radial-gradient(
      ellipse 40% 16% at 50% 100%,
      color-mix(in srgb, var(--aurora-color-2) 5%, transparent),
      transparent 66%
    ),
    radial-gradient(
      ellipse 52% 30% at 96% 100%,
      color-mix(in srgb, var(--aurora-color-2) 10%, transparent),
      transparent 70%
    );
}

.v2-aurora__canvas {
  width: 124%;
  height: 220%;
  left: -12%;
  bottom: -8%;
  opacity: 0.34;
  mix-blend-mode: screen;
  filter: blur(18px) saturate(1.18);
  -webkit-mask-image: linear-gradient(to top, #000 0%, #000 35%, transparent 90%);
  mask-image: linear-gradient(to top, #000 0%, #000 35%, transparent 90%);
  -webkit-mask-position: bottom;
  mask-position: bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 39.6%;
  mask-size: 100% 39.6%;
}

.v2-aurora::after {
  content: "";
  position: absolute;
  height: 1px;
  inset: auto 8% 0;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--aurora-color-1) 18%, transparent) 20%,
    color-mix(in srgb, var(--aurora-color-4) 62%, transparent) 50%,
    color-mix(in srgb, var(--aurora-color-4) 32%, transparent) 80%,
    transparent
  );
  opacity: 0.46;
  filter:
    drop-shadow(0 0 2px color-mix(in srgb, var(--aurora-color-2) 42%, transparent))
    drop-shadow(0 -1px 6px color-mix(in srgb, var(--aurora-color-3) 22%, transparent));
}

@media (prefers-reduced-motion: reduce) {
  .v2-aurora__canvas {
    transform: none;
  }
}

.border-glass {
  --border-glass-width: 1.5px;
  --border-glass-tint: rgb(255 255 255 / 0.38);
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.border-glass::before {
  position: absolute;
  z-index: 3;
  inset: 0;
  box-sizing: border-box;
  border: var(--border-glass-width) solid var(--border-glass-tint);
  border-radius: inherit;
  content: "";
  pointer-events: none;
  mix-blend-mode: multiply;
}

/* See docs/design-system/details-header.md. Plain CSS: this file goes through PostCSS, not Sass.
   The root-class prefix lets these rules outrank Tailwind utilities on the same elements. */

/* The bar is 65px with its border, not top-16's 64px, and the transition snapshot would cover the extra 1px. */

.v2-details-header .v2-details-header__detail[data-v2-details-measured] {
  top: var(--v2-details-bar-height);
  height: var(--v2-details-full);
  transition:
    height var(--v2-details-duration) var(--v2-details-easing),
    margin-bottom var(--v2-details-duration) var(--v2-details-easing);
}

.v2-details-header[data-minimized="true"] .v2-details-header__detail[data-v2-details-measured] {
  height: var(--v2-details-compact);
  margin-bottom: var(--v2-details-shrink);
}

/* A block the page cannot compress (taller than the viewport, or too little content beneath it to
   scroll its shrink distance) would pin over the tabs and content, so it scrolls away instead. */

.v2-details-header[data-in-flow="true"] .v2-details-header__detail {
  position: static;
}

.v2-details-header[data-in-flow="true"] .v2-details-header__tabs {
  top: var(--v2-details-bar-height);
}

/* After the state rules on purpose: while the controller measures, the box must size to content. */

.v2-details-header .v2-details-header__detail[data-v2-details-measuring] {
  position: static;
  height: auto;
  margin-bottom: 0;
  transition: none;
}

.v2-details-header .v2-details-header__tabs {
  top: calc(var(--v2-details-bar-height) + var(--v2-details-full));
  transition:
    top var(--v2-details-duration) var(--v2-details-easing),
    margin-top var(--v2-details-duration) var(--v2-details-easing),
    margin-bottom var(--v2-details-duration) var(--v2-details-easing);
}

.v2-details-header[data-minimized="true"] .v2-details-header__tabs {
  top: calc(var(--v2-details-bar-height) + var(--v2-details-compact));
  margin-top: calc(var(--v2-details-shrink) * -1);
  margin-bottom: var(--v2-details-shrink);
}

/* Without panels the tab group's wrapper is only as tall as the nav, which could not stick past it. */

.v2-details-header .v2-details-header__tab-group:not(:has(> [role="tabpanel"])) {
  display: contents;
}

@media (prefers-reduced-motion: reduce) {
  .v2-details-header .v2-details-header__detail,
  .v2-details-header .v2-details-header__tabs {
    transition: none;
  }
}

.v2-details-header .v2-details-header__eyebrow {
  view-transition-name: v2-details-eyebrow;
}

/* A page that streams its eyebrow can hide every chip, and the empty row then takes no gap. */

.v2-details-header .v2-details-header__eyebrow:not(:has(> :not([hidden]))) {
  display: none;
}

.v2-details-header .v2-details-header__expanded,
.v2-details-header .v2-details-header__compact-title {
  view-transition-name: v2-details-title;
}

.v2-details-header .v2-details-header__compact-description {
  view-transition-name: v2-details-description;
}

:root {
  --v2-details-duration: 400ms;
  --v2-details-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Without this the root is snapshotted too, freezing the page and its scroll for the duration. */

:root[data-v2-details-transition] {
  view-transition-name: none;
}

::view-transition-group(v2-details-eyebrow),
::view-transition-group(v2-details-title),
::view-transition-group(v2-details-description) {
  animation-duration: var(--v2-details-duration);
  animation-timing-function: var(--v2-details-easing);
}

@keyframes v2-details-fade-out {
  from {
    opacity: 1;
  }

  25%,
  to {
    opacity: 0;
  }
}

@keyframes v2-details-fade-in {
  from,
  65% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

::view-transition-old(v2-details-eyebrow),
::view-transition-old(v2-details-title),
::view-transition-old(v2-details-description) {
  animation: v2-details-fade-out var(--v2-details-duration) var(--v2-details-easing) both;
}

::view-transition-new(v2-details-eyebrow),
::view-transition-new(v2-details-title),
::view-transition-new(v2-details-description) {
  animation: v2-details-fade-in var(--v2-details-duration) var(--v2-details-easing) both;
}

/* Snapshots keep their natural size and clip to the box, so text moves instead of zooming. */

::view-transition-image-pair(v2-details-eyebrow),
::view-transition-image-pair(v2-details-title),
::view-transition-image-pair(v2-details-description) {
  overflow: clip;
}

::view-transition-old(v2-details-eyebrow),
::view-transition-new(v2-details-eyebrow),
::view-transition-old(v2-details-title),
::view-transition-new(v2-details-title),
::view-transition-old(v2-details-description),
::view-transition-new(v2-details-description) {
  inline-size: auto;
  block-size: auto;
}

.v2-details-header[data-minimized="true"] .v2-details-header__detail {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  gap: 0.75rem;
}

.v2-details-header[data-minimized="true"] .v2-details-header__title {
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.v2-details-header[data-minimized="true"] .v2-details-header__eyebrow {
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.v2-details-header[data-minimized="true"] .v2-details-header__expanded {
  display: none;
}

.v2-details-header[data-minimized="true"] .v2-details-header__compact {
  display: flex;
}

.v2-details-header__summary .incident-ai-summary-card {
  view-transition-name: incident-ai-summary-card;
}

.v2-details-header__summary .incident-ai-summary-card__title {
  view-transition-name: incident-ai-summary-card-title;
}

.v2-details-header__summary .incident-ai-summary-card__body {
  view-transition-name: incident-ai-summary-card-body;
}

::view-transition-group(incident-ai-summary-card),
::view-transition-group(incident-ai-summary-card-title),
::view-transition-group(incident-ai-summary-card-body) {
  animation-duration: var(--v2-details-duration);
  animation-timing-function: var(--v2-details-easing);
}

::view-transition-old(incident-ai-summary-card),
::view-transition-old(incident-ai-summary-card-title),
::view-transition-old(incident-ai-summary-card-body) {
  animation: v2-details-fade-out var(--v2-details-duration) var(--v2-details-easing) both;
}

::view-transition-new(incident-ai-summary-card),
::view-transition-new(incident-ai-summary-card-title),
::view-transition-new(incident-ai-summary-card-body) {
  animation: v2-details-fade-in var(--v2-details-duration) var(--v2-details-easing) both;
}

::view-transition-image-pair(incident-ai-summary-card-body) {
  overflow: clip;
}

::view-transition-old(incident-ai-summary-card-body),
::view-transition-new(incident-ai-summary-card-body) {
  inline-size: auto;
  block-size: auto;
}

.v2-details-header[data-minimized="true"] .v2-details-header__summary .incident-ai-summary-card {
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
}

.v2-details-header[data-minimized="true"] .v2-details-header__summary .incident-ai-summary-card__header,
.v2-details-header[data-minimized="true"] .v2-details-header__summary .incident-ai-summary-card__content {
  display: contents;
}

.v2-details-header[data-minimized="true"] .v2-details-header__summary .incident-ai-summary-card__title {
  flex-shrink: 0;
}

.v2-details-header[data-minimized="true"] .v2-details-header__summary .incident-ai-summary-card__body {
  order: 1;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.v2-mention {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3em;
  max-width: min(320px, 100% - 2px);
  margin: 0 1px;
  padding: 0 2px;
  border-radius: 4px;
  color: #292523;
  font-weight: 500;
  vertical-align: baseline;
  cursor: pointer;
  transition: background-color 120ms ease-out;
  &:hover {
    background-color: #f0f0ef;
  }
  &:active {
    background-color: #e7e5e4;
  }
}

:is(h1, h2, h3, h4, h5, h6, strong) .v2-mention {
  font-weight: inherit;
}

.v2-mention .v2-mention__icon {
  align-self: center;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  color: #6c6761;
}

.v2-mention .v2-mention__photo {
  border-radius: 9999px;
  object-fit: cover;
}

.v2-mention__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-color: #c6c2bf;
          text-decoration-color: #c6c2bf;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  .v2-mention:is(:hover, :active) & {
    -webkit-text-decoration-color: #6c6761;
            text-decoration-color: #6c6761;
  }
}

/* Keep the page from scrolling while any overlay is open. `data-scroll-lock-mobile`
   applies on smaller screens only.

   Use `[class~="hidden"]` instead of `.hidden`: Tailwind rewrites `@apply hidden`
   into this selector, so a literal `.hidden` would make the lock match even when
   the overlay is closed. */

body:has([data-scroll-lock]:not([class~="hidden"])) {
  overflow: hidden;
}

@media (max-width: 1279px) {
  body:has([data-scroll-lock-mobile]:not([class~="hidden"])) {
    overflow: hidden;
  }
}

/* AI SRE investigation surface — design tokens, keyframes, and the bespoke
   chart / diff-row / animation styles that Tailwind utilities can't express.
   The visual target is docs/ai-sre-design/design.dc.html. Most layout is done
   with inline styles in the components (mirroring the design 1:1); this file
   owns the shared tokens, animations, and a few reusable classes.

   NOTE: this partial is consumed by postcss-import as PLAIN CSS (no SCSS
   compiler runs despite the .scss extension, matching ai/web_chat.scss). Use
   block comments only and no nesting / no `&`. */

:root {
  --sre-ai-primary: #4a3e8e;
  --sre-ai-tertiary: #7468cb;
  --sre-ai-icon: #9792da;
  --sre-ai-bg: #f3f3fa;
  --sre-success: #2e6140;
  --sre-success-bg: #e8faef;
  --sre-critical: #ad211a;
  --sre-critical-bg: #fdf3f2;
  --sre-warning: #7f500c;
  --sre-ink: #292523;
  --sre-body: #57534d;
  --sre-muted: #6c6761;
  --sre-faint: #87817b;
  --sre-line: #dcd9d7;
  --sre-line-soft: #f7f7f6;
  --sre-canvas: #fcfbfa;
  --sre-chart-surface: #ffffff;
  --sre-hover-bg: #f3f3fa;
  --sre-diff-context: #c6c2bf;
  --sre-info: #355F89;
  --sre-selected: #4a3e8e;
  --sre-shadow: rgb(0 0 0 / .18);
  --sre-shadow-strong: rgb(0 0 0 / .32);
  --sre-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

@keyframes scspin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes scfadeUp {
  from {
    opacity: 0;
    transform: translateY(0.4375rem);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes scdot {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(.55);
    opacity: .45;
  }
}

@keyframes scshim {
  0%, 100% {
    opacity: .5;
  }

  50% {
    opacity: 1;
  }
}

.ai-sre {
  font-family: Inter var, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: var(--sre-body);
}

.ai-sre ::-webkit-scrollbar {
  width: .625rem;
  height: .625rem;
}

.ai-sre ::-webkit-scrollbar-thumb {
  background: var(--sre-line);
  border-radius: .5625rem;
  border: .1875rem solid #ffffff;
}

.ai-sre-mono {
  font-family: var(--sre-mono);
}

/* Animation utility classes (used via the inline-style mirror or directly). */

.ai-sre-spin {
  animation: scspin .8s linear infinite;
}

.ai-sre-fade-up {
  animation: scfadeUp .35s ease both;
}

.ai-sre-dot {
  animation: scdot 1s infinite;
}

.ai-sre-shimmer {
  animation: scshim 1.3s ease-in-out infinite;
}

.ai-sre-diff {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-family: var(--sre-mono);
  background: #ffffff;
}

.ai-sre-diff__row {
  padding: 0px;
  padding-right: 0.75rem;
}

.ai-sre-diff__row--add {
  background: var(--sre-success-bg);
  color: var(--sre-success);
}

.ai-sre-diff__row--del {
  background: var(--sre-critical-bg);
  color: var(--sre-critical);
}

.ai-sre-diff__gutter {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-right: 0.75rem;
  text-align: right;
  width: 1.875rem;
  color: var(--sre-diff-context);
}

.ai-sre-diff__sign {
  display: inline-block;
  width: 0.75rem;
  font-weight: 700;
}

/* Chart hover tooltip injected by the chart Stimulus controller. */

.ai-sre-chart {
  position: relative;
  color: var(--sre-ai-primary);
}

.ai-sre-chart svg {
  display: block;
  height: auto;
  font-family: inherit;
}

.ai-sre-chart__grid {
  opacity: 0.8;
  color: var(--sre-line-soft);
}

.ai-sre-chart__axis-label {
  font-size: 0.625rem;
  color: var(--sre-muted);
  fill: currentColor;
  font-family: inherit;
}

/* Follows the pointer; the controller sets left/top in px and clamps both to
   the chart box, so `max-width: 100%` is what keeps a long multi-series tip
   from hanging outside a narrow column. `pre-line` because the tip is one line
   per value — set as textContent, so the newlines are the only markup.
   `width: max-content` because shrink-to-fit reads `overflow-wrap` as licence to
   narrow the box to its min-content width, wrapping every line mid-phrase at
   well under the cap. */

.ai-sre-chart__tip {
  pointer-events: none;
  position: absolute;
  z-index: 10;
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  opacity: 0;
  top: 0;
  left: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: min(18rem, 100%);
  white-space: pre-line;
  overflow-wrap: break-word;
  transform: translateX(-50%);
  background: var(--sre-ink);
  color: #ffffff;
  box-shadow: 0 .25rem .75rem rgb(0 0 0 / .2);
  transition: opacity .1s;
}

.ai-sre-chart__tip--on {
  opacity: 1;
}

/* Collapsible state toggled by the surface controller. Server markup is
   authoritative and survives Turbo morphs; JS only flips these classes. */

.ai-sre-collapsed {
  display: none !important;
}

.ai-sre-view-only .ai-sre-composer,
.ai-sre-view-only .ai-sre-dock__side,
.ai-sre-view-only .ai-sre-dock__open,
.ai-sre-view-only .ai-sre-devin-action {
  display: none;
}

.ai-sre-table__row:hover {
  background: var(--sre-hover-bg);
}

@keyframes scping {
  0% {
    transform: scale(.28);
    opacity: .65;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.ai-sre-ping {
  animation: scping 2.8s ease-out infinite;
}

.ai-sre-ping--delayed {
  animation: scping 2.8s ease-out 1.4s infinite;
}

.ai-sre-sweep {
  animation: scspin 2.8s linear infinite;
}

.ai-sre-dock,
.ai-sre-body,
.ai-sre-narrow,
.ai-sre-run {
  --ai-sre-checklist-style-version: 54;
  --run-ink: #292523;
  --run-ink-2: #57534d;
  --run-muted: #6c6761;
  --run-faint: #87817b;
  --run-line: #dcd9d7;
  --run-line-soft: #f7f7f6;
  --run-line-hard: #dcd9d7;
  --run-inset-2: #f7f7f6;
  --run-accent: #4a3e8e;
  --run-accent-2: #7468cb;
  --run-accent-wash: #f3f3fa;
  --run-accent-line: #e3e3f4;
  --run-success: #2e6140;
  --run-success-bg: #e8faef;
  --run-warning: #7f500c;
  --run-warning-border: #fde595;
  --run-warning-bg: #fafbd6;
  --run-critical: #ad211a;
  --run-critical-bg: #fdf3f2;
  --run-surface: #ffffff;
  --fs-hero: 1.3125rem;
  --fs-body: 0.875rem;
  --fs-label: 0.75rem;
  --fs-meta: .6875rem;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-strong: 650;
  --row-line: 1.25rem;
  --glyph: 1.25rem;
  --row-pad: 1rem;
  --row-pad-y: 0.75rem;
  --row-gap: 0.5rem;
  --step: calc(var(--glyph) + var(--row-gap));
  --indent: 0px;
  --node-r: 0.4375rem;
  --arm: calc(var(--step) - var(--node-r));
  --connector-overlap: 1px;
  --trunk-r: 6px;
  --ai-sre-anchor-inset: 56px;
  --row-mid: calc(var(--row-pad-y) + var(--row-line) / 2);
  --run-col: 820px;
}

.ai-sre-narrow,
.ai-sre-run {
  width: 100%;
  margin-inline: auto;
}

.ai-sre-narrow {
  max-width: calc(var(--run-col) + 2rem * 2);
}

.ai-sre-run {
  max-width: var(--run-col);
}

.ai-sre-body {
  --run-gutter: 1rem;
  display: grid;
  grid-template-columns:
    minmax(auto, 1fr)
    minmax(0, calc(var(--run-col) + 2rem * 2))
    minmax(var(--run-gutter), 1fr);
  align-items: stretch;
  min-height: 0;
  flex: 1 1 auto;
  container: ai-sre-body / inline-size;
}

.ai-sre-body > .ai-sre-scroll {
  grid-column: 2;
}

.ai-sre-legend-slot {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 2.125rem;
  padding-left: var(--run-gutter);
}

.ai-sre-legend {
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--ai-sre-sticky-offset, 0px) + 2.75rem);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 1rem;
}

@container ai-sre-body (min-width: 56rem) {
  .ai-sre-legend {
    display: block;
  }
}

.ai-sre-legend__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-sre-legend__link {
  display: block;
  white-space: nowrap;
  font-size: var(--fs-label);
  line-height: 1.35;
  color: var(--run-faint);
  text-decoration: none;
  transition: color 120ms ease;
}

.ai-sre-legend__link:hover {
  color: var(--run-ink-2);
}

.ai-sre-legend__link--on {
  color: var(--run-ink);
}

.ai-sre-anchor {
  scroll-margin-top: calc(var(--ai-sre-sticky-offset, 0px) + var(--ai-sre-anchor-inset));
}

.ai-sre-dock {
  --chat-col: 23rem;
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 0;
  flex: 1 1 auto;
}

.ai-sre-dock__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
}

.ai-sre-dock__side {
  position: fixed;
  right: 1rem;
  bottom: calc(1rem + 2.5rem + .75rem);
  z-index: 40;
  width: min(var(--chat-col), calc(100vw - 2rem));
  height: min(40rem, calc(100dvh - 2rem - 2.5rem - .75rem));
  border: 1px solid var(--run-line);
  border-radius: 0.75rem;
  overflow: hidden;
  background: var(--run-surface);
  box-shadow: 0 12px 32px -20px rgb(23 15 60 / 0.35);
  transform-origin: bottom right;
}

@keyframes ai-sre-chat-enter {
  from {
    opacity: .5;
    transform: scale(.98);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ai-sre-chat-exit {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: .5;
    transform: scale(.98);
  }
}

.ai-sre-dock[data-chat-open="false"] .ai-sre-dock__side {
  display: none;
}

.ai-sre-dock[data-chat-closing="true"] .ai-sre-dock__side {
  display: block !important;
  animation: ai-sre-chat-exit .09s ease-in both;
  pointer-events: none;
}

.ai-sre-dock[data-chat-open="true"] .ai-sre-dock__side {
  animation: ai-sre-chat-enter .09s ease-out both;
}

.ai-sre-dock__open {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 41;
  min-height: 2.5rem;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border: 1px solid var(--run-line);
  border-radius: 9999px;
  background: var(--run-surface);
  color: var(--run-ink-2);
  font-size: var(--fs-label);
  font-weight: var(--fw-medium);
  cursor: pointer;
  box-shadow: 0 12px 32px -20px rgb(23 15 60 / 0.35);
}

.ai-sre-dock__open:hover {
  color: var(--run-accent);
  border-color: var(--run-accent-line);
}

.ai-sre-chat {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.ai-sre-chat__head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: none;
  padding: 14px 1rem;
  border-bottom: 1px solid var(--run-line-soft);
  color: var(--run-accent);
}

.ai-sre-chat__title {
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-weight: var(--fw-medium);
}

.ai-sre-chat__note {
  color: var(--run-faint);
  font-size: var(--fs-meta);
}

.ai-sre-chat__close {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  padding: 0.25rem;
  border-radius: 0.375rem;
  color: var(--run-faint);
  cursor: pointer;
}

.ai-sre-chat__close:hover {
  color: var(--run-ink);
  background: var(--run-inset-2);
}

.ai-sre-chat__log {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ai-sre-chat__empty {
  margin: 0;
  color: var(--run-muted);
  font-size: var(--fs-label);
  line-height: 1.55;
}

.ai-sre-chat__turn {
  display: flex;
  flex-direction: column;
}

.ai-sre-chat__turn--ask {
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  background: var(--run-accent-wash);
  border: 1px solid var(--run-accent-line);
}

.ai-sre-chat__ask-text {
  margin: 0;
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-weight: var(--fw-medium);
  line-height: 1.5;
}

.ai-sre-chat__reply {
  color: var(--run-ink);
  font-size: var(--fs-body);
  line-height: 1.6;
}

.ai-sre-chat__reply > :first-child {
  margin-top: 0;
}

.ai-sre-chat__reply > :last-child {
  margin-bottom: 0;
}

.ai-sre-chat__turn > .ai-sre-chat__reply:not(:first-child):not(:empty) {
  margin-top: 8px;
}

.ai-sre-chat__reply h1,
.ai-sre-chat__reply h2,
.ai-sre-chat__reply h3,
.ai-sre-chat__reply h4,
.ai-sre-chat__reply h5 {
  margin: 1rem 0 6px;
  font-size: var(--fs-label);
  font-weight: var(--fw-strong);
  line-height: 1.4;
  color: var(--run-ink);
}

.ai-sre-chat__working {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--run-accent);
  font-size: var(--fs-meta);
  font-weight: var(--fw-medium);
  -webkit-text-fill-color: currentColor;
}

.ai-sre-chat__tools {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0.5rem 0 0 0.25rem;
  padding-left: 0.75rem;
  border-left: 1px solid var(--run-accent-line);
}

.ai-sre-chat__tool {
  display: grid;
  grid-template-columns: auto minmax(0, auto) auto minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--run-muted);
  font-size: var(--fs-meta);
}

.ai-sre-chat__tool-icon {
  color: var(--run-accent);
}

.ai-sre-chat__tool-name {
  min-width: 0;
  overflow: hidden;
  color: var(--run-ink-2);
  font-weight: var(--fw-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-sre-chat__tool-status {
  color: var(--run-faint);
}

.ai-sre-chat__tool-detail {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-sre-chat__floor {
  flex: none;
  height: 1px;
}

.ai-sre-chat__composer {
  flex: none;
  padding: 0.75rem;
  border-top: 1px solid var(--run-line-soft);
  background: var(--run-surface);
}

.ai-sre-chat__composer .ai-sre-composer__send {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  color: #fff;
  background: var(--run-accent);
  border-color: transparent;
}

.ai-sre-chat__composer .ai-sre-composer__send:hover:not(:disabled) {
  background: color-mix(in srgb, var(--run-accent) 88%, #000);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--run-accent) 18%, transparent);
}

.ai-sre-chat__composer .ai-sre-composer__send:disabled {
  color: var(--run-faint);
  background: var(--run-inset-2);
  border-color: var(--run-line-soft);
  opacity: 1;
}

.ai-sre-card {
  border: 1px solid transparent;
  border-radius: 0.75rem;
  overflow: hidden;
  background: #fff;
  --border-glass-tint: rgb(216 210 240 / 0.42);
}

.ai-sre-st {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: start;
  gap: 1rem;
  position: relative;
  padding: 20px;
  overflow: hidden;
  border-bottom: 1px solid var(--run-line-soft);
}

.ai-sre-st__mark {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--run-accent) 16%, transparent);
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--run-surface) 82%, transparent);
  box-shadow:
    0 8px 24px color-mix(in srgb, var(--run-accent) 12%, transparent),
    inset 0 1px color-mix(in srgb, var(--run-surface) 90%, transparent);
}

.ai-sre-st__live-dot {
  width: 9px;
  height: 9px;
  position: absolute;
  right: -2px;
  bottom: -2px;
  border: 2px solid var(--run-surface);
  border-radius: 50%;
  background: var(--run-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--run-accent) 12%, transparent);
  animation: aiSreStatusPulse 2s ease-in-out infinite;
}

.ai-sre-st__body {
  min-width: 0;
}

.ai-sre-st__eyebrow {
  min-height: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  font-size: var(--fs-meta);
  line-height: 1.4;
}

.ai-sre-st__live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--run-accent);
  font-weight: var(--fw-strong);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ai-sre-st__live-pip {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--run-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--run-accent) 10%, transparent);
}

.ai-sre-st__stage {
  padding-left: 0.5rem;
  border-left: 1px solid var(--run-accent-line);
  color: var(--run-muted);
  font-weight: var(--fw-normal);
}

.ai-sre-st__say {
  margin: 0;
  max-width: 62ch;
  font-size: var(--fs-body);
  line-height: 1.35;
  font-weight: var(--fw-strong);
  color: var(--run-ink);
  letter-spacing: -0.01em;
}

.ai-sre-st__detail {
  margin: 6px 0 0;
  max-width: 70ch;
  min-height: calc(2 * 1.45em);
  font-size: var(--fs-body);
  line-height: 1.45;
  color: var(--run-ink-2);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ai-sre-st__progress {
  width: min(100%, 440px);
  display: grid;
  grid-template-columns: repeat(var(--ai-sre-stage-count, 5), minmax(0, 1fr));
  gap: 0.25rem;
  margin-top: 0.75rem;
}

.ai-sre-st__progress-segment {
  height: 4px;
  overflow: hidden;
  position: relative;
  border-radius: 9999px;
}

.ai-sre-st__progress-segment--queued {
  background: color-mix(in srgb, var(--run-accent) 16%, transparent);
}

.ai-sre-st__progress-segment--done {
  background: color-mix(in srgb, var(--run-accent) 55%, transparent);
}

.ai-sre-st__progress-segment--now {
  background: linear-gradient(90deg, var(--run-accent), var(--run-accent-2));
  box-shadow: 0 0 12px color-mix(in srgb, var(--run-accent) 28%, transparent);
}

.ai-sre-st__progress-segment--now::after {
  content: "";
  width: 45%;
  position: absolute;
  inset-block: 0;
  left: -50%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--run-surface) 80%, transparent), transparent);
  animation: aiSreStatusSweep 1.8s ease-in-out infinite;
}

.ai-sre-st__clock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--run-accent) 14%, transparent);
  border-radius: 9999px;
  background: color-mix(in srgb, var(--run-surface) 72%, transparent);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--run-accent) 7%, transparent);
  color: var(--run-accent);
  font-size: var(--fs-meta);
  white-space: nowrap;
}

.ai-sre-st__time {
  color: var(--run-ink);
  font-size: var(--fs-label);
  font-weight: var(--fw-strong);
  font-variant-numeric: tabular-nums;
}

.ai-sre-st__elapsed {
  color: var(--run-muted);
}

@keyframes aiSreStatusPulse {
  0%, 100% {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--run-accent) 10%, transparent);
  }

  50% {
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--run-accent) 3%, transparent);
  }
}

@keyframes aiSreStatusSweep {
  0% {
    left: -50%;
  }

  65%, 100% {
    left: 110%;
  }
}

@media (max-width: 640px) {
  .ai-sre-st {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.75rem;
    padding: 1rem;
  }

  .ai-sre-st__clock {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .ai-sre-st__body {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .ai-sre-st__progress {
    width: 100%;
  }
}

.ai-sre-li {
  display: grid;
  grid-template-columns: var(--glyph) minmax(0, 1fr) auto;
  -moz-column-gap: var(--row-gap);
       column-gap: var(--row-gap);
  align-items: start;
  width: 100%;
  text-align: left;
  padding: var(--row-pad-y) var(--row-pad) var(--row-pad-y) calc(var(--row-pad) + var(--indent));
  position: relative;
}

.ai-sre-li[role="button"] {
  cursor: pointer;
}

.ai-sre-li[role="button"]:hover {
  background: var(--run-inset-2);
}

.ai-sre-li[role="button"]:hover .ai-sre-li__chev {
  color: var(--run-accent);
}

.ai-sre-li[role="button"]:focus-visible {
  outline: 2px solid var(--run-accent);
  outline-offset: -2px;
}

.ai-sre-li__trail {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 12px;
}

.ai-sre-spine {
  border-top: 0;
}

.ai-sre-spine > .ai-sre-group + .ai-sre-group > .ai-sre-li {
  border-top: 1px solid var(--run-line-soft);
}

.ai-sre-li__glyph {
  width: var(--glyph);
  height: var(--glyph);
  display: grid;
  place-items: center;
  position: relative;
  z-index: 3;
}

.ai-sre-state-icon {
  display: block;
}

.ai-sre-li__label {
  font-size: var(--fs-body);
  line-height: var(--row-line);
  color: var(--run-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-sre-li__children .ai-sre-li__label {
  white-space: normal;
  text-overflow: clip;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ai-sre-li--now .ai-sre-li__label {
  font-weight: var(--fw-strong);
}

.ai-sre-li--skip .ai-sre-li__label,
.ai-sre-li--queued .ai-sre-li__label {
  color: var(--run-muted);
}

.ai-sre-group[data-sre-expanded="true"] > .ai-sre-li .ai-sre-li__label,
.ai-sre-group[data-sre-user-expanded="true"] > .ai-sre-li .ai-sre-li__label {
  -webkit-line-clamp: unset;
  white-space: normal;
}

.ai-sre-li__meta {
  font-size: var(--fs-meta);
  font-weight: var(--fw-normal);
  color: var(--run-faint);
  white-space: nowrap;
  line-height: var(--row-line);
  font-variant-numeric: tabular-nums;
}

.ai-sre-li--now .ai-sre-li__meta {
  color: var(--run-faint);
}

.ai-sre-li--slow .ai-sre-li__meta {
  color: var(--run-ink-2);
  font-weight: var(--fw-strong);
}

.ai-sre-li__chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  color: var(--run-faint);
}

.ai-sre-group[data-sre-expanded="false"] > .ai-sre-li__children,
.ai-sre-group[data-sre-expanded="false"] > .ai-sre-ev {
  display: none;
}

.ai-sre-group[data-sre-user-expanded="true"] > .ai-sre-li__children {
  display: block;
}

.ai-sre-group[data-sre-user-expanded="true"] > .ai-sre-ev {
  display: block;
}

.ai-sre-group[data-sre-user-expanded="false"] > .ai-sre-li__children,
.ai-sre-group[data-sre-user-expanded="false"] > .ai-sre-ev {
  display: none;
}

.ai-sre-li__caret {
  transition: transform 150ms ease;
}

.ai-sre-group[data-sre-expanded="true"] > .ai-sre-li .ai-sre-li__caret,
.ai-sre-group[data-sre-user-expanded="true"] > .ai-sre-li .ai-sre-li__caret {
  transform: rotate(90deg);
}

.ai-sre-group[data-sre-user-expanded="false"] > .ai-sre-li .ai-sre-li__caret {
  transform: none;
}

.ai-sre-li__children {
  --indent: var(--step);
  --row-pad-y: 0.5rem;
  --row-mid: calc(var(--row-pad-y) + var(--row-line) / 2);
}

.ai-sre-li__children .ai-sre-li__children {
  --indent: calc(var(--step) * 2);
}

.ai-sre-li__children > .ai-sre-group {
  position: relative;
}

.ai-sre-branch {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.ai-sre-branch__svg {
  position: absolute;
  left: calc(var(--row-pad) + var(--indent) - var(--step) + var(--glyph) / 2 - 0.03125rem);
  top: 0;
  display: block;
  width: calc(var(--arm) + 0.03125rem);
  height: calc(100% + var(--connector-overlap));
  overflow: visible;
}

.ai-sre-branch__incoming,
.ai-sre-branch__elbow,
.ai-sre-branch__outgoing {
  fill: none;
  stroke: var(--run-line);
  stroke-width: 1;
  stroke-linecap: square;
  stroke-linejoin: round;
}

.ai-sre-li__child-stem {
  display: none;
  position: absolute;
  z-index: 2;
  left: calc(var(--row-pad) + var(--indent) + var(--glyph) / 2 - 0.03125rem);
  top: calc(var(--row-mid) + var(--node-r));
  bottom: calc(var(--connector-overlap) * -1);
  width: 1px;
  background: var(--run-line);
  transform-origin: top;
}

.ai-sre-group[data-sre-expanded="true"] > .ai-sre-li > .ai-sre-li__child-stem,
.ai-sre-group[data-sre-user-expanded="true"] > .ai-sre-li > .ai-sre-li__child-stem {
  display: block;
}

.ai-sre-group[data-sre-user-expanded="false"] > .ai-sre-li > .ai-sre-li__child-stem {
  display: none;
}

.ai-sre-group__note {
  margin: 0 0 0.25rem;
  padding: 0 var(--row-pad) var(--row-pad-y) calc(var(--row-pad) + var(--indent) + var(--step));
  font-size: var(--fs-body);
  line-height: 1.55;
  color: var(--run-ink-2);
  max-width: 64ch;
}

.ai-sre-ev {
  position: relative;
  padding: 0 var(--row-pad) .5rem calc(var(--row-pad) + var(--indent) + var(--step));
}

.ai-sre-ev::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: .5rem;
  left: calc(var(--row-pad) + var(--indent) + var(--glyph) / 2 - 0.03125rem);
  width: 1px;
  background: var(--run-line);
}

.ai-sre-ev__live {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: var(--fs-meta);
  font-weight: var(--fw-strong);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--run-accent);
}

.ai-sre-ev__text {
  margin: 0 0 0.75rem;
  max-width: 68ch;
  font-size: var(--fs-body);
  line-height: 1.55;
  color: var(--run-ink-2);
}

.ai-sre-tool {
  border: 1px solid var(--run-line);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
  background: #fff;
}

.ai-sre-tool__head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  list-style: none;
}

.ai-sre-tool__head::-webkit-details-marker {
  display: none;
}

.ai-sre-tool__chevron {
  display: inline-flex;
  margin-left: auto;
  color: var(--run-faint);
  transition: transform 140ms ease;
}

.ai-sre-tool[open] .ai-sre-tool__chevron {
  transform: rotate(90deg);
}

.ai-sre-tool__vendor {
  width: 16px;
  height: 16px;
  border-radius: 0.25rem;
  display: grid;
  place-items: center;
  flex: none;
}

.ai-sre-tool__name {
  font-size: var(--fs-meta);
  font-weight: var(--fw-strong);
  color: var(--run-ink);
}

.ai-sre-tool:last-child {
  margin-bottom: 0;
}

.ai-sre-tool__details {
  display: grid;
  gap: 5px;
  margin: 0.5rem 0 0;
}

.ai-sre-tool__row {
  display: grid;
  grid-template-columns: minmax(70px, 17%) minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  font-size: var(--fs-label);
  line-height: 1.45;
}

.ai-sre-tool__row dt {
  color: var(--run-muted);
  font-weight: var(--fw-strong);
}

.ai-sre-tool__row dd {
  min-width: 0;
  margin: 0;
  color: var(--run-ink-2);
}

.ai-sre-tool__row code {
  display: block;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  font-family: var(--sre-mono);
  font-size: var(--fs-meta);
}

.ai-sre-tool__failure {
  margin-top: 0.5rem;
  padding: 7px 0.5rem;
  border-left: 3px solid var(--sre-critical);
  border-radius: 0.25rem;
  background: var(--sre-critical-bg);
  color: var(--sre-critical);
  font-size: var(--fs-label);
  line-height: 1.45;
}

.ai-sre-fig {
  border: 1px solid var(--run-line);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
  background: #fff;
}

.ai-sre-fig__head {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.ai-sre-fig__label {
  font-size: var(--fs-meta);
  color: var(--run-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-sre-diff__head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--run-line);
  font-family: var(--sre-mono);
  font-size: var(--fs-meta);
  color: var(--run-muted);
}

.ai-sre-diff__lang {
  margin-left: auto;
}

.ai-sre-diff__rows {
  padding: 4px 0;
}

.ai-sre-srcs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.ai-sre-srcs__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--fs-meta);
  color: var(--run-muted);
  text-decoration: none;
  border: 1px solid var(--run-line);
  border-radius: 9999px;
  padding: 2px 0.5rem 2px 0.25rem;
}

.ai-sre-srcs__link:hover {
  border-color: var(--run-accent-line);
  color: var(--run-accent);
}

.ai-sre-li__reviewers {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0 var(--row-pad) 12px calc(var(--row-pad) + var(--indent) + var(--step));
}

.ai-sre-rev {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--fs-meta);
  color: var(--run-muted);
  border: 1px solid var(--run-line-hard);
  border-radius: 9999px;
  padding: 2px 0.5rem;
}

.ai-sre-rev--now {
  color: var(--run-accent);
  border-color: var(--run-accent-line);
}

.ai-sre-rev--done {
  color: var(--run-ink-2);
}

.ai-sre-status-shell {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--run-col, 820px);
  margin-inline: auto;
}

.ai-sre-status-shell--live {
  --border-glass-tint: rgb(216 210 240 / 0.42);
  flex: 0 0 auto;
  margin-bottom: -1px;
  z-index: 2;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 0.75rem 0.75rem 0 0;
  background: #fff;
  overflow: hidden;
}

.ai-sre-status-shell--live + .ai-sre-run {
  position: relative;
  z-index: 1;
}

.ai-sre-status-shell--live::before {
  border-bottom-color: transparent;
}

.ai-sre-status-shell--live + .ai-sre-run .ai-sre-card {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ai-sre-status-shell--live + .ai-sre-run .ai-sre-card::before {
  border-top-color: transparent;
}

.ai-sre-status-shell--terminal {
  background: var(--run-surface);
}

.ai-sre-verdict {
  position: relative;
  border: 1px solid var(--run-line);
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0 4px 18px rgb(0 0 0 / .07);
  overflow: hidden;
}

.ai-sre-status-shell--neutral .ai-sre-verdict {
  border-color: var(--run-warning-border);
}

.ai-sre-status-shell--success .ai-sre-verdict {
  border-color: var(--run-success);
}

.ai-sre-status-shell--attention .ai-sre-verdict {
  border-color: var(--run-critical);
}

.ai-sre-verdict__top {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  grid-template-areas:
    "icon head aside"
    ".    body body"
    ".    confidence confidence"
    ".    pills pills";
  align-items: start;
  -moz-column-gap: 11px;
       column-gap: 11px;
  padding: 13px 1rem 0;
}

.ai-sre-verdict__top > div:not(.ai-sre-verdict__aside) {
  display: contents;
}

.ai-sre-verdict__icon {
  grid-area: icon;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 0.5rem;
}

.ai-sre-status-shell--success .ai-sre-verdict__icon {
  color: var(--run-success);
  background: var(--run-success-bg);
}

.ai-sre-status-shell--neutral .ai-sre-verdict__icon {
  color: var(--run-warning);
  background: var(--run-warning-bg);
}

.ai-sre-status-shell--attention .ai-sre-verdict__icon {
  color: var(--run-critical);
  background: var(--run-critical-bg);
}

.ai-sre-verdict__label {
  grid-area: head;
  margin: 0;
  color: var(--run-ink);
  font-size: var(--fs-hero);
  font-weight: var(--fw-strong);
  line-height: 1.3;
  letter-spacing: -0.012em;
}

.ai-sre-verdict__summary {
  grid-area: body;
  margin: 5px 0 0;
  max-width: 66ch;
  color: var(--run-ink-2);
  font-size: var(--fs-body);
  line-height: 1.55;
}

.ai-sre-verdict__confidence {
  display: flex;
  grid-area: confidence;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 10px 0 0;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  line-height: 1.45;
}

.ai-sre-verdict__confidence strong {
  color: var(--sre-success);
  font-weight: var(--fw-strong);
}

.ai-sre-verdict__aside {
  grid-area: aside;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.ai-sre-verdict__clock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid var(--run-line);
  border-radius: 9999px;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ai-sre-verdict__clock b {
  color: var(--run-ink);
  font-weight: var(--fw-strong);
}

.ai-sre-verdict__fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 0.75rem 18px;
  margin: 15px 0 0;
  padding: 0 1rem 0.75rem;
}

.ai-sre-verdict__fields > div {
  min-width: 0;
}

.ai-sre-verdict__fields dt {
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-weight: var(--fw-strong);
}

.ai-sre-verdict__fields dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
  color: var(--run-ink);
  font-size: var(--fs-body);
  line-height: 1.45;
}

.ai-sre-verdict__fields dd small {
  display: block;
  margin-top: 3px;
  color: var(--run-muted);
  font-size: var(--fs-meta);
}

.ai-sre-steps {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-sre-steps li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 0.75rem;
  padding: 10px 0;
  border-top: 1px solid var(--run-line-soft);
  color: var(--run-ink-2);
  font-size: var(--fs-body);
  line-height: 1.5;
}

.ai-sre-steps li:first-child {
  border-top: 0;
}

.ai-sre-steps__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  white-space: nowrap;
}

.ai-sre-steps__owner {
  color: var(--run-muted);
}

.ai-sre-steps__empty {
  margin: 0;
  color: var(--run-muted);
  font-size: var(--fs-body);
  line-height: 1.5;
}

.ai-sre-verdict__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 1rem 11px;
  border-top: 1px solid var(--run-line-soft);
}

.ai-sre-verdict__meta {
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-variant-numeric: tabular-nums;
}

.ai-sre-verdict__sentinel {
  height: 1px;
}

.ai-sre-verdict__rerun-form {
  margin-left: auto;
}

.ai-sre-verdict__rerun {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border: 1px solid var(--run-line-soft);
  border-radius: 9999px;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-weight: var(--fw-strong);
  white-space: nowrap;
}

.ai-sre-verdict__rerun:hover {
  border-color: var(--run-accent);
  color: var(--run-accent);
}

.ai-sre-verdict__foot .ai-sre-diagnosis-feedback {
  margin-top: 0;
  margin-left: auto;
  padding-top: 0;
  border-top: 0;
}

.ai-sre-verdict__foot .ai-sre-diagnosis-feedback.is-expanded {
  flex-basis: 100%;
  margin-left: 0;
}

.ai-sre-tier {
  align-self: start;
  padding: 2px 7px;
  border: 1px solid transparent;
  border-radius: 9999px;
  font-size: var(--fs-meta);
  font-weight: var(--fw-strong);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ai-sre-tier--confirmed {
  color: var(--run-success);
  background: var(--run-success-bg);
}

.ai-sre-tier--likely {
  color: var(--run-warning);
  background: var(--run-warning-bg);
}

.ai-sre-tier--refuted {
  color: var(--run-muted);
  background: var(--run-line-soft);
  text-decoration: line-through;
}

.ai-sre-tier--decisive {
  color: #ffffff;
  background: var(--run-accent);
}

.ai-sre-tier--strong {
  color: var(--run-accent);
  background: var(--run-accent-wash);
  border-color: var(--run-accent-line);
}

.ai-sre-tier--supporting {
  color: var(--run-muted);
  background: var(--run-line-soft);
}

.ai-sre-sticky-slot {
  position: -webkit-sticky;
  position: sticky;
  top: var(--ai-sre-sticky-offset, 0px);
  height: 0;
  z-index: 10;
}

.ai-sre-compact {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  max-width: var(--run-col, 820px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 22px auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  border: 1px solid var(--run-line);
  border-top: 0;
  border-radius: 0 0 0.75rem 0.75rem;
  background: #fff;
  box-shadow: 0 6px 18px rgb(0 0 0 / .1);
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 160ms ease, transform 160ms ease;
  pointer-events: none;
}

.ai-sre-compact--on {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.ai-sre-compact--success {
  border-color: var(--run-success);
}

.ai-sre-compact--neutral {
  border-color: var(--run-warning-border);
}

.ai-sre-compact--attention {
  border-color: var(--run-critical);
}

.ai-sre-compact__icon {
  display: grid;
  place-items: center;
}

.ai-sre-compact--success .ai-sre-compact__icon {
  color: var(--run-success);
}

.ai-sre-compact--neutral .ai-sre-compact__icon {
  color: var(--run-warning);
}

.ai-sre-compact--attention .ai-sre-compact__icon {
  color: var(--run-critical);
}

.ai-sre-compact__label {
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-weight: var(--fw-strong);
  white-space: nowrap;
}

.ai-sre-compact__summary {
  min-width: 0;
  overflow: hidden;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-sre-compact__time {
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ai-sre-report {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 14px;
}

.ai-sre-block {
  border: 1px solid var(--run-line);
  border-radius: 0.75rem;
  padding: 1rem 18px 17px;
  background: #fff;
}

.ai-sre-block--story {
  border-color: var(--run-accent-line);
}

.ai-sre-h {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 10px;
  color: var(--run-accent);
}

.ai-sre-h__title {
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-weight: var(--fw-medium);
}

.ai-sre-h__meta {
  color: var(--run-faint);
  font-size: var(--fs-meta);
  font-weight: var(--fw-normal);
}

.ai-sre-helper {
  margin: 0 0 10px;
  max-width: 72ch;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  line-height: 1.55;
}

.ai-sre-prose {
  width: 100%;
  max-width: none;
  color: var(--run-ink-2);
  font-size: var(--fs-body);
  line-height: 1.6;
}

.ai-sre-chain {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.ai-sre-chain__row {
  display: grid;
  grid-template-columns: 3.5rem 1.25rem minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--run-line-soft);
}

.ai-sre-chain--unclocked .ai-sre-chain__row {
  grid-template-columns: 1.25rem minmax(0, 1fr);
}

.ai-sre-chain__clock {
  color: var(--run-muted);
  white-space: nowrap;
  font-size: var(--fs-meta);
  font-variant-numeric: tabular-nums;
  line-height: 20px;
}

.ai-sre-chain__row:first-child {
  border-top: 0;
}

.ai-sre-chain__node {
  position: relative;
  align-self: stretch;
}

.ai-sre-chain__node::before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -3.5px;
  border-radius: 50%;
  background: var(--run-accent);
}

.ai-sre-chain__node::after {
  content: "";
  width: 1px;
  position: absolute;
  top: 16px;
  bottom: -24px;
  left: 50%;
  margin-left: -0.5px;
  background: color-mix(in srgb, var(--run-accent) 30%, transparent);
}

.ai-sre-chain__row:last-child .ai-sre-chain__node::after {
  content: none;
}

.ai-sre-chain__body {
  min-width: 0;
}

.ai-sre-chain__edge {
  display: block;
  color: var(--run-ink);
  font-size: var(--fs-body);
  line-height: 1.45;
}

.ai-sre-chain__evidence {
  display: inline;
  margin-top: 3px;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  line-height: 1.45;
}

.ai-sre-chain__status {
  display: inline;
  margin-left: 0.5rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-weight: var(--fw-normal);
  letter-spacing: normal;
  line-height: 1.45;
  text-transform: none;
}

.ai-sre-timeline {
  display: flex;
  flex-direction: column;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.ai-sre-timeline__row {
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  gap: 10px;
  min-height: 54px;
  position: relative;
}

.ai-sre-timeline__node {
  position: relative;
}

.ai-sre-timeline__node::before {
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  top: 5px;
  left: 3px;
  border-radius: 50%;
  background: var(--run-accent);
}

.ai-sre-timeline__row:not(:last-child) .ai-sre-timeline__node::after {
  content: "";
  width: 1px;
  position: absolute;
  top: 12px;
  bottom: 0;
  left: 6px;
  background: var(--run-accent-line);
}

.ai-sre-timeline__body {
  padding-bottom: 14px;
}

.ai-sre-timeline__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
}

.ai-sre-timeline__meta strong {
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-weight: var(--fw-strong);
}

.ai-sre-timeline__meta time,
.ai-sre-timeline__body small {
  color: var(--run-muted);
  font-size: var(--fs-meta);
}

.ai-sre-timeline__meta time {
  white-space: nowrap;
}

.ai-sre-timeline__body p {
  margin: 3px 0 0;
  color: var(--run-ink-2);
  font-size: var(--fs-body);
  line-height: 1.5;
}

.ai-sre-timeline__body small {
  display: block;
  margin-top: 4px;
}

.ai-sre-report__next {
  border-color: var(--run-accent-line);
}

.ai-sre-fold {
  margin-top: 15px;
  padding-top: 0.75rem;
  border-top: 1px solid var(--run-line-soft);
}

.ai-sre-fold > summary {
  display: flex;
  align-items: center;
  gap: 7px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--run-accent);
  font-size: var(--fs-body);
  font-weight: var(--fw-strong);
  cursor: pointer;
  list-style: none;
}

.ai-sre-fold > summary::-webkit-details-marker {
  display: none;
}

.ai-sre-fold__caret {
  transition: transform 140ms ease;
}

.ai-sre-fold[open] > summary .ai-sre-fold__caret {
  transform: rotate(90deg);
}

.ai-sre-fold__inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 12px;
}

.ai-sre-whys {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--run-line-soft);
}

.ai-sre-whys dt {
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-weight: var(--fw-strong);
}

.ai-sre-whys dd {
  margin: 2px 0 0;
  color: var(--run-ink-2);
  font-size: var(--fs-body);
  line-height: 1.55;
}

.ai-sre-impact__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 9px;
}

.ai-sre-impact__metric {
  font-family: var(--sre-mono);
  font-size: var(--fs-meta);
  color: var(--run-muted);
  overflow-wrap: anywhere;
}

.ai-sre-impact__read {
  margin-left: auto;
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ai-sre-range {
  display: flex;
  gap: 2px;
  margin-left: auto;
  padding: 2px;
  border-radius: 0.5rem;
  background: var(--run-line-soft);
}

.ai-sre-range__button {
  padding: 0.25rem 11px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--run-faint);
  font-size: var(--fs-meta);
  font-weight: var(--fw-strong);
  cursor: pointer;
}

.ai-sre-range__button--on {
  background: var(--run-surface);
  color: var(--run-ink);
  box-shadow: 0 .0625rem .125rem rgb(0 0 0 / .08);
}

.ai-sre-evidence {
  display: flex;
  flex-direction: column;
}

.ai-sre-evidence__legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-weight: var(--fw-normal);
}

.ai-sre-evidence__legend-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.ai-sre-evidence__legend-mark {
  width: 12px;
  height: 3px;
  border-radius: 0.125rem;
}

.ai-sre-evidence__legend-mark--decisive {
  background: var(--run-accent);
}

.ai-sre-evidence__legend-mark--strong {
  background: var(--run-accent-line);
}

.ai-sre-evidence__legend-mark--supporting {
  background: var(--run-line-hard);
}

.ai-sre-evidence__context-summary {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
}

.ai-sre-evidence > .ai-sre-fold > summary {
  padding-left: 0;
  color: var(--run-ink);
  font-size: var(--fs-body);
}

.ai-sre-evidence > .ai-sre-fold > summary .ai-sre-fold__caret {
  color: var(--run-accent);
}

.ai-sre-evidence__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ai-sre-artifact {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  padding: 14px 0 14px 0.75rem;
  border: 0;
  border-top: 1px solid var(--run-line-soft);
  border-left: 2px solid var(--run-line-hard);
  border-radius: 0;
  background: transparent;
}

.ai-sre-artifact:first-child {
  border-top: 0;
  padding-top: 0;
}

.ai-sre-artifact:last-child {
  padding-bottom: 0;
}

.ai-sre-artifact--decisive {
  border-left-color: var(--run-accent);
}

.ai-sre-artifact--strong {
  border-left-color: var(--run-accent-line);
}

.ai-sre-artifact__vendor {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ai-sre-artifact__body {
  min-width: 0;
}

.ai-sre-artifact__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ai-sre-artifact__title {
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-weight: var(--fw-strong);
}

.ai-sre-artifact__detail {
  max-width: 68ch;
  margin: 5px 0 0;
  color: var(--run-muted);
  font-size: var(--fs-body);
  line-height: 1.55;
}

.ai-sre-artifact__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  color: var(--run-faint);
  font-size: var(--fs-meta);
}

.ai-sre-artifact__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0.25rem;
  color: var(--run-accent);
  text-decoration: none;
}

.ai-sre-trail {
  margin-top: 18px;
  border: 1px solid var(--run-line);
  border-radius: 0.75rem;
  background: #fff;
  overflow: hidden;
}

.ai-sre-trail__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 13px 1rem;
  border: 0;
  background: none;
  color: var(--run-accent);
  text-align: left;
  cursor: pointer;
}

.ai-sre-trail__head:hover {
  background: var(--run-inset-2);
}

.ai-sre-trail__chev {
  display: inline-flex;
  margin-left: auto;
  color: var(--run-faint);
}

.ai-sre-trail__caret {
  transition: transform 140ms ease;
  transform: rotate(90deg);
}

.ai-sre-trail[data-open="false"] .ai-sre-trail__caret {
  transform: none;
}

.ai-sre-trail[data-open="false"] .ai-sre-trail__body {
  display: none;
}

.ai-sre-trail__body {
  border-top: 1px solid var(--run-line-soft);
}

.ai-sre-trail .ai-sre-block {
  border: 0;
  border-radius: 0;
}

.ai-sre-trail .ai-sre-card {
  border: 0;
  border-radius: 0;
}

.ai-sre-trail .ai-sre-card.border-glass::before {
  content: none;
}

.ai-sre-diagnosis-feedback {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding-top: 0.5rem;
  border-top: 1px solid var(--run-line-soft);
}

.ai-sre-diagnosis-feedback__prompt {
  color: var(--run-muted);
  font-size: var(--fs-meta);
}

.ai-sre-diagnosis-feedback__actions {
  display: inline-flex;
  gap: 3px;
}

.ai-sre-diagnosis-feedback__button {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}

.ai-sre-diagnosis-feedback__button:hover,
.ai-sre-diagnosis-feedback__button:focus-visible {
  border-color: var(--run-accent-line);
  background: var(--run-accent-wash);
  color: var(--run-accent);
  outline: none;
}

.ai-sre-diagnosis-feedback__button.is-selected {
  border-color: var(--run-accent-line);
  background: var(--run-accent-wash);
  color: var(--run-accent);
}

.ai-sre-diagnosis-feedback__button:disabled {
  cursor: wait;
  opacity: 0.55;
}

.ai-sre-diagnosis-feedback__message {
  color: var(--run-muted);
  font-size: var(--fs-meta);
}

.ai-sre-diagnosis-feedback__panel {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
  text-align: left;
}

.ai-sre-diagnosis-feedback__question {
  color: var(--run-ink);
  font-size: var(--fs-meta);
  font-weight: 500;
}

.ai-sre-report--success {
  --report-outcome-accent: var(--run-success);
}

.ai-sre-report--neutral {
  --report-outcome-accent: var(--run-warning);
}

.ai-sre-report--attention {
  --report-outcome-accent: var(--run-critical);
}

@media (max-width: 780px) {
  .ai-sre-verdict__top {
    grid-template-columns: 30px minmax(0, 1fr);
    grid-template-areas:
      "icon head"
      ".    aside"
      ".    body"
      ".    confidence";
    row-gap: 6px;
  }

  .ai-sre-verdict__aside {
    justify-content: flex-start;
  }

  .ai-sre-steps li {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ai-sre-steps__tag {
    white-space: normal;
  }

  .ai-sre-impact__read {
    margin-left: 0;
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .ai-sre-scroll {
    padding-inline: 8px !important;
  }

  .ai-sre-compact {
    grid-template-columns: 22px minmax(0, 1fr) auto;
  }

  .ai-sre-compact__summary {
    display: none;
  }

  .ai-sre-diagnosis-feedback {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-sre-dock__side,
  .ai-sre-st__live-dot,
  .ai-sre-st__progress-segment--now::after,
  .ai-sre-status-shell,
  .ai-sre-compact,
  .ai-sre-fold__caret,
  .ai-sre-trail__caret,
  .ai-sre-verdict {
    animation: none;
    transition: none;
  }
}

.ai-sre-qr {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.ai-sre-qr__lead {
  margin: 0;
  color: var(--run-ink);
  font-size: 15px;
  font-weight: var(--fw-medium);
  line-height: 1.55;
  letter-spacing: -0.005em;
  text-wrap: pretty;
}

.ai-sre-q {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ai-sre-q__title {
  margin: 0;
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-weight: var(--fw-strong);
}

.ai-sre-qr__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.ai-sre-qr__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--run-ink-2);
  font-size: 13.5px;
  line-height: 1.5;
}

.ai-sre-qr__list li {
  display: flex;
  gap: 8px;
}

.ai-sre-qr__mark {
  flex: none;
  margin-top: 2px;
}

.ai-sre-qr__figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ai-sre-qr__fold {
  border-top: 1px solid var(--run-line-soft);
  padding-top: 12px;
}

.ai-sre-qr + .ai-sre-qr__fold {
  margin-top: 18px;
}

.ai-sre-qr__fold .ai-sre-qr__list {
  padding-top: 10px;
  gap: 8px;
}

.ai-sre-qr__ruled {
  color: var(--run-faint);
}

.ai-sre-dock--stacked {
  flex-direction: column;
}

.ai-sre-dock--stacked .ai-sre-dock__side {
  position: static;
  width: 100%;
  max-width: calc(var(--run-col) + 2rem * 2);
  height: auto;
  min-height: 24rem;
  margin: 1rem auto 0;
  transform-origin: top center;
}

.ai-sre-dock--stacked .ai-sre-dock__open {
  position: static;
  align-self: center;
  margin-top: 1rem;
}

/* ---- v3 report (ai-sre-ui-version = v3) ---------------------------------- */

.ai-sre-stat {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  border: 1px solid var(--run-line-soft);
  border-radius: 0.375rem;
  background: #fcfbfa;
  overflow: hidden;
}

.ai-sre-stat > div {
  min-width: 0;
  padding: 9px 12px;
  border-left: 1px solid var(--run-line-soft);
}

.ai-sre-stat > div:first-child {
  border-left: 0;
}

.ai-sre-stat dt {
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-weight: var(--fw-strong);
}

.ai-sre-stat dd {
  margin: 2px 0 0;
  color: var(--run-ink);
  font-size: 17px;
  font-weight: var(--fw-strong);
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}

.ai-sre-stat dd small {
  display: block;
  color: var(--run-muted);
  font-size: var(--fs-meta);
  font-weight: var(--fw-normal);
  letter-spacing: 0;
}

.ai-sre-stat dd small.ai-sre-stat__note--warn {
  color: var(--run-warning);
}

.ai-sre-rows {
  display: flex;
  flex-direction: column;
}

.ai-sre-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 9px 0;
  border-top: 1px solid var(--run-line-soft);
}

.ai-sre-row:first-child {
  border-top: 0;
  padding-top: 0;
}

.ai-sre-row:last-child {
  padding-bottom: 0;
}

.ai-sre-row__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--run-ink-2);
  font-size: var(--fs-label);
  line-height: 1.45;
}

.ai-sre-row__key {
  color: var(--run-ink);
  font-weight: var(--fw-medium);
  overflow-wrap: anywhere;
}

.ai-sre-row__value {
  color: var(--run-ink);
  font-family: var(--sre-mono);
  font-weight: var(--fw-strong);
}

.ai-sre-row__move {
  color: var(--run-muted);
}

.ai-sre-row__move--before {
  color: var(--run-ink);
  font-weight: var(--fw-strong);
}

.ai-sre-row__note {
  margin: 0;
  color: var(--run-muted);
  font-size: var(--fs-label);
  line-height: 1.5;
}

.ai-sre-expr {
  padding: 8px 11px;
  border: 1px solid var(--run-line-soft);
  border-radius: 0.375rem;
  background: #fcfbfa;
  color: var(--run-ink);
  font-family: var(--sre-mono);
  font-size: var(--fs-label);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.ai-sre-hyp__list {
  display: flex;
  flex-direction: column;
}

.ai-sre-hyp {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--run-line-soft);
}

.ai-sre-hyp:first-child {
  border-top: 0;
  padding-top: 0;
}

.ai-sre-hyp:last-child {
  padding-bottom: 0;
}

.ai-sre-hyp__claim {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--run-ink);
  font-size: var(--fs-body);
  font-weight: var(--fw-strong);
  line-height: 1.4;
}

.ai-sre-hyp__why {
  margin: 4px 0 0;
  color: var(--run-ink-2);
  font-size: var(--fs-label);
  line-height: 1.5;
}

.ai-sre-more {
  margin-top: 12px;
}

.ai-sre-more > summary {
  color: var(--run-muted);
  font-weight: var(--fw-medium);
}

.ai-sre-more > summary:hover {
  color: var(--run-ink);
}

.ai-sre-verdict__pills {
  grid-area: pills;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.ai-sre-verdict__review {
  margin: 10px 1rem 0;
  padding-top: 10px;
  border-top: 1px solid var(--run-line-soft);
  color: var(--run-ink-2);
  font-size: var(--fs-label);
  line-height: 1.5;
}

.ai-sre-verdict__review p {
  margin: 0;
}

.ai-sre-verdict__review b {
  color: var(--run-ink);
  font-weight: var(--fw-strong);
}

.heading-2xl {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 3.125rem;
  letter-spacing: 0em;
}

.heading-xl {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.625rem;
  letter-spacing: 0em;
}

.heading-lg {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.125rem;
  letter-spacing: 0em;
}

.heading-md {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0em;
}

.heading-sm {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0em;
}

.text-3xl-default {
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 3.125rem;
  letter-spacing: 0em;
}

.text-3xl-medium {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 3.125rem;
  letter-spacing: 0em;
}

.text-2xl-default {
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 2.625rem;
  letter-spacing: 0em;
}

.text-2xl-medium {
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.625rem;
  letter-spacing: 0em;
}

.text-xl-default {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.125rem;
  letter-spacing: 0em;
}

.text-xl-medium {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.125rem;
  letter-spacing: 0em;
}

.text-lg-default {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0em;
}

.text-lg-medium {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0em;
}

.text-md-default {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0em;
}

.text-md-medium {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: 0em;
}

.text-md-semibold {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: 0em;
}

.text-md-bold {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  letter-spacing: 0em;
}

.text-md-code {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0em;
  font-family: 'Source Code Pro', monospace;
}

.text-sm-default {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0em;
}

.text-sm-medium {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0em;
}

.text-sm-semibold {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0em;
}

.text-sm-bold {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0em;
}

.text-sm-code {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0em;
  font-family: 'Source Code Pro', monospace;
}

.text-eyebrow {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.9375rem;
  letter-spacing: 0em;
}

.text-overline {
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 0.875rem;
  letter-spacing: 0.025em;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(33 114 217 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::-ms-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(33 114 217 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(33 114 217 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

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

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  tab-size: 4;
  /* 3 */
  font-family: Inter var, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

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

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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 {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

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

.aspect-square {
  aspect-ratio: 1 / 1;
}

a {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.hidden-scrollbar::-moz-scrollbar {
  -moz-appearance: none;
  width: 0;
  height: 0;
}

.hidden-scrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}

b {
  font-weight: 600;
}

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

.container {
  width: 100%;
}

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

  .container {
    max-width: 640px;
  }
}

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

  .container {
    max-width: 768px;
  }
}

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

  .container {
    max-width: 1024px;
  }
}

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

  .container {
    max-width: 1220px;
  }
}

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

  .container {
    max-width: 1280px;
  }
}

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

  .container {
    max-width: 1536px;
  }
}

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

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

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

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

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

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

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

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

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

.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"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  -webkit-padding-start: 1.625em;
          padding-inline-start: 1.625em;
}

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

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

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

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

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  -webkit-padding-start: 1em;
          padding-inline-start: 1em;
}

.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);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

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

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

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

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  -webkit-padding-end: 0.375em;
          padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  -webkit-padding-start: 0.375em;
          padding-inline-start: 0.375em;
}

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

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

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

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

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

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

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  -webkit-padding-end: 1.1428571em;
          padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  -webkit-padding-start: 1.1428571em;
          padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.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);
  font-weight: 600;
  vertical-align: bottom;
  -webkit-padding-end: 0.5714286em;
          padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  -webkit-padding-start: 0.5714286em;
          padding-inline-start: 0.5714286em;
}

.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(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}

.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);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

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

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

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-start: 0.375em;
          padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-start: 0.375em;
          padding-inline-start: 0.375em;
}

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

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

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

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

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

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

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  -webkit-padding-start: 1.625em;
          padding-inline-start: 1.625em;
}

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

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

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

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

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

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

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  -webkit-padding-end: 0.5714286em;
          padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  -webkit-padding-start: 0.5714286em;
          padding-inline-start: 0.5714286em;
}

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

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

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

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

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

.prose-sm {
  font-size: 0.875rem;
  line-height: 1.7142857;
}

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

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  -webkit-padding-start: 1.1111111em;
          padding-inline-start: 1.1111111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

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

.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  -webkit-padding-end: 0.3571429em;
          padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  -webkit-padding-start: 0.3571429em;
          padding-inline-start: 0.3571429em;
}

.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
}

.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
}

.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  -webkit-padding-end: 1em;
          padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  -webkit-padding-start: 1em;
          padding-inline-start: 1em;
}

.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  -webkit-padding-start: 1.5714286em;
          padding-inline-start: 1.5714286em;
}

.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  -webkit-padding-start: 1.5714286em;
          padding-inline-start: 1.5714286em;
}

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

.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-start: 0.4285714em;
          padding-inline-start: 0.4285714em;
}

.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-start: 0.4285714em;
          padding-inline-start: 0.4285714em;
}

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

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

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

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

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

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

.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  -webkit-padding-start: 1.5714286em;
          padding-inline-start: 1.5714286em;
}

.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}

.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

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

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

.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  -webkit-padding-end: 1em;
          padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  -webkit-padding-start: 1em;
          padding-inline-start: 1em;
}

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

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

.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.6666667em;
  -webkit-padding-end: 1em;
          padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  -webkit-padding-start: 1em;
          padding-inline-start: 1em;
}

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

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

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

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

.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

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

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

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

.\!pointer-events-none {
  pointer-events: none !important;
}

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

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

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

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

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

.static {
  position: static;
}

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

.fixed {
  position: fixed;
}

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

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.-inset-2 {
  inset: -0.5rem;
}

.inset-0 {
  inset: 0px;
}

.inset-1 {
  inset: 0.25rem;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-x-1 {
  left: 0.25rem;
  right: 0.25rem;
}

.inset-x-2 {
  left: 0.5rem;
  right: 0.5rem;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}

.inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}

.inset-y-px {
  top: 1px;
  bottom: 1px;
}

.\!-right-full {
  right: -100% !important;
}

.\!bottom-0 {
  bottom: 0px !important;
}

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

.\!right-0 {
  right: 0px !important;
}

.\!top-full {
  top: 100% !important;
}

.-bottom-2 {
  bottom: -0.5rem;
}

.-left-0\.5 {
  left: -0.125rem;
}

.-left-1\.5 {
  left: -0.375rem;
}

.-left-24 {
  left: -6rem;
}

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

.-right-1 {
  right: -0.25rem;
}

.-right-2 {
  right: -0.5rem;
}

.-top-0\.5 {
  top: -0.125rem;
}

.-top-1 {
  top: -0.25rem;
}

.-top-2 {
  top: -0.5rem;
}

.-top-4 {
  top: -1rem;
}

.-top-9 {
  top: -2.25rem;
}

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

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

.bottom-0 {
  bottom: 0px;
}

.bottom-1 {
  bottom: 0.25rem;
}

.bottom-1\.5 {
  bottom: 0.375rem;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-3 {
  bottom: 0.75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0px;
}

.left-0\.5 {
  left: 0.125rem;
}

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

.left-12 {
  left: 3rem;
}

.left-2 {
  left: 0.5rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-8 {
  left: 2rem;
}

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

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

.left-\[3\.125rem\] {
  left: 3.125rem;
}

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

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

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

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

.left-auto {
  left: auto;
}

.left-full {
  left: 100%;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.right-1\.5 {
  right: 0.375rem;
}

.right-10 {
  right: 2.5rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-3\.5 {
  right: 0.875rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-6 {
  right: 1.5rem;
}

.right-8 {
  right: 2rem;
}

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

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

.right-full {
  right: 100%;
}

.right-px {
  right: 1px;
}

.top-0 {
  top: 0px;
}

.top-0\.5 {
  top: 0.125rem;
}

.top-1 {
  top: 0.25rem;
}

.top-1\.5 {
  top: 0.375rem;
}

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

.top-10 {
  top: 2.5rem;
}

.top-12 {
  top: 3rem;
}

.top-14 {
  top: 3.5rem;
}

.top-16 {
  top: 4rem;
}

.top-2 {
  top: 0.5rem;
}

.top-20 {
  top: 5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-8 {
  top: 2rem;
}

.top-9 {
  top: 2.25rem;
}

.top-\[121\.7px\] {
  top: 121.7px;
}

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

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

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

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

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

.top-\[calc\(50\%\+0\.75rem\)\] {
  top: calc(50% + 0.75rem);
}

.top-full {
  top: 100%;
}

.top-px {
  top: 1px;
}

.isolate {
  isolation: isolate;
}

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

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

.\!z-\[99\] {
  z-index: 99 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-2 {
  order: 2;
}

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

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

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

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

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

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

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

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

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

.col-start-2 {
  grid-column-start: 2;
}

.col-end-2 {
  grid-column-end: 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.\!row-end-5 {
  grid-row-end: 5 !important;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-end-4 {
  grid-row-end: 4;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

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

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

.-m-1 {
  margin: -0.25rem;
}

.-m-6 {
  margin: -1.5rem;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-32 {
  margin: 8rem;
}

.m-4 {
  margin: 1rem;
}

.m-auto {
  margin: auto;
}

.\!mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.\!mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.\!my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.\!my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-mx-1\.5 {
  margin-left: -0.375rem;
  margin-right: -0.375rem;
}

.-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}

.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-3\.5 {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.\!-ml-10 {
  margin-left: -2.5rem !important;
}

.\!-mr-10 {
  margin-right: -2.5rem !important;
}

.\!-mt-6 {
  margin-top: -1.5rem !important;
}

.\!mb-0 {
  margin-bottom: 0px !important;
}

.\!mb-1 {
  margin-bottom: 0.25rem !important;
}

.\!mb-2 {
  margin-bottom: 0.5rem !important;
}

.\!mb-4 {
  margin-bottom: 1rem !important;
}

.\!mb-5 {
  margin-bottom: 1.25rem !important;
}

.\!mb-6 {
  margin-bottom: 1.5rem !important;
}

.\!mb-8 {
  margin-bottom: 2rem !important;
}

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

.\!ml-1 {
  margin-left: 0.25rem !important;
}

.\!mr-0 {
  margin-right: 0px !important;
}

.\!mr-1 {
  margin-right: 0.25rem !important;
}

.\!mr-3 {
  margin-right: 0.75rem !important;
}

.\!mt-0 {
  margin-top: 0px !important;
}

.\!mt-2 {
  margin-top: 0.5rem !important;
}

.\!mt-3 {
  margin-top: 0.75rem !important;
}

.-mb-1 {
  margin-bottom: -0.25rem;
}

.-mb-1\.5 {
  margin-bottom: -0.375rem;
}

.-mb-10 {
  margin-bottom: -2.5rem;
}

.-mb-16 {
  margin-bottom: -4rem;
}

.-mb-2 {
  margin-bottom: -0.5rem;
}

.-mb-4 {
  margin-bottom: -1rem;
}

.-mb-6 {
  margin-bottom: -1.5rem;
}

.-mb-7 {
  margin-bottom: -1.75rem;
}

.-mb-8 {
  margin-bottom: -2rem;
}

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

.-ml-1 {
  margin-left: -0.25rem;
}

.-ml-16 {
  margin-left: -4rem;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.-ml-2\.5 {
  margin-left: -0.625rem;
}

.-ml-3 {
  margin-left: -0.75rem;
}

.-ml-5 {
  margin-left: -1.25rem;
}

.-ml-6 {
  margin-left: -1.5rem;
}

.-ml-7 {
  margin-left: -1.75rem;
}

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

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

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

.-mr-1 {
  margin-right: -0.25rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.-mr-2\.5 {
  margin-right: -0.625rem;
}

.-mr-3 {
  margin-right: -0.75rem;
}

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

.-mt-0\.5 {
  margin-top: -0.125rem;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.-mt-16 {
  margin-top: -4rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.-mt-2\.5 {
  margin-top: -0.625rem;
}

.-mt-20 {
  margin-top: -5rem;
}

.-mt-3 {
  margin-top: -0.75rem;
}

.-mt-32 {
  margin-top: -8rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.-mt-6 {
  margin-top: -1.5rem;
}

.-mt-7 {
  margin-top: -1.75rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.-mt-\[calc\(2rem\+1px\)\] {
  margin-top: calc(calc(2rem + 1px) * -1);
}

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

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-3\.5 {
  margin-bottom: 0.875rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.mb-36 {
  margin-bottom: 9rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-40 {
  margin-bottom: 10rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

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

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

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

.mb-\[calc\(2rem\+1px\)\] {
  margin-bottom: calc(2rem + 1px);
}

.mb-auto {
  margin-bottom: auto;
}

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

.ml-0\.5 {
  margin-left: 0.125rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-1\.5 {
  margin-left: 0.375rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.ml-11 {
  margin-left: 2.75rem;
}

.ml-12 {
  margin-left: 3rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-20 {
  margin-left: 5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-9 {
  margin-left: 2.25rem;
}

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

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

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

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

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

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

.mr-0\.5 {
  margin-right: 0.125rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mr-7 {
  margin-right: 1.75rem;
}

.mr-8 {
  margin-right: 2rem;
}

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

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

.ms-8 {
  -webkit-margin-start: 2rem;
          margin-inline-start: 2rem;
}

.mt-0 {
  margin-top: 0px;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-32 {
  margin-top: 8rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-40 {
  margin-top: 10rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

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

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

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

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

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

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

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

.\!line-clamp-1 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.\!inline-block {
  display: inline-block !important;
}

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

.\!inline {
  display: inline !important;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.\!inline-flex {
  display: inline-flex !important;
}

.inline-flex {
  display: inline-flex;
}

.\!table {
  display: table !important;
}

.table {
  display: table;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}

.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}

.aspect-\[240\/150\] {
  aspect-ratio: 240/150;
}

.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}

.aspect-\[5\/4\] {
  aspect-ratio: 5/4;
}

.\!size-3\.5 {
  width: 0.875rem !important;
  height: 0.875rem !important;
}

.\!size-4 {
  width: 1rem !important;
  height: 1rem !important;
}

.\!size-5 {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.\!size-6 {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.size-1\.5 {
  width: 0.375rem;
  height: 0.375rem;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}

.size-2\.5 {
  width: 0.625rem;
  height: 0.625rem;
}

.size-20 {
  width: 5rem;
  height: 5rem;
}

.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}

.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.size-full {
  width: 100%;
  height: 100%;
}

.\!h-0 {
  height: 0px !important;
}

.\!h-10 {
  height: 2.5rem !important;
}

.\!h-12 {
  height: 3rem !important;
}

.\!h-2\.5 {
  height: 0.625rem !important;
}

.\!h-3 {
  height: 0.75rem !important;
}

.\!h-3\.5 {
  height: 0.875rem !important;
}

.\!h-4 {
  height: 1rem !important;
}

.\!h-5 {
  height: 1.25rem !important;
}

.\!h-6 {
  height: 1.5rem !important;
}

.\!h-7 {
  height: 1.75rem !important;
}

.\!h-8 {
  height: 2rem !important;
}

.\!h-9 {
  height: 2.25rem !important;
}

.\!h-\[118px\] {
  height: 118px !important;
}

.\!h-\[180px\] {
  height: 180px !important;
}

.\!h-\[18px\] {
  height: 18px !important;
}

.\!h-\[200px\] {
  height: 200px !important;
}

.\!h-\[30px\] {
  height: 30px !important;
}

.\!h-\[38px\] {
  height: 38px !important;
}

.\!h-\[40px\] {
  height: 40px !important;
}

.\!h-\[41px\] {
  height: 41px !important;
}

.\!h-\[68px\] {
  height: 68px !important;
}

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

.\!h-auto {
  height: auto !important;
}

.\!h-fit {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.\!h-px {
  height: 1px !important;
}

.h-0 {
  height: 0px;
}

.h-0\.5 {
  height: 0.125rem;
}

.h-1 {
  height: 0.25rem;
}

.h-1\.5 {
  height: 0.375rem;
}

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

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-3\/5 {
  height: 60%;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-44 {
  height: 11rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-5\/6 {
  height: 83.333333%;
}

.h-52 {
  height: 13rem;
}

.h-6 {
  height: 1.5rem;
}

.h-60 {
  height: 15rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 18rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

.h-\[1\.125rem\] {
  height: 1.125rem;
}

.h-\[1\.875rem\] {
  height: 1.875rem;
}

.h-\[1000px\] {
  height: 1000px;
}

.h-\[11\.5rem\] {
  height: 11.5rem;
}

.h-\[111px\] {
  height: 111px;
}

.h-\[1200px\] {
  height: 1200px;
}

.h-\[120px\] {
  height: 120px;
}

.h-\[121px\] {
  height: 121px;
}

.h-\[126px\] {
  height: 126px;
}

.h-\[142px\] {
  height: 142px;
}

.h-\[178px\] {
  height: 178px;
}

.h-\[180px\] {
  height: 180px;
}

.h-\[181px\] {
  height: 181px;
}

.h-\[185px\] {
  height: 185px;
}

.h-\[18px\] {
  height: 18px;
}

.h-\[19px\] {
  height: 19px;
}

.h-\[1em\] {
  height: 1em;
}

.h-\[2\.875rem\] {
  height: 2.875rem;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[22px\] {
  height: 22px;
}

.h-\[258px\] {
  height: 258px;
}

.h-\[25px\] {
  height: 25px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[30px\] {
  height: 30px;
}

.h-\[32rem\] {
  height: 32rem;
}

.h-\[34px\] {
  height: 34px;
}

.h-\[35\.6px\] {
  height: 35.6px;
}

.h-\[35px\] {
  height: 35px;
}

.h-\[35rem\] {
  height: 35rem;
}

.h-\[36rem\] {
  height: 36rem;
}

.h-\[37\.125rem\] {
  height: 37.125rem;
}

.h-\[38px\] {
  height: 38px;
}

.h-\[39\.25rem\] {
  height: 39.25rem;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[40rem\] {
  height: 40rem;
}

.h-\[41px\] {
  height: 41px;
}

.h-\[42px\] {
  height: 42px;
}

.h-\[46px\] {
  height: 46px;
}

.h-\[480px\] {
  height: 480px;
}

.h-\[512px\] {
  height: 512px;
}

.h-\[52px\] {
  height: 52px;
}

.h-\[560px\] {
  height: 560px;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[62px\] {
  height: 62px;
}

.h-\[68px\] {
  height: 68px;
}

.h-\[70vh\] {
  height: 70vh;
}

.h-\[86px\] {
  height: 86px;
}

.h-\[900px\] {
  height: 900px;
}

.h-\[calc\(100\%\+16px\)\] {
  height: calc(100% + 16px);
}

.h-\[calc\(100\%\+18px\)\] {
  height: calc(100% + 18px);
}

.h-\[calc\(100\%\+6px\)\] {
  height: calc(100% + 6px);
}

.h-\[calc\(100vh-148px\)\] {
  height: calc(100vh - 148px);
}

.h-\[calc\(100vh-152px\)\] {
  height: calc(100vh - 152px);
}

.h-\[calc\(100vh-16px\)\] {
  height: calc(100vh - 16px);
}

.h-\[calc\(100vh-190px\)\] {
  height: calc(100vh - 190px);
}

.h-\[calc\(100vh-7rem\)\] {
  height: calc(100vh - 7rem);
}

.h-\[calc\(100vh-80px\)\] {
  height: calc(100vh - 80px);
}

.h-\[calc\(100vh-84px\)\] {
  height: calc(100vh - 84px);
}

.h-\[calc\(100vh-90px\)\] {
  height: calc(100vh - 90px);
}

.h-\[calc\(100vh_-_65px\)\] {
  height: calc(100vh - 65px);
}

.h-auto {
  height: auto;
}

.h-fit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-inherit {
  height: inherit;
}

.h-max {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.\!max-h-7 {
  max-height: 1.75rem !important;
}

.max-h-10 {
  max-height: 2.5rem;
}

.max-h-24 {
  max-height: 6rem;
}

.max-h-32 {
  max-height: 8rem;
}

.max-h-36 {
  max-height: 9rem;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-52 {
  max-height: 13rem;
}

.max-h-56 {
  max-height: 14rem;
}

.max-h-6 {
  max-height: 1.5rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-64 {
  max-height: 16rem;
}

.max-h-7 {
  max-height: 1.75rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-8 {
  max-height: 2rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-80vh {
  max-height: 80vh;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-\[100px\] {
  max-height: 100px;
}

.max-h-\[120px\] {
  max-height: 120px;
}

.max-h-\[156px\] {
  max-height: 156px;
}

.max-h-\[186px\] {
  max-height: 186px;
}

.max-h-\[200px\] {
  max-height: 200px;
}

.max-h-\[21rem\] {
  max-height: 21rem;
}

.max-h-\[245px\] {
  max-height: 245px;
}

.max-h-\[26px\] {
  max-height: 26px;
}

.max-h-\[280px\] {
  max-height: 280px;
}

.max-h-\[29px\] {
  max-height: 29px;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.max-h-\[30rem\] {
  max-height: 30rem;
}

.max-h-\[33vh\] {
  max-height: 33vh;
}

.max-h-\[340px\] {
  max-height: 340px;
}

.max-h-\[39px\] {
  max-height: 39px;
}

.max-h-\[400px\] {
  max-height: 400px;
}

.max-h-\[41px\] {
  max-height: 41px;
}

.max-h-\[43px\] {
  max-height: 43px;
}

.max-h-\[52px\] {
  max-height: 52px;
}

.max-h-\[68px\] {
  max-height: 68px;
}

.max-h-\[70vh\] {
  max-height: 70vh;
}

.max-h-\[calc\(100vh-12rem\)\] {
  max-height: calc(100vh - 12rem);
}

.max-h-\[calc\(100vh-13rem\)\] {
  max-height: calc(100vh - 13rem);
}

.max-h-\[calc\(100vh-17rem\)\] {
  max-height: calc(100vh - 17rem);
}

.max-h-\[calc\(100vh-2rem\)\] {
  max-height: calc(100vh - 2rem);
}

.max-h-\[calc\(100vh-4rem\)\] {
  max-height: calc(100vh - 4rem);
}

.max-h-\[calc\(100vh-84px\)\] {
  max-height: calc(100vh - 84px);
}

.max-h-full {
  max-height: 100%;
}

.\!min-h-0 {
  min-height: 0px !important;
}

.\!min-h-10 {
  min-height: 2.5rem !important;
}

.\!min-h-7 {
  min-height: 1.75rem !important;
}

.\!min-h-\[18px\] {
  min-height: 18px !important;
}

.\!min-h-screen {
  min-height: 100vh !important;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-11 {
  min-height: 2.75rem;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-14 {
  min-height: 3.5rem;
}

.min-h-20 {
  min-height: 5rem;
}

.min-h-32 {
  min-height: 8rem;
}

.min-h-4 {
  min-height: 1rem;
}

.min-h-44 {
  min-height: 11rem;
}

.min-h-48 {
  min-height: 12rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.min-h-64 {
  min-height: 16rem;
}

.min-h-7 {
  min-height: 1.75rem;
}

.min-h-72 {
  min-height: 18rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-80 {
  min-height: 20rem;
}

.min-h-9 {
  min-height: 2.25rem;
}

.min-h-96 {
  min-height: 24rem;
}

.min-h-\[10\.875rem\] {
  min-height: 10.875rem;
}

.min-h-\[100px\] {
  min-height: 100px;
}

.min-h-\[120px\] {
  min-height: 120px;
}

.min-h-\[150px\] {
  min-height: 150px;
}

.min-h-\[15rem\] {
  min-height: 15rem;
}

.min-h-\[19px\] {
  min-height: 19px;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.min-h-\[22rem\] {
  min-height: 22rem;
}

.min-h-\[27px\] {
  min-height: 27px;
}

.min-h-\[300px\] {
  min-height: 300px;
}

.min-h-\[32rem\] {
  min-height: 32rem;
}

.min-h-\[34px\] {
  min-height: 34px;
}

.min-h-\[35px\] {
  min-height: 35px;
}

.min-h-\[39px\] {
  min-height: 39px;
}

.min-h-\[41px\] {
  min-height: 41px;
}

.min-h-\[520px\] {
  min-height: 520px;
}

.min-h-\[52px\] {
  min-height: 52px;
}

.min-h-\[540px\] {
  min-height: 540px;
}

.min-h-\[56px\] {
  min-height: 56px;
}

.min-h-\[640px\] {
  min-height: 640px;
}

.min-h-\[720px\] {
  min-height: 720px;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-0 {
  width: 0px !important;
}

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

.\!w-10 {
  width: 2.5rem !important;
}

.\!w-12 {
  width: 3rem !important;
}

.\!w-14 {
  width: 3.5rem !important;
}

.\!w-16 {
  width: 4rem !important;
}

.\!w-2\.5 {
  width: 0.625rem !important;
}

.\!w-20 {
  width: 5rem !important;
}

.\!w-3 {
  width: 0.75rem !important;
}

.\!w-3\.5 {
  width: 0.875rem !important;
}

.\!w-32 {
  width: 8rem !important;
}

.\!w-4 {
  width: 1rem !important;
}

.\!w-40 {
  width: 10rem !important;
}

.\!w-48 {
  width: 12rem !important;
}

.\!w-5 {
  width: 1.25rem !important;
}

.\!w-52 {
  width: 13rem !important;
}

.\!w-6 {
  width: 1.5rem !important;
}

.\!w-64 {
  width: 16rem !important;
}

.\!w-7 {
  width: 1.75rem !important;
}

.\!w-72 {
  width: 18rem !important;
}

.\!w-8 {
  width: 2rem !important;
}

.\!w-9 {
  width: 2.25rem !important;
}

.\!w-96 {
  width: 24rem !important;
}

.\!w-\[108px\] {
  width: 108px !important;
}

.\!w-\[18\.25rem\] {
  width: 18.25rem !important;
}

.\!w-\[18\.8125rem\] {
  width: 18.8125rem !important;
}

.\!w-\[18px\] {
  width: 18px !important;
}

.\!w-\[230px\] {
  width: 230px !important;
}

.\!w-\[26\.4rem\] {
  width: 26.4rem !important;
}

.\!w-\[26\.5rem\] {
  width: 26.5rem !important;
}

.\!w-\[28\.125rem\] {
  width: 28.125rem !important;
}

.\!w-\[28rem\] {
  width: 28rem !important;
}

.\!w-\[360px\] {
  width: 360px !important;
}

.\!w-\[450px\] {
  width: 450px !important;
}

.\!w-\[46px\] {
  width: 46px !important;
}

.\!w-\[500px\] {
  width: 500px !important;
}

.\!w-\[85vw\] {
  width: 85vw !important;
}

.\!w-\[90\%\] {
  width: 90% !important;
}

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

.\!w-\[calc\(100vw-4\.5rem\)\] {
  width: calc(100vw - 4.5rem) !important;
}

.\!w-auto {
  width: auto !important;
}

.\!w-fit {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.\!w-full {
  width: 100% !important;
}

.\!w-px {
  width: 1px !important;
}

.w-0 {
  width: 0px;
}

.w-0\.5 {
  width: 0.125rem;
}

.w-1 {
  width: 0.25rem;
}

.w-1\.5 {
  width: 0.375rem;
}

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

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-10 {
  width: 2.5rem;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-11 {
  width: 2.75rem;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-18 {
  width: 4.5rem;
}

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-2\/5 {
  width: 40%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

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

.w-3\/5 {
  width: 60%;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/5 {
  width: 80%;
}

.w-4\/6 {
  width: 66.666667%;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-9\/12 {
  width: 75%;
}

.w-96 {
  width: 24rem;
}

.w-\[1000\%\] {
  width: 1000%;
}

.w-\[100px\] {
  width: 100px;
}

.w-\[102px\] {
  width: 102px;
}

.w-\[108px\] {
  width: 108px;
}

.w-\[11\.5rem\] {
  width: 11.5rem;
}

.w-\[11\.75rem\] {
  width: 11.75rem;
}

.w-\[110px\] {
  width: 110px;
}

.w-\[112px\] {
  width: 112px;
}

.w-\[12\.25rem\] {
  width: 12.25rem;
}

.w-\[120px\] {
  width: 120px;
}

.w-\[140px\] {
  width: 140px;
}

.w-\[167px\] {
  width: 167px;
}

.w-\[180px\] {
  width: 180px;
}

.w-\[182px\] {
  width: 182px;
}

.w-\[185px\] {
  width: 185px;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[1em\] {
  width: 1em;
}

.w-\[2\.875rem\] {
  width: 2.875rem;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[21\.25rem\] {
  width: 21.25rem;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[22px\] {
  width: 22px;
}

.w-\[25\.52\%\] {
  width: 25.52%;
}

.w-\[25\.6875rem\] {
  width: 25.6875rem;
}

.w-\[250\%\] {
  width: 250%;
}

.w-\[250px\] {
  width: 250px;
}

.w-\[255px\] {
  width: 255px;
}

.w-\[259px\] {
  width: 259px;
}

.w-\[25rem\] {
  width: 25rem;
}

.w-\[260px\] {
  width: 260px;
}

.w-\[27\.1875rem\] {
  width: 27.1875rem;
}

.w-\[280px\] {
  width: 280px;
}

.w-\[290px\] {
  width: 290px;
}

.w-\[30\%\] {
  width: 30%;
}

.w-\[30\.9375rem\] {
  width: 30.9375rem;
}

.w-\[300px\] {
  width: 300px;
}

.w-\[30px\] {
  width: 30px;
}

.w-\[334px\] {
  width: 334px;
}

.w-\[336px\] {
  width: 336px;
}

.w-\[33px\] {
  width: 33px;
}

.w-\[340px\] {
  width: 340px;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[35rem\] {
  width: 35rem;
}

.w-\[360px\] {
  width: 360px;
}

.w-\[368px\] {
  width: 368px;
}

.w-\[372px\] {
  width: 372px;
}

.w-\[380px\] {
  width: 380px;
}

.w-\[400px\] {
  width: 400px;
}

.w-\[420px\] {
  width: 420px;
}

.w-\[425px\] {
  width: 425px;
}

.w-\[45\%\] {
  width: 45%;
}

.w-\[452px\] {
  width: 452px;
}

.w-\[476px\] {
  width: 476px;
}

.w-\[480px\] {
  width: 480px;
}

.w-\[48px\] {
  width: 48px;
}

.w-\[5\.25rem\] {
  width: 5.25rem;
}

.w-\[500px\] {
  width: 500px;
}

.w-\[52px\] {
  width: 52px;
}

.w-\[540px\] {
  width: 540px;
}

.w-\[542px\] {
  width: 542px;
}

.w-\[602px\] {
  width: 602px;
}

.w-\[60px\] {
  width: 60px;
}

.w-\[660px\] {
  width: 660px;
}

.w-\[68px\] {
  width: 68px;
}

.w-\[70px\] {
  width: 70px;
}

.w-\[712px\] {
  width: 712px;
}

.w-\[720px\] {
  width: 720px;
}

.w-\[72px\] {
  width: 72px;
}

.w-\[756px\] {
  width: 756px;
}

.w-\[8\.1875rem\] {
  width: 8.1875rem;
}

.w-\[85px\] {
  width: 85px;
}

.w-\[85vw\] {
  width: 85vw;
}

.w-\[862px\] {
  width: 862px;
}

.w-\[88\%\] {
  width: 88%;
}

.w-\[88px\] {
  width: 88px;
}

.w-\[90\%\] {
  width: 90%;
}

.w-\[95\%\] {
  width: 95%;
}

.w-\[96px\] {
  width: 96px;
}

.w-\[98px\] {
  width: 98px;
}

.w-\[Npx\] {
  width: Npx;
}

.w-\[calc\(100\%\+80px\)\] {
  width: calc(100% + 80px);
}

.w-\[calc\(100\%-1\.75rem\)\] {
  width: calc(100% - 1.75rem);
}

.w-\[calc\(100\%-20px\)\] {
  width: calc(100% - 20px);
}

.w-\[calc\(100\%_-_2rem\)\] {
  width: calc(100% - 2rem);
}

.w-\[calc\(2\.75ch\+0\.25rem\)\] {
  width: calc(2.75ch + 0.25rem);
}

.w-\[calc\(3ch\+0\.25rem\)\] {
  width: calc(3ch + 0.25rem);
}

.w-\[calc\(4\.5ch\+0\.25rem\)\] {
  width: calc(4.5ch + 0.25rem);
}

.w-\[min\(22rem\2c calc\(100\%-2rem\)\)\] {
  width: min(22rem,calc(100% - 2rem));
}

.w-auto {
  width: auto;
}

.w-fill {
  width: -webkit-fill-available;
}

.w-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.w-min {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.\!min-w-0 {
  min-width: 0px !important;
}

.\!min-w-20 {
  min-width: 5rem !important;
}

.\!min-w-32 {
  min-width: 8rem !important;
}

.\!min-w-40 {
  min-width: 10rem !important;
}

.\!min-w-52 {
  min-width: 13rem !important;
}

.\!min-w-7 {
  min-width: 1.75rem !important;
}

.\!min-w-80 {
  min-width: 20rem !important;
}

.\!min-w-\[140px\] {
  min-width: 140px !important;
}

.\!min-w-\[14rem\] {
  min-width: 14rem !important;
}

.\!min-w-\[18px\] {
  min-width: 18px !important;
}

.\!min-w-\[360px\] {
  min-width: 360px !important;
}

.\!min-w-fit {
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

.\!min-w-full {
  min-width: 100% !important;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-11 {
  min-width: 2.75rem;
}

.min-w-16 {
  min-width: 4rem;
}

.min-w-2 {
  min-width: 0.5rem;
}

.min-w-20 {
  min-width: 5rem;
}

.min-w-28 {
  min-width: 7rem;
}

.min-w-3 {
  min-width: 0.75rem;
}

.min-w-32 {
  min-width: 8rem;
}

.min-w-36 {
  min-width: 9rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-40 {
  min-width: 10rem;
}

.min-w-48 {
  min-width: 12rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-56 {
  min-width: 14rem;
}

.min-w-60 {
  min-width: 15rem;
}

.min-w-64 {
  min-width: 16rem;
}

.min-w-7 {
  min-width: 1.75rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-80 {
  min-width: 20rem;
}

.min-w-9 {
  min-width: 2.25rem;
}

.min-w-96 {
  min-width: 24rem;
}

.min-w-\[1\.125rem\] {
  min-width: 1.125rem;
}

.min-w-\[100px\] {
  min-width: 100px;
}

.min-w-\[108px\] {
  min-width: 108px;
}

.min-w-\[110px\] {
  min-width: 110px;
}

.min-w-\[118px\] {
  min-width: 118px;
}

.min-w-\[11ch\] {
  min-width: 11ch;
}

.min-w-\[120px\] {
  min-width: 120px;
}

.min-w-\[12rem\] {
  min-width: 12rem;
}

.min-w-\[130px\] {
  min-width: 130px;
}

.min-w-\[1400px\] {
  min-width: 1400px;
}

.min-w-\[140px\] {
  min-width: 140px;
}

.min-w-\[150px\] {
  min-width: 150px;
}

.min-w-\[164px\] {
  min-width: 164px;
}

.min-w-\[168px\] {
  min-width: 168px;
}

.min-w-\[18\.75rem\] {
  min-width: 18.75rem;
}

.min-w-\[180px\] {
  min-width: 180px;
}

.min-w-\[18px\] {
  min-width: 18px;
}

.min-w-\[190px\] {
  min-width: 190px;
}

.min-w-\[198px\] {
  min-width: 198px;
}

.min-w-\[1em\] {
  min-width: 1em;
}

.min-w-\[20\%\] {
  min-width: 20%;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-\[220px\] {
  min-width: 220px;
}

.min-w-\[22ch\] {
  min-width: 22ch;
}

.min-w-\[22rem\] {
  min-width: 22rem;
}

.min-w-\[235px\] {
  min-width: 235px;
}

.min-w-\[25px\] {
  min-width: 25px;
}

.min-w-\[276px\] {
  min-width: 276px;
}

.min-w-\[280px\] {
  min-width: 280px;
}

.min-w-\[300px\] {
  min-width: 300px;
}

.min-w-\[360px\] {
  min-width: 360px;
}

.min-w-\[420px\] {
  min-width: 420px;
}

.min-w-\[50px\] {
  min-width: 50px;
}

.min-w-\[6\.25rem\] {
  min-width: 6.25rem;
}

.min-w-\[60px\] {
  min-width: 60px;
}

.min-w-\[64rem\] {
  min-width: 64rem;
}

.min-w-\[700px\] {
  min-width: 700px;
}

.min-w-\[70px\] {
  min-width: 70px;
}

.min-w-\[820px\] {
  min-width: 820px;
}

.min-w-\[85\%\] {
  min-width: 85%;
}

.min-w-\[9\.875rem\] {
  min-width: 9.875rem;
}

.min-w-\[calc\(100\%_\/_7\)\] {
  min-width: calc(100% / 7);
}

.min-w-fit {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.min-w-full {
  min-width: 100%;
}

.min-w-max {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.min-w-px {
  min-width: 1px;
}

.\!max-w-12 {
  max-width: 3rem !important;
}

.\!max-w-24 {
  max-width: 6rem !important;
}

.\!max-w-36 {
  max-width: 9rem !important;
}

.\!max-w-40 {
  max-width: 10rem !important;
}

.\!max-w-48 {
  max-width: 12rem !important;
}

.\!max-w-60 {
  max-width: 15rem !important;
}

.\!max-w-72 {
  max-width: 18rem !important;
}

.\!max-w-\[200px\] {
  max-width: 200px !important;
}

.\!max-w-\[22rem\] {
  max-width: 22rem !important;
}

.\!max-w-\[360px\] {
  max-width: 360px !important;
}

.\!max-w-\[500px\] {
  max-width: 500px !important;
}

.\!max-w-full {
  max-width: 100% !important;
}

.\!max-w-lg {
  max-width: 32rem !important;
}

.\!max-w-none {
  max-width: none !important;
}

.\!max-w-xs {
  max-width: 20rem !important;
}

.max-w-0 {
  max-width: 0px;
}

.max-w-1\/2 {
  max-width: 50%;
}

.max-w-10 {
  max-width: 2.5rem;
}

.max-w-12 {
  max-width: 3rem;
}

.max-w-128 {
  max-width: 32rem;
}

.max-w-16 {
  max-width: 4rem;
}

.max-w-20 {
  max-width: 5rem;
}

.max-w-24 {
  max-width: 6rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3\/4 {
  max-width: 75%;
}

.max-w-32 {
  max-width: 8rem;
}

.max-w-36 {
  max-width: 9rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-40 {
  max-width: 10rem;
}

.max-w-44 {
  max-width: 11rem;
}

.max-w-48 {
  max-width: 12rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-52 {
  max-width: 13rem;
}

.max-w-56 {
  max-width: 14rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-60 {
  max-width: 15rem;
}

.max-w-64 {
  max-width: 16rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-72 {
  max-width: 18rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-8 {
  max-width: 2rem;
}

.max-w-\[1000px\] {
  max-width: 1000px;
}

.max-w-\[100px\] {
  max-width: 100px;
}

.max-w-\[108px\] {
  max-width: 108px;
}

.max-w-\[1100px\] {
  max-width: 1100px;
}

.max-w-\[118px\] {
  max-width: 118px;
}

.max-w-\[1200px\] {
  max-width: 1200px;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[1400px\] {
  max-width: 1400px;
}

.max-w-\[140px\] {
  max-width: 140px;
}

.max-w-\[150px\] {
  max-width: 150px;
}

.max-w-\[167px\] {
  max-width: 167px;
}

.max-w-\[17\.5rem\] {
  max-width: 17.5rem;
}

.max-w-\[18\.75rem\] {
  max-width: 18.75rem;
}

.max-w-\[180px\] {
  max-width: 180px;
}

.max-w-\[20\%\] {
  max-width: 20%;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[22\.5rem\] {
  max-width: 22.5rem;
}

.max-w-\[220px\] {
  max-width: 220px;
}

.max-w-\[234px\] {
  max-width: 234px;
}

.max-w-\[236px\] {
  max-width: 236px;
}

.max-w-\[24rem\] {
  max-width: 24rem;
}

.max-w-\[250px\] {
  max-width: 250px;
}

.max-w-\[25rem\] {
  max-width: 25rem;
}

.max-w-\[26\.5rem\] {
  max-width: 26.5rem;
}

.max-w-\[267px\] {
  max-width: 267px;
}

.max-w-\[26rem\] {
  max-width: 26rem;
}

.max-w-\[27\.5rem\] {
  max-width: 27.5rem;
}

.max-w-\[27px\] {
  max-width: 27px;
}

.max-w-\[300px\] {
  max-width: 300px;
}

.max-w-\[31\.25rem\] {
  max-width: 31.25rem;
}

.max-w-\[31\.5rem\] {
  max-width: 31.5rem;
}

.max-w-\[315px\] {
  max-width: 315px;
}

.max-w-\[322px\] {
  max-width: 322px;
}

.max-w-\[330px\] {
  max-width: 330px;
}

.max-w-\[34\.5rem\] {
  max-width: 34.5rem;
}

.max-w-\[34rem\] {
  max-width: 34rem;
}

.max-w-\[35rem\] {
  max-width: 35rem;
}

.max-w-\[360px\] {
  max-width: 360px;
}

.max-w-\[37\.5rem\] {
  max-width: 37.5rem;
}

.max-w-\[380px\] {
  max-width: 380px;
}

.max-w-\[38rem\] {
  max-width: 38rem;
}

.max-w-\[400px\] {
  max-width: 400px;
}

.max-w-\[418px\] {
  max-width: 418px;
}

.max-w-\[420px\] {
  max-width: 420px;
}

.max-w-\[42rem\] {
  max-width: 42rem;
}

.max-w-\[45\.125rem\] {
  max-width: 45.125rem;
}

.max-w-\[45rem\] {
  max-width: 45rem;
}

.max-w-\[480px\] {
  max-width: 480px;
}

.max-w-\[500px\] {
  max-width: 500px;
}

.max-w-\[52px\] {
  max-width: 52px;
}

.max-w-\[540px\] {
  max-width: 540px;
}

.max-w-\[550px\] {
  max-width: 550px;
}

.max-w-\[552px\] {
  max-width: 552px;
}

.max-w-\[56\.25rem\] {
  max-width: 56.25rem;
}

.max-w-\[568px\] {
  max-width: 568px;
}

.max-w-\[60\%\] {
  max-width: 60%;
}

.max-w-\[600px\] {
  max-width: 600px;
}

.max-w-\[668px\] {
  max-width: 668px;
}

.max-w-\[68ch\] {
  max-width: 68ch;
}

.max-w-\[696px\] {
  max-width: 696px;
}

.max-w-\[70\%\] {
  max-width: 70%;
}

.max-w-\[70px\] {
  max-width: 70px;
}

.max-w-\[712px\] {
  max-width: 712px;
}

.max-w-\[746px\] {
  max-width: 746px;
}

.max-w-\[748px\] {
  max-width: 748px;
}

.max-w-\[800px\] {
  max-width: 800px;
}

.max-w-\[812px\] {
  max-width: 812px;
}

.max-w-\[842px\] {
  max-width: 842px;
}

.max-w-\[85\%\] {
  max-width: 85%;
}

.max-w-\[90\%\] {
  max-width: 90%;
}

.max-w-\[95\%\] {
  max-width: 95%;
}

.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}

.max-w-\[calc\(1280px\+2rem\)\] {
  max-width: calc(1280px + 2rem);
}

.max-w-\[calc\(645px\+4rem\)\] {
  max-width: calc(645px + 4rem);
}

.max-w-\[min\(280px\2c calc\(100vw-2rem\)\)\] {
  max-width: min(280px,calc(100vw - 2rem));
}

.max-w-\[min\(75rem\2c calc\(100vw-2rem\)\)\] {
  max-width: min(75rem,calc(100vw - 2rem));
}

.max-w-fit {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-prose {
  max-width: 65ch;
}

.max-w-screen-2xl {
  max-width: 1536px;
}

.max-w-screen-lg {
  max-width: 1024px;
}

.max-w-screen-md {
  max-width: 768px;
}

.max-w-screen-sm {
  max-width: 640px;
}

.max-w-screen-xl {
  max-width: 1280px;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-2 {
  flex: 2 2 0%;
}

.flex-\[2\] {
  flex: 2;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.\!shrink {
  flex-shrink: 1 !important;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.shrink-\[3\] {
  flex-shrink: 3;
}

.flex-grow {
  flex-grow: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.\!grow-0 {
  flex-grow: 0 !important;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.basis-0 {
  flex-basis: 0px;
}

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

.basis-48 {
  flex-basis: 12rem;
}

.basis-5 {
  flex-basis: 1.25rem;
}

.basis-full {
  flex-basis: 100%;
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.border-collapse {
  border-collapse: collapse;
}

.border-separate {
  border-collapse: separate;
}

.border-spacing-y-4 {
  --tw-border-spacing-y: 1rem;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.\!origin-bottom {
  transform-origin: bottom !important;
}

.origin-bottom {
  transform-origin: bottom;
}

.origin-bottom-right {
  transform-origin: bottom right;
}

.origin-center {
  transform-origin: center;
}

.origin-top {
  transform-origin: top;
}

.origin-top-left {
  transform-origin: top left;
}

.origin-top-right {
  transform-origin: top right;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-2 {
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-3\.5 {
  --tw-translate-x: -0.875rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-5 {
  --tw-translate-x: -1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-2 {
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[\.845rem\] {
  --tw-translate-x: .845rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1 {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-4 {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-px {
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.4\] {
  --tw-scale-x: 0.4;
  --tw-scale-y: 0.4;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.98\] {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.053\] {
  --tw-scale-x: 1.053;
  --tw-scale-y: 1.053;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.108\] {
  --tw-scale-x: 1.108;
  --tw-scale-y: 1.108;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.167\] {
  --tw-scale-x: 1.167;
  --tw-scale-y: 1.167;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[98\%\] {
  --tw-scale-x: 98%;
  --tw-scale-y: 98%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animate-\[pop_0\.15s_ease-in-out\] {
  animation: pop 0.15s ease-in-out;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-\[pulse_0\.5s_ease-in-out_infinite\] {
  animation: pulse 0.5s ease-in-out infinite;
}

@keyframes bounce-slow {
  0%, 100% {
    transform: translateY(-5%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }

  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

.animate-bounce-slow {
  animation: bounce-slow 2s ease-in-out infinite;
}

@keyframes dropdown-in {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-dropdown-in {
  animation: dropdown-in 150ms ease-out forwards;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.animate-fade-in {
  animation: fade-in 0.5s ease-in forwards;
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fade-in-up 0.6s ease-out forwards;
}

@keyframes gradient {
  0% {
    background-position: 200% 50%;
  }

  100% {
    background-position: -100% 50%;
  }
}

.animate-gradient {
  animation: gradient 3s linear infinite;
}

@keyframes level-slider-spark {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  100% {
    transform: translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) scale(0.2);
    opacity: 0;
  }
}

.animate-level-slider-spark {
  animation: level-slider-spark 650ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-message-in {
  animation: fade-in-up 0.4s ease-out both;
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes scale-in {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-scale-in {
  animation: scale-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.\!cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}

.cursor-help {
  cursor: help;
}

.cursor-move {
  cursor: move;
}

.cursor-no-drop {
  cursor: no-drop;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.cursor-wait {
  cursor: wait;
}

.touch-none {
  touch-action: none;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.resize-none {
  resize: none;
}

.\!resize-y {
  resize: vertical !important;
}

.resize-y {
  resize: vertical;
}

.resize-x {
  resize: horizontal;
}

.resize {
  resize: both;
}

.scroll-my-6 {
  scroll-margin-top: 1.5rem;
  scroll-margin-bottom: 1.5rem;
}

.scroll-mt-4 {
  scroll-margin-top: 1rem;
}

.scroll-mt-8 {
  scroll-margin-top: 2rem;
}

.scroll-pt-12 {
  scroll-padding-top: 3rem;
}

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-flow-row {
  grid-auto-flow: row;
}

.auto-rows-\[minmax\(min-content\2c 1fr\)\] {
  grid-auto-rows: minmax(-webkit-min-content,1fr);
  grid-auto-rows: minmax(min-content,1fr);
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, 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-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-\[1\.25rem_1fr_auto\] {
  grid-template-columns: 1.25rem 1fr auto;
}

.grid-cols-\[160px_180px_minmax\(100px\2c 2fr\)_auto\] {
  grid-template-columns: 160px 180px minmax(100px,2fr) auto;
}

.grid-cols-\[160px_minmax\(100px\2c 1fr\)_minmax\(100px\2c 2fr\)_auto_auto\] {
  grid-template-columns: 160px minmax(100px,1fr) minmax(100px,2fr) auto auto;
}

.grid-cols-\[160px_minmax\(100px\2c 2fr\)_auto\] {
  grid-template-columns: 160px minmax(100px,2fr) auto;
}

.grid-cols-\[1fr_320px\] {
  grid-template-columns: 1fr 320px;
}

.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}

.grid-cols-\[30\%\2c 1fr\] {
  grid-template-columns: 30% 1fr;
}

.grid-cols-\[6rem_repeat\(2\2c minmax\(0\2c 25rem\)\)\] {
  grid-template-columns: 6rem repeat(2,minmax(0,25rem));
}

.grid-cols-\[auto\2c minmax\(0\2c 1fr\)\2c auto\] {
  grid-template-columns: auto minmax(0,1fr) auto;
}

.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}

.grid-cols-\[auto_1fr_1fr_1\.428fr_auto\] {
  grid-template-columns: auto 1fr 1fr 1.428fr auto;
}

.grid-cols-\[auto_auto\] {
  grid-template-columns: auto auto;
}

.grid-cols-\[max-content_auto_minmax\(0\2c 1fr\)\] {
  grid-template-columns: -webkit-max-content auto minmax(0,1fr);
  grid-template-columns: max-content auto minmax(0,1fr);
}

.grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
  grid-template-columns: minmax(0,1fr) auto;
}

.grid-cols-\[minmax\(0\2c 8\.75rem\)_minmax\(0\2c 1fr\)\] {
  grid-template-columns: minmax(0,8.75rem) minmax(0,1fr);
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(370px\2c 420px\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(370px,420px));
}

.grid-cols-subgrid {
  grid-template-columns: subgrid;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}

.grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}

.\!flex-row {
  flex-direction: row !important;
}

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

.flex-row-reverse {
  flex-direction: row-reverse;
}

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

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

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-items-center {
  place-items: center;
}

.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.\!items-start {
  align-items: flex-start !important;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.\!items-center {
  align-items: center !important;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.\!justify-end {
  justify-content: flex-end !important;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.\!justify-between {
  justify-content: space-between !important;
}

.justify-between {
  justify-content: space-between;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-stretch {
  justify-items: stretch;
}

.\!gap-1 {
  gap: 0.25rem !important;
}

.\!gap-2 {
  gap: 0.5rem !important;
}

.gap-0 {
  gap: 0px;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-24 {
  gap: 6rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-3\.5 {
  gap: 0.875rem;
}

.gap-32 {
  gap: 8rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-48 {
  gap: 12rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-80 {
  gap: 20rem;
}

.gap-96 {
  gap: 24rem;
}

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

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

.gap-\[37px\] {
  gap: 37px;
}

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

.gap-\[5\.927px\] {
  gap: 5.927px;
}

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

.gap-px {
  gap: 1px;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-1\.5 {
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}

.gap-x-10 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-y-0 {
  row-gap: 0px;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-y-1\.5 {
  row-gap: 0.375rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.\!divide-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse)) !important;
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-black > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-divide-opacity, 1));
}

.divide-blue > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-divide-opacity, 1));
}

.divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(228 238 247 / var(--tw-divide-opacity, 1));
}

.divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-divide-opacity, 1));
}

.divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 231 245 / var(--tw-divide-opacity, 1));
}

.divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-divide-opacity, 1));
}

.divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(234 242 248 / var(--tw-divide-opacity, 1));
}

.divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-divide-opacity, 1));
}

.divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-divide-opacity, 1));
}

.divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(53 95 137 / var(--tw-divide-opacity, 1));
}

.divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-divide-opacity, 1));
}

.divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-divide-opacity, 1));
}

.divide-gray > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-divide-opacity, 1));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-divide-opacity, 1));
}

.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-divide-opacity, 1));
}

.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-divide-opacity, 1));
}

.divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-divide-opacity, 1));
}

.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
}

.divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-divide-opacity, 1));
}

.divide-green > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-divide-opacity, 1));
}

.divide-green-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 250 238 / var(--tw-divide-opacity, 1));
}

.divide-green-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-divide-opacity, 1));
}

.divide-green-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 245 225 / var(--tw-divide-opacity, 1));
}

.divide-green-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(60 184 120 / var(--tw-divide-opacity, 1));
}

.divide-green-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 253 244 / var(--tw-divide-opacity, 1));
}

.divide-green-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-divide-opacity, 1));
}

.divide-green-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-divide-opacity, 1));
}

.divide-green-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-divide-opacity, 1));
}

.divide-green-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-divide-opacity, 1));
}

.divide-green-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-divide-opacity, 1));
}

.divide-orange > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.divide-orange-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 238 230 / var(--tw-divide-opacity, 1));
}

.divide-orange-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-divide-opacity, 1));
}

.divide-orange-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 217 196 / var(--tw-divide-opacity, 1));
}

.divide-orange-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-divide-opacity, 1));
}

.divide-orange-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 247 237 / var(--tw-divide-opacity, 1));
}

.divide-orange-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-divide-opacity, 1));
}

.divide-orange-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-divide-opacity, 1));
}

.divide-orange-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-divide-opacity, 1));
}

.divide-orange-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-divide-opacity, 1));
}

.divide-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.divide-primary-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-divide-opacity, 1));
}

.divide-primary-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-divide-opacity, 1));
}

.divide-primary-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-divide-opacity, 1));
}

.divide-primary-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.divide-primary-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.divide-primary-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-divide-opacity, 1));
}

.divide-primary-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.divide-primary-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-divide-opacity, 1));
}

.divide-purple > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-divide-opacity, 1));
}

.divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-divide-opacity, 1));
}

.divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-divide-opacity, 1));
}

.divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-divide-opacity, 1));
}

.divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-divide-opacity, 1));
}

.divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-divide-opacity, 1));
}

.divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-divide-opacity, 1));
}

.divide-red > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-divide-opacity, 1));
}

.divide-red-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 230 232 / var(--tw-divide-opacity, 1));
}

.divide-red-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-divide-opacity, 1));
}

.divide-red-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(244 207 209 / var(--tw-divide-opacity, 1));
}

.divide-red-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-divide-opacity, 1));
}

.divide-red-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 242 242 / var(--tw-divide-opacity, 1));
}

.divide-red-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-divide-opacity, 1));
}

.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-divide-opacity, 1));
}

.divide-red-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(186 57 60 / var(--tw-divide-opacity, 1));
}

.divide-red-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-divide-opacity, 1));
}

.divide-red-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-divide-opacity, 1));
}

.divide-rootly-orange > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(251 176 64 / var(--tw-divide-opacity, 1));
}

.divide-secondary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.divide-secondary-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-divide-opacity, 1));
}

.divide-secondary-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-divide-opacity, 1));
}

.divide-secondary-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.divide-secondary-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.divide-secondary-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-divide-opacity, 1));
}

.divide-secondary-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-divide-opacity, 1));
}

.divide-transparent > :not([hidden]) ~ :not([hidden]) {
  border-color: transparent;
}

.divide-v2-ai-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-bg-strong > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-bg-subtle > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 250 253 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-border-base > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-border-faint > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-border-strong > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-border-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-edit-border > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 28 81 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-secondary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(104 88 194 / var(--tw-divide-opacity, 1));
}

.divide-v2-ai-tertiary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(116 104 203 / var(--tw-divide-opacity, 1));
}

.divide-v2-background > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-divide-opacity, 1));
}

.divide-v2-background-overlay > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(19, 19, 19, 0.15);
}

.divide-v2-body > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.divide-v2-border-base > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-divide-opacity, 1));
}

.divide-v2-border-critical > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 219 218 / var(--tw-divide-opacity, 1));
}

.divide-v2-border-forms > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.divide-v2-border-selected > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.divide-v2-border-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.divide-v2-border-tooltip-shortcut > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-divide-opacity, 1));
}

.divide-v2-brand-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-divide-opacity, 1));
}

.divide-v2-button-critical > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-divide-opacity, 1));
}

.divide-v2-button-critical-hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-divide-opacity, 1));
}

.divide-v2-button-critical-pressed > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(104 28 24 / var(--tw-divide-opacity, 1));
}

.divide-v2-button-disabled > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.divide-v2-button-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(38 32 72 / var(--tw-divide-opacity, 1));
}

.divide-v2-button-primary-hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(67 56 123 / var(--tw-divide-opacity, 1));
}

.divide-v2-chip-bg-neutral > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.divide-v2-chip-border-neutral > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-divide-opacity, 1));
}

.divide-v2-chip-text-neutral > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 71 65 / var(--tw-divide-opacity, 1));
}

.divide-v2-critical > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-divide-opacity, 1));
}

.divide-v2-critical-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(253 243 242 / var(--tw-divide-opacity, 1));
}

.divide-v2-default-shortcut-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.divide-v2-disabled > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.divide-v2-divider > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-divide-opacity, 1));
}

.divide-v2-drawer > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.divide-v2-field-disabled > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.divide-v2-focus-shadow > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(151, 146, 218, 0.25);
}

.divide-v2-icon-ai-base > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.divide-v2-icon-ai-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-divide-opacity, 1));
}

.divide-v2-icon-base > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 55 51 / var(--tw-divide-opacity, 1));
}

.divide-v2-icon-critical > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-divide-opacity, 1));
}

.divide-v2-icon-disabled > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.divide-v2-icon-on-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.divide-v2-icon-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.divide-v2-level1 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.divide-v2-level2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.divide-v2-level3 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 240 239 / var(--tw-divide-opacity, 1));
}

.divide-v2-placeholder > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.divide-v2-popup > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.divide-v2-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-divide-opacity, 1));
}

.divide-v2-secondary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 83 77 / var(--tw-divide-opacity, 1));
}

.divide-v2-selected > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.divide-v2-shortcut-text > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-divide-opacity, 1));
}

.divide-v2-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.divide-v2-success > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(46 97 64 / var(--tw-divide-opacity, 1));
}

.divide-v2-success-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(232 250 239 / var(--tw-divide-opacity, 1));
}

.divide-v2-tertiary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-divide-opacity, 1));
}

.divide-v2-text-on-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.divide-v2-text-on-secondary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-divide-opacity, 1));
}

.divide-v2-tooltip > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(54 46 100 / var(--tw-divide-opacity, 1));
}

.divide-v2-tooltip-shortcut-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-divide-opacity, 1));
}

.divide-v2-tooltip-shortcut-text > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.divide-v2-warning > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(127 80 12 / var(--tw-divide-opacity, 1));
}

.divide-v2-warning-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 251 214 / var(--tw-divide-opacity, 1));
}

.divide-white > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.divide-yellow > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 242 207 / var(--tw-divide-opacity, 1));
}

.divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-divide-opacity, 1));
}

.divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 235 183 / var(--tw-divide-opacity, 1));
}

.divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-divide-opacity, 1));
}

.divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 252 232 / var(--tw-divide-opacity, 1));
}

.divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-divide-opacity, 1));
}

.divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 122 37 / var(--tw-divide-opacity, 1));
}

.divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-divide-opacity, 1));
}

.divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-divide-opacity, 1));
}

.place-self-center {
  place-self: center;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.overflow-auto {
  overflow: auto;
}

.\!overflow-hidden {
  overflow: hidden !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-clip {
  overflow: clip;
}

.\!overflow-visible {
  overflow: visible !important;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overscroll-contain {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.overscroll-none {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.\!truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.text-clip {
  text-overflow: clip;
}

.hyphens-auto {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.whitespace-normal {
  white-space: normal;
}

.\!whitespace-nowrap {
  white-space: nowrap !important;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.whitespace-break-spaces {
  white-space: break-spaces;
}

.text-wrap {
  text-wrap: wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.\!rounded-2xl {
  border-radius: 1rem !important;
}

.\!rounded-\[20px\] {
  border-radius: 20px !important;
}

.\!rounded-\[6px\] {
  border-radius: 6px !important;
}

.\!rounded-full {
  border-radius: 9999px !important;
}

.\!rounded-lg {
  border-radius: 0.5rem !important;
}

.\!rounded-md {
  border-radius: 0.375rem !important;
}

.\!rounded-none {
  border-radius: 0px !important;
}

.\!rounded-v2-lg {
  border-radius: 0.5rem !important;
}

.\!rounded-v2-md {
  border-radius: 0.375rem !important;
}

.\!rounded-xl {
  border-radius: 0.75rem !important;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}

.rounded-\[100\%\] {
  border-radius: 100%;
}

.rounded-\[100px\] {
  border-radius: 100px;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.rounded-\[13px\] {
  border-radius: 13px;
}

.rounded-\[14px\] {
  border-radius: 14px;
}

.rounded-\[15px\] {
  border-radius: 15px;
}

.rounded-\[2\.963px\] {
  border-radius: 2.963px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[26px\] {
  border-radius: 26px;
}

.rounded-\[32px\] {
  border-radius: 32px;
}

.rounded-\[37px\] {
  border-radius: 37px;
}

.rounded-\[3px\] {
  border-radius: 3px;
}

.rounded-\[4px\] {
  border-radius: 4px;
}

.rounded-\[5px\] {
  border-radius: 5px;
}

.rounded-\[6px\] {
  border-radius: 6px;
}

.rounded-\[8px\] {
  border-radius: 8px;
}

.rounded-\[inherit\] {
  border-radius: inherit;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-v2-2xl {
  border-radius: 1rem;
}

.rounded-v2-full {
  border-radius: 9999px;
}

.rounded-v2-lg {
  border-radius: 0.5rem;
}

.rounded-v2-md {
  border-radius: 0.375rem;
}

.rounded-v2-none {
  border-radius: 0rem;
}

.rounded-v2-sm {
  border-radius: 0.25rem;
}

.rounded-v2-xl {
  border-radius: 0.75rem;
}

.rounded-v2-xs {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.\!rounded-l-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.\!rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.\!rounded-r-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.\!rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-b-\[4px\] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-b-v2-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-b-v2-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-b-v2-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded-r-v2-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-r-v2-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-s {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.rounded-t-v2-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-t-v2-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-t-v2-sm {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-v2-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-bl-none {
  border-bottom-left-radius: 0px;
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}

.rounded-br-none {
  border-bottom-right-radius: 0px;
}

.rounded-tl-none {
  border-top-left-radius: 0px;
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}

.rounded-tr-none {
  border-top-right-radius: 0px;
}

.\!border {
  border-width: 1px !important;
}

.\!border-0 {
  border-width: 0px !important;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

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

.border-\[1px\] {
  border-width: 1px;
}

.border-\[3px\] {
  border-width: 3px;
}

.\!border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.\!border-b {
  border-bottom-width: 1px !important;
}

.\!border-b-0 {
  border-bottom-width: 0px !important;
}

.\!border-l-0 {
  border-left-width: 0px !important;
}

.\!border-t-0 {
  border-top-width: 0px !important;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-\[20px\] {
  border-bottom-width: 20px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

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

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-r-\[20px\] {
  border-right-width: 20px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-t-\[1px\] {
  border-top-width: 1px;
}

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

.\!border-solid {
  border-style: solid !important;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.\!border-none {
  border-style: none !important;
}

.border-none {
  border-style: none;
}

.\!border-blue-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 238 247 / var(--tw-border-opacity, 1)) !important;
}

.\!border-gray-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1)) !important;
}

.\!border-gray-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1)) !important;
}

.\!border-primary-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1)) !important;
}

.\!border-primary-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1)) !important;
}

.\!border-purple-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1)) !important;
}

.\!border-purple-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1)) !important;
}

.\!border-purple-700 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1)) !important;
}

.\!border-red-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(250 230 232 / var(--tw-border-opacity, 1)) !important;
}

.\!border-transparent {
  border-color: transparent !important;
}

.\!border-v2-ai-border-base {
  --tw-border-opacity: 1 !important;
  border-color: rgb(195 195 234 / var(--tw-border-opacity, 1)) !important;
}

.\!border-v2-tooltip {
  --tw-border-opacity: 1 !important;
  border-color: rgb(54 46 100 / var(--tw-border-opacity, 1)) !important;
}

.\!border-yellow-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 242 207 / var(--tw-border-opacity, 1)) !important;
}

.\!border-yellow-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(250 235 183 / var(--tw-border-opacity, 1)) !important;
}

.border-\[\#1F1F1F\] {
  --tw-border-opacity: 1;
  border-color: rgb(31 31 31 / var(--tw-border-opacity, 1));
}

.border-\[\#f2f0ef\] {
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-black\/10 {
  border-color: rgb(0 0 0 / 0.1);
}

.border-blue {
  --tw-border-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-border-opacity, 1));
}

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(228 238 247 / var(--tw-border-opacity, 1));
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-border-opacity, 1));
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(215 231 245 / var(--tw-border-opacity, 1));
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.border-blue-50 {
  --tw-border-opacity: 1;
  border-color: rgb(234 242 248 / var(--tw-border-opacity, 1));
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-border-opacity, 1));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(53 95 137 / var(--tw-border-opacity, 1));
}

.border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.border-blue-900 {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity, 1));
}

.border-current {
  border-color: currentColor;
}

.border-dove-grey-8 {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}

.border-glacier-4 {
  --tw-border-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-border-opacity, 1));
}

.border-gray {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-200\/70 {
  border-color: rgb(229 231 235 / 0.7);
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.border-gray-300\/90 {
  border-color: rgb(230 228 225 / 0.9);
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-border-opacity, 1));
}

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-border-opacity, 1));
}

.border-green {
  --tw-border-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-border-opacity, 1));
}

.border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(230 250 238 / var(--tw-border-opacity, 1));
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(215 245 225 / var(--tw-border-opacity, 1));
}

.border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(60 184 120 / var(--tw-border-opacity, 1));
}

.border-green-50 {
  --tw-border-opacity: 1;
  border-color: rgb(240 253 244 / var(--tw-border-opacity, 1));
}

.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-border-opacity, 1));
}

.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}

.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.border-green-900 {
  --tw-border-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-border-opacity, 1));
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.border-lavender-4 {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.border-orange {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(250 238 230 / var(--tw-border-opacity, 1));
}

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(245 217 196 / var(--tw-border-opacity, 1));
}

.border-orange-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}

.border-orange-50 {
  --tw-border-opacity: 1;
  border-color: rgb(255 247 237 / var(--tw-border-opacity, 1));
}

.border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.border-orange-600 {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}

.border-orange-700 {
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
}

.border-orange-800 {
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
}

.border-orange-900 {
  --tw-border-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-border-opacity, 1));
}

.border-pothos-4 {
  --tw-border-opacity: 1;
  border-color: rgb(200 242 216 / var(--tw-border-opacity, 1));
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.border-primary-100 {
  --tw-border-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1));
}

.border-primary-300 {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.border-primary-300\/25 {
  border-color: rgb(159 122 246 / 0.25);
}

.border-primary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-border-opacity, 1));
}

.border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.border-primary-600 {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.border-primary-700 {
  --tw-border-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1));
}

.border-primary-800 {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.border-primary-900 {
  --tw-border-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-border-opacity, 1));
}

.border-purple {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1));
}

.border-purple-100\/30 {
  border-color: rgb(233 226 255 / 0.3);
}

.border-purple-100\/50 {
  border-color: rgb(233 226 255 / 0.5);
}

.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

.border-purple-200\/50 {
  border-color: rgb(233 213 255 / 0.5);
}

.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.border-purple-50 {
  --tw-border-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-border-opacity, 1));
}

.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1));
}

.border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.border-purple-900 {
  --tw-border-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-border-opacity, 1));
}

.border-red {
  --tw-border-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-border-opacity, 1));
}

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(250 230 232 / var(--tw-border-opacity, 1));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(244 207 209 / var(--tw-border-opacity, 1));
}

.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}

.border-red-50 {
  --tw-border-opacity: 1;
  border-color: rgb(254 242 242 / var(--tw-border-opacity, 1));
}

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-border-opacity, 1));
}

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(186 57 60 / var(--tw-border-opacity, 1));
}

.border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.border-red-900 {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}

.border-red-v2-6 {
  --tw-border-opacity: 1;
  border-color: rgb(250 149 146 / var(--tw-border-opacity, 1));
}

.border-rootly-orange {
  --tw-border-opacity: 1;
  border-color: rgb(251 176 64 / var(--tw-border-opacity, 1));
}

.border-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.border-secondary-100 {
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.border-secondary-300 {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.border-secondary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.border-secondary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.border-secondary-700 {
  --tw-border-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-border-opacity, 1));
}

.border-secondary-900 {
  --tw-border-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-border-opacity, 1));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-stone-200 {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.border-tangerine-12 {
  --tw-border-opacity: 1;
  border-color: rgb(167 77 25 / var(--tw-border-opacity, 1));
}

.border-tangerine-4 {
  --tw-border-opacity: 1;
  border-color: rgb(253 229 149 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: transparent;
}

.border-v2-ai-bg {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-border-opacity, 1));
}

.border-v2-ai-bg-strong {
  --tw-border-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-border-opacity, 1));
}

.border-v2-ai-bg-subtle {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 253 / var(--tw-border-opacity, 1));
}

.border-v2-ai-border-base {
  --tw-border-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-border-opacity, 1));
}

.border-v2-ai-border-faint {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.border-v2-ai-border-strong {
  --tw-border-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-border-opacity, 1));
}

.border-v2-ai-border-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-border-opacity, 1));
}

.border-v2-ai-edit-border {
  --tw-border-opacity: 1;
  border-color: rgb(178 28 81 / var(--tw-border-opacity, 1));
}

.border-v2-ai-primary {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.border-v2-ai-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(104 88 194 / var(--tw-border-opacity, 1));
}

.border-v2-ai-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(116 104 203 / var(--tw-border-opacity, 1));
}

.border-v2-background {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.border-v2-background-overlay {
  border-color: rgba(19, 19, 19, 0.15);
}

.border-v2-body {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-v2-border-base {
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

.border-v2-border-critical {
  --tw-border-opacity: 1;
  border-color: rgb(252 219 218 / var(--tw-border-opacity, 1));
}

.border-v2-border-forms {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.border-v2-border-selected {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.border-v2-border-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.border-v2-border-tooltip-shortcut {
  --tw-border-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-border-opacity, 1));
}

.border-v2-border-warning {
  --tw-border-opacity: 1;
  border-color: rgb(253 229 149 / var(--tw-border-opacity, 1));
}

.border-v2-brand-bg {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-border-opacity, 1));
}

.border-v2-button-critical {
  --tw-border-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1));
}

.border-v2-button-critical-hover {
  --tw-border-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-border-opacity, 1));
}

.border-v2-button-critical-pressed {
  --tw-border-opacity: 1;
  border-color: rgb(104 28 24 / var(--tw-border-opacity, 1));
}

.border-v2-button-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.border-v2-button-primary {
  --tw-border-opacity: 1;
  border-color: rgb(38 32 72 / var(--tw-border-opacity, 1));
}

.border-v2-button-primary-hover {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 123 / var(--tw-border-opacity, 1));
}

.border-v2-chip-bg-neutral {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-avocado {
  --tw-border-opacity: 1;
  border-color: rgb(233 245 152 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-brick {
  --tw-border-opacity: 1;
  border-color: rgb(253 213 179 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-cherry {
  --tw-border-opacity: 1;
  border-color: rgb(251 206 211 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-critical {
  --tw-border-opacity: 1;
  border-color: rgb(250 149 146 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-glacier {
  --tw-border-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-lavender {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-neutral {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-pothos {
  --tw-border-opacity: 1;
  border-color: rgb(200 242 216 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-robin {
  --tw-border-opacity: 1;
  border-color: rgb(151 246 240 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-rose {
  --tw-border-opacity: 1;
  border-color: rgb(249 208 228 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-saffron {
  --tw-border-opacity: 1;
  border-color: rgb(245 242 153 / var(--tw-border-opacity, 1));
}

.border-v2-chip-border-tangerine {
  --tw-border-opacity: 1;
  border-color: rgb(253 229 149 / var(--tw-border-opacity, 1));
}

.border-v2-chip-text-lavender {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.border-v2-chip-text-neutral {
  --tw-border-opacity: 1;
  border-color: rgb(74 71 65 / var(--tw-border-opacity, 1));
}

.border-v2-critical {
  --tw-border-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1));
}

.border-v2-critical-bg {
  --tw-border-opacity: 1;
  border-color: rgb(253 243 242 / var(--tw-border-opacity, 1));
}

.border-v2-default-shortcut-bg {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.border-v2-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.border-v2-divider {
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

.border-v2-drawer {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-v2-field-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.border-v2-focus-shadow {
  border-color: rgba(151, 146, 218, 0.25);
}

.border-v2-icon-ai-base {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.border-v2-icon-ai-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-border-opacity, 1));
}

.border-v2-icon-base {
  --tw-border-opacity: 1;
  border-color: rgb(59 55 51 / var(--tw-border-opacity, 1));
}

.border-v2-icon-critical {
  --tw-border-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-border-opacity, 1));
}

.border-v2-icon-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.border-v2-icon-on-primary {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-v2-icon-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.border-v2-level1 {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.border-v2-level2 {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.border-v2-level3 {
  --tw-border-opacity: 1;
  border-color: rgb(240 240 239 / var(--tw-border-opacity, 1));
}

.border-v2-placeholder {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.border-v2-popup {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-v2-primary {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-border-opacity, 1));
}

.border-v2-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(87 83 77 / var(--tw-border-opacity, 1));
}

.border-v2-selected {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.border-v2-shortcut-text {
  --tw-border-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-border-opacity, 1));
}

.border-v2-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.border-v2-success {
  --tw-border-opacity: 1;
  border-color: rgb(46 97 64 / var(--tw-border-opacity, 1));
}

.border-v2-success-bg {
  --tw-border-opacity: 1;
  border-color: rgb(232 250 239 / var(--tw-border-opacity, 1));
}

.border-v2-success\/30 {
  border-color: rgb(46 97 64 / 0.3);
}

.border-v2-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-border-opacity, 1));
}

.border-v2-text-on-primary {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-v2-text-on-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-border-opacity, 1));
}

.border-v2-tooltip {
  --tw-border-opacity: 1;
  border-color: rgb(54 46 100 / var(--tw-border-opacity, 1));
}

.border-v2-tooltip-shortcut-bg {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.border-v2-tooltip-shortcut-text {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.border-v2-warning {
  --tw-border-opacity: 1;
  border-color: rgb(127 80 12 / var(--tw-border-opacity, 1));
}

.border-v2-warning-bg {
  --tw-border-opacity: 1;
  border-color: rgb(250 251 214 / var(--tw-border-opacity, 1));
}

.border-violet-100 {
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity, 1));
}

.border-violet-500 {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}

.border-yellow {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgb(252 242 207 / var(--tw-border-opacity, 1));
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(250 235 183 / var(--tw-border-opacity, 1));
}

.border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}

.border-yellow-50 {
  --tw-border-opacity: 1;
  border-color: rgb(254 252 232 / var(--tw-border-opacity, 1));
}

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
}

.border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgb(178 122 37 / var(--tw-border-opacity, 1));
}

.border-yellow-800 {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}

.border-yellow-900 {
  --tw-border-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-border-opacity, 1));
}

.\!border-b-gray-200 {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;
}

.border-b-secondary-300 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.border-b-transparent {
  border-bottom-color: transparent;
}

.border-r-gray-300 {
  --tw-border-opacity: 1;
  border-right-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.border-r-secondary-100 {
  --tw-border-opacity: 1;
  border-right-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.border-r-transparent {
  border-right-color: transparent;
}

.border-t-transparent {
  border-top-color: transparent;
}

.border-t-v2-border-selected {
  --tw-border-opacity: 1;
  border-top-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.border-opacity-5 {
  --tw-border-opacity: 0.05;
}

.\!bg-gray-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-gray-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-green-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-orange-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 238 230 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-primary-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-primary-900 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-secondary-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-transparent {
  background-color: transparent !important;
}

.\!bg-v2-ai-bg {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-v2-button-critical {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-v2-button-primary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-v2-chip-bg-lavender {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 236 248 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-v2-chip-text-lavender {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-v2-level2 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-v2-tooltip {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(54 46 100 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#1E1A2F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 47 / var(--tw-bg-opacity, 1));
}

.bg-\[\#4A154B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 21 75 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FCFBFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fcfbfa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.bg-avocado-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 253 232 / var(--tw-bg-opacity, 1));
}

.bg-avocado-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(149 154 0 / var(--tw-bg-opacity, 1));
}

.bg-avocado-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(127 128 0 / var(--tw-bg-opacity, 1));
}

.bg-avocado-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(109 107 0 / var(--tw-bg-opacity, 1));
}

.bg-avocado-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(95 91 0 / var(--tw-bg-opacity, 1));
}

.bg-avocado-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(85 82 0 / var(--tw-bg-opacity, 1));
}

.bg-avocado-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(68 65 0 / var(--tw-bg-opacity, 1));
}

.bg-avocado-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(44 42 0 / var(--tw-bg-opacity, 1));
}

.bg-avocado-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 251 212 / var(--tw-bg-opacity, 1));
}

.bg-avocado-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 248 186 / var(--tw-bg-opacity, 1));
}

.bg-avocado-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 245 152 / var(--tw-bg-opacity, 1));
}

.bg-avocado-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(223 238 108 / var(--tw-bg-opacity, 1));
}

.bg-avocado-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 229 54 / var(--tw-bg-opacity, 1));
}

.bg-avocado-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(201 218 0 / var(--tw-bg-opacity, 1));
}

.bg-avocado-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 202 0 / var(--tw-bg-opacity, 1));
}

.bg-avocado-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(170 181 0 / var(--tw-bg-opacity, 1));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(33 114 217 / var(--tw-bg-opacity, 1));
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 238 247 / var(--tw-bg-opacity, 1));
}

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 224 240 / var(--tw-bg-opacity, 1));
}

.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 231 245 / var(--tw-bg-opacity, 1));
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 248 / var(--tw-bg-opacity, 1));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(33 114 217 / var(--tw-bg-opacity, 1));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(53 95 137 / var(--tw-bg-opacity, 1));
}

.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

.bg-brick-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 239 / var(--tw-bg-opacity, 1));
}

.bg-brick-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(232 83 32 / var(--tw-bg-opacity, 1));
}

.bg-brick-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(205 69 30 / var(--tw-bg-opacity, 1));
}

.bg-brick-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 59 30 / var(--tw-bg-opacity, 1));
}

.bg-brick-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(152 52 30 / var(--tw-bg-opacity, 1));
}

.bg-brick-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(131 49 29 / var(--tw-bg-opacity, 1));
}

.bg-brick-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(102 38 24 / var(--tw-bg-opacity, 1));
}

.bg-brick-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(65 22 13 / var(--tw-bg-opacity, 1));
}

.bg-brick-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 239 224 / var(--tw-bg-opacity, 1));
}

.bg-brick-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 204 / var(--tw-bg-opacity, 1));
}

.bg-brick-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 213 179 / var(--tw-bg-opacity, 1));
}

.bg-brick-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 193 145 / var(--tw-bg-opacity, 1));
}

.bg-brick-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 169 108 / var(--tw-bg-opacity, 1));
}

.bg-brick-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 138 69 / var(--tw-bg-opacity, 1));
}

.bg-brick-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 119 50 / var(--tw-bg-opacity, 1));
}

.bg-brick-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 100 38 / var(--tw-bg-opacity, 1));
}

.bg-cherry-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 241 242 / var(--tw-bg-opacity, 1));
}

.bg-cherry-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 70 / var(--tw-bg-opacity, 1));
}

.bg-cherry-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(201 25 62 / var(--tw-bg-opacity, 1));
}

.bg-cherry-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 24 58 / var(--tw-bg-opacity, 1));
}

.bg-cherry-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(157 25 57 / var(--tw-bg-opacity, 1));
}

.bg-cherry-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(141 27 56 / var(--tw-bg-opacity, 1));
}

.bg-cherry-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(112 22 45 / var(--tw-bg-opacity, 1));
}

.bg-cherry-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(73 11 26 / var(--tw-bg-opacity, 1));
}

.bg-cherry-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 233 234 / var(--tw-bg-opacity, 1));
}

.bg-cherry-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 221 224 / var(--tw-bg-opacity, 1));
}

.bg-cherry-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 206 211 / var(--tw-bg-opacity, 1));
}

.bg-cherry-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 179 187 / var(--tw-bg-opacity, 1));
}

.bg-cherry-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 148 160 / var(--tw-bg-opacity, 1));
}

.bg-cherry-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 110 129 / var(--tw-bg-opacity, 1));
}

.bg-cherry-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 81 105 / var(--tw-bg-opacity, 1));
}

.bg-cherry-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 53 84 / var(--tw-bg-opacity, 1));
}

.bg-current {
  background-color: currentColor;
}

.bg-cyan-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-0 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 77 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 71 65 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 55 51 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 35 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(32 29 27 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 20 18 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(11 10 9 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 217 215 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(166 160 155 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.bg-dove-grey-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(108 103 97 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-glacier-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 247 251 / var(--tw-bg-opacity, 1));
}

.bg-glacier-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(72 124 176 / var(--tw-bg-opacity, 1));
}

.bg-glacier-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(61 108 156 / var(--tw-bg-opacity, 1));
}

.bg-glacier-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(53 95 137 / var(--tw-bg-opacity, 1));
}

.bg-glacier-12\/\[0\.16\] {
  background-color: rgb(53 95 137 / 0.16);
}

.bg-glacier-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(47 84 119 / var(--tw-bg-opacity, 1));
}

.bg-glacier-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(44 74 104 / var(--tw-bg-opacity, 1));
}

.bg-glacier-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(38 61 85 / var(--tw-bg-opacity, 1));
}

.bg-glacier-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(28 44 62 / var(--tw-bg-opacity, 1));
}

.bg-glacier-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 248 / var(--tw-bg-opacity, 1));
}

.bg-glacier-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 234 244 / var(--tw-bg-opacity, 1));
}

.bg-glacier-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 224 240 / var(--tw-bg-opacity, 1));
}

.bg-glacier-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(176 210 234 / var(--tw-bg-opacity, 1));
}

.bg-glacier-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 195 227 / var(--tw-bg-opacity, 1));
}

.bg-glacier-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(118 176 219 / var(--tw-bg-opacity, 1));
}

.bg-glacier-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(102 161 209 / var(--tw-bg-opacity, 1));
}

.bg-glacier-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(86 144 194 / var(--tw-bg-opacity, 1));
}

.bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-200\/70 {
  background-color: rgb(229 231 235 / 0.7);
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 118 116 / var(--tw-bg-opacity, 1));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

.bg-gray-900\/50 {
  background-color: rgb(87 85 84 / 0.5);
}

.bg-green {
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 250 238 / var(--tw-bg-opacity, 1));
}

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 245 225 / var(--tw-bg-opacity, 1));
}

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(60 184 120 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

.bg-inherit {
  background-color: inherit;
}

.bg-lavender-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.bg-lavender-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(104 88 194 / var(--tw-bg-opacity, 1));
}

.bg-lavender-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(94 79 179 / var(--tw-bg-opacity, 1));
}

.bg-lavender-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.bg-lavender-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.bg-lavender-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 123 / var(--tw-bg-opacity, 1));
}

.bg-lavender-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(54 46 100 / var(--tw-bg-opacity, 1));
}

.bg-lavender-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.bg-lavender-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 248 / var(--tw-bg-opacity, 1));
}

.bg-lavender-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.bg-lavender-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.bg-lavender-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.bg-lavender-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(174 172 227 / var(--tw-bg-opacity, 1));
}

.bg-lavender-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(151 146 218 / var(--tw-bg-opacity, 1));
}

.bg-lavender-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(132 123 211 / var(--tw-bg-opacity, 1));
}

.bg-lavender-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(116 104 203 / var(--tw-bg-opacity, 1));
}

.bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 238 230 / var(--tw-bg-opacity, 1));
}

.bg-orange-100\/50 {
  background-color: rgb(250 238 230 / 0.5);
}

.bg-orange-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}

.bg-orange-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 217 196 / var(--tw-bg-opacity, 1));
}

.bg-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.bg-orange-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}

.bg-orange-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(154 52 18 / var(--tw-bg-opacity, 1));
}

.bg-orange-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
}

.bg-pothos-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 252 246 / var(--tw-bg-opacity, 1));
}

.bg-pothos-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(68 157 96 / var(--tw-bg-opacity, 1));
}

.bg-pothos-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 134 83 / var(--tw-bg-opacity, 1));
}

.bg-pothos-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 114 73 / var(--tw-bg-opacity, 1));
}

.bg-pothos-12\/\[0\.16\] {
  background-color: rgb(52 114 73 / 0.16);
}

.bg-pothos-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(46 97 64 / var(--tw-bg-opacity, 1));
}

.bg-pothos-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(42 85 58 / var(--tw-bg-opacity, 1));
}

.bg-pothos-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(33 67 46 / var(--tw-bg-opacity, 1));
}

.bg-pothos-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(19 43 28 / var(--tw-bg-opacity, 1));
}

.bg-pothos-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(232 250 239 / var(--tw-bg-opacity, 1));
}

.bg-pothos-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(218 246 229 / var(--tw-bg-opacity, 1));
}

.bg-pothos-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(200 242 216 / var(--tw-bg-opacity, 1));
}

.bg-pothos-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(172 235 196 / var(--tw-bg-opacity, 1));
}

.bg-pothos-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(142 225 172 / var(--tw-bg-opacity, 1));
}

.bg-pothos-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(109 212 145 / var(--tw-bg-opacity, 1));
}

.bg-pothos-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(93 197 128 / var(--tw-bg-opacity, 1));
}

.bg-pothos-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(80 179 111 / var(--tw-bg-opacity, 1));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.bg-primary-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(159 122 246 / var(--tw-bg-opacity, 1));
}

.bg-primary-300\/25 {
  background-color: rgb(159 122 246 / 0.25);
}

.bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.bg-primary-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 32 238 / var(--tw-bg-opacity, 1));
}

.bg-primary-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.bg-primary-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1));
}

.bg-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(159 122 246 / var(--tw-bg-opacity, 1));
}

.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 32 238 / var(--tw-bg-opacity, 1));
}

.bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.bg-purple-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1));
}

.bg-red {
  --tw-bg-opacity: 1;
  background-color: rgb(199 60 64 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 230 232 / var(--tw-bg-opacity, 1));
}

.bg-red-100\/50 {
  background-color: rgb(250 230 232 / 0.5);
}

.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}

.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 207 209 / var(--tw-bg-opacity, 1));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(199 60 64 / var(--tw-bg-opacity, 1));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(186 57 60 / var(--tw-bg-opacity, 1));
}

.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 39 32 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(196 35 28 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(133 34 30 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(104 28 24 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(67 15 12 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 232 232 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 219 218 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 204 202 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 179 177 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 149 146 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 111 107 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 84 79 / var(--tw-bg-opacity, 1));
}

.bg-red-v2-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 60 54 / var(--tw-bg-opacity, 1));
}

.bg-robin-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 253 252 / var(--tw-bg-opacity, 1));
}

.bg-robin-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 150 156 / var(--tw-bg-opacity, 1));
}

.bg-robin-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 129 135 / var(--tw-bg-opacity, 1));
}

.bg-robin-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 111 117 / var(--tw-bg-opacity, 1));
}

.bg-robin-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 95 101 / var(--tw-bg-opacity, 1));
}

.bg-robin-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 84 90 / var(--tw-bg-opacity, 1));
}

.bg-robin-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(1 69 74 / var(--tw-bg-opacity, 1));
}

.bg-robin-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 49 54 / var(--tw-bg-opacity, 1));
}

.bg-robin-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 252 249 / var(--tw-bg-opacity, 1));
}

.bg-robin-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 249 244 / var(--tw-bg-opacity, 1));
}

.bg-robin-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(151 246 240 / var(--tw-bg-opacity, 1));
}

.bg-robin-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(101 239 233 / var(--tw-bg-opacity, 1));
}

.bg-robin-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 228 223 / var(--tw-bg-opacity, 1));
}

.bg-robin-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 213 211 / var(--tw-bg-opacity, 1));
}

.bg-robin-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 195 195 / var(--tw-bg-opacity, 1));
}

.bg-robin-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 174 177 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(251 176 64 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 251 237 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(206 130 37 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(180 105 32 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(157 86 30 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(136 73 29 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 65 29 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(95 51 23 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(64 32 12 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 247 217 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 242 191 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 234 157 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 223 122 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 210 89 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 195 60 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 177 52 / var(--tw-bg-opacity, 1));
}

.bg-rootly-orange-v2-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 155 44 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 243 253 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(125 69 222 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(115 59 208 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(103 52 189 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(91 47 166 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(81 43 144 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(65 36 119 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(46 25 90 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 237 251 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(232 227 249 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(222 215 248 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(206 194 246 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(188 168 243 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 139 238 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(150 112 235 / var(--tw-bg-opacity, 1));
}

.bg-rootly-purple-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(136 89 230 / var(--tw-bg-opacity, 1));
}

.bg-rose-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 242 247 / var(--tw-bg-opacity, 1));
}

.bg-rose-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(221 37 110 / var(--tw-bg-opacity, 1));
}

.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.bg-rose-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(200 31 93 / var(--tw-bg-opacity, 1));
}

.bg-rose-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 28 81 / var(--tw-bg-opacity, 1));
}

.bg-rose-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 28 72 / var(--tw-bg-opacity, 1));
}

.bg-rose-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(138 30 67 / var(--tw-bg-opacity, 1));
}

.bg-rose-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(111 25 53 / var(--tw-bg-opacity, 1));
}

.bg-rose-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(77 13 34 / var(--tw-bg-opacity, 1));
}

.bg-rose-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 235 243 / var(--tw-bg-opacity, 1));
}

.bg-rose-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 223 236 / var(--tw-bg-opacity, 1));
}

.bg-rose-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 208 228 / var(--tw-bg-opacity, 1));
}

.bg-rose-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 182 213 / var(--tw-bg-opacity, 1));
}

.bg-rose-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 150 194 / var(--tw-bg-opacity, 1));
}

.bg-rose-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 110 171 / var(--tw-bg-opacity, 1));
}

.bg-rose-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 85 152 / var(--tw-bg-opacity, 1));
}

.bg-rose-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 61 132 / var(--tw-bg-opacity, 1));
}

.bg-saffron-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 235 / var(--tw-bg-opacity, 1));
}

.bg-saffron-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 142 0 / var(--tw-bg-opacity, 1));
}

.bg-saffron-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 115 0 / var(--tw-bg-opacity, 1));
}

.bg-saffron-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(146 95 7 / var(--tw-bg-opacity, 1));
}

.bg-saffron-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(127 80 12 / var(--tw-bg-opacity, 1));
}

.bg-saffron-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(114 71 18 / var(--tw-bg-opacity, 1));
}

.bg-saffron-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(92 56 16 / var(--tw-bg-opacity, 1));
}

.bg-saffron-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(62 35 8 / var(--tw-bg-opacity, 1));
}

.bg-saffron-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 214 / var(--tw-bg-opacity, 1));
}

.bg-saffron-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 187 / var(--tw-bg-opacity, 1));
}

.bg-saffron-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 242 153 / var(--tw-bg-opacity, 1));
}

.bg-saffron-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 233 113 / var(--tw-bg-opacity, 1));
}

.bg-saffron-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 220 72 / var(--tw-bg-opacity, 1));
}

.bg-saffron-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 206 23 / var(--tw-bg-opacity, 1));
}

.bg-saffron-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 191 18 / var(--tw-bg-opacity, 1));
}

.bg-saffron-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 169 6 / var(--tw-bg-opacity, 1));
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.bg-secondary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.bg-secondary-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.bg-secondary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.bg-secondary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.bg-secondary-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 118 116 / var(--tw-bg-opacity, 1));
}

.bg-secondary-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-stone-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}

.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 237 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(218 118 23 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-11 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 94 24 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-12 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 77 25 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-13 {
  --tw-bg-opacity: 1;
  background-color: rgb(144 65 25 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-14 {
  --tw-bg-opacity: 1;
  background-color: rgb(126 58 26 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-15 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 46 20 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-16 {
  --tw-bg-opacity: 1;
  background-color: rgb(67 28 9 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 245 216 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 187 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 229 149 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 216 111 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-6 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 202 74 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-7 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 185 35 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-8 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 166 25 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-9 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 143 23 / var(--tw-bg-opacity, 1));
}

.bg-tangerine-9\/\[0\.16\] {
  background-color: rgb(237 143 23 / 0.16);
}

.bg-transparent {
  background-color: transparent;
}

.bg-v2-active {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.bg-v2-active-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-bg-strong {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-bg-subtle {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 253 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-border-base {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-border-base\/60 {
  background-color: rgb(195 195 234 / 0.6);
}

.bg-v2-ai-border-faint {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-border-strong {
  --tw-bg-opacity: 1;
  background-color: rgb(151 146 218 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-border-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-edit-border {
  --tw-bg-opacity: 1;
  background-color: rgb(178 28 81 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(104 88 194 / var(--tw-bg-opacity, 1));
}

.bg-v2-ai-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(116 104 203 / var(--tw-bg-opacity, 1));
}

.bg-v2-background {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.bg-v2-background-overlay {
  background-color: rgba(19, 19, 19, 0.15);
}

.bg-v2-body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-v2-body\/95 {
  background-color: rgb(255 255 255 / 0.95);
}

.bg-v2-border-base {
  --tw-bg-opacity: 1;
  background-color: rgb(220 217 215 / var(--tw-bg-opacity, 1));
}

.bg-v2-border-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(252 219 218 / var(--tw-bg-opacity, 1));
}

.bg-v2-border-forms {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.bg-v2-border-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.bg-v2-border-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.bg-v2-border-tooltip-shortcut {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.bg-v2-brand-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.bg-v2-button-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.bg-v2-button-critical-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1));
}

.bg-v2-button-critical-pressed {
  --tw-bg-opacity: 1;
  background-color: rgb(104 28 24 / var(--tw-bg-opacity, 1));
}

.bg-v2-button-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.bg-v2-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.bg-v2-button-primary-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 123 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-avocado {
  --tw-bg-opacity: 1;
  background-color: rgb(246 251 212 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-brick {
  --tw-bg-opacity: 1;
  background-color: rgb(255 239 224 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-cherry {
  --tw-bg-opacity: 1;
  background-color: rgb(253 233 234 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(252 219 218 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-glacier {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 248 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-lavender {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 248 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-lavender-pressed {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-pothos {
  --tw-bg-opacity: 1;
  background-color: rgb(232 250 239 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-robin {
  --tw-bg-opacity: 1;
  background-color: rgb(215 252 249 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-rose {
  --tw-bg-opacity: 1;
  background-color: rgb(251 235 243 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-saffron {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 214 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-bg-tangerine {
  --tw-bg-opacity: 1;
  background-color: rgb(254 245 216 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-border-lavender {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-border-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-text-cherry {
  --tw-bg-opacity: 1;
  background-color: rgb(178 24 58 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-text-glacier {
  --tw-bg-opacity: 1;
  background-color: rgb(53 95 137 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-text-lavender {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-text-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(74 71 65 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-text-pothos {
  --tw-bg-opacity: 1;
  background-color: rgb(52 114 73 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-text-robin {
  --tw-bg-opacity: 1;
  background-color: rgb(0 111 117 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-text-saffron {
  --tw-bg-opacity: 1;
  background-color: rgb(146 95 7 / var(--tw-bg-opacity, 1));
}

.bg-v2-chip-text-tangerine {
  --tw-bg-opacity: 1;
  background-color: rgb(167 77 25 / var(--tw-bg-opacity, 1));
}

.bg-v2-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.bg-v2-critical-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1));
}

.bg-v2-critical\/10 {
  background-color: rgb(173 33 26 / 0.1);
}

.bg-v2-default-shortcut-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.bg-v2-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.bg-v2-divider {
  --tw-bg-opacity: 1;
  background-color: rgb(220 217 215 / var(--tw-bg-opacity, 1));
}

.bg-v2-drawer {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-v2-field-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.bg-v2-focus-shadow {
  background-color: rgba(151, 146, 218, 0.25);
}

.bg-v2-icon-ai-base {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.bg-v2-icon-ai-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(151 146 218 / var(--tw-bg-opacity, 1));
}

.bg-v2-icon-base {
  --tw-bg-opacity: 1;
  background-color: rgb(59 55 51 / var(--tw-bg-opacity, 1));
}

.bg-v2-icon-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1));
}

.bg-v2-icon-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.bg-v2-icon-on-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-v2-icon-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.bg-v2-level1 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.bg-v2-level1\/90 {
  background-color: rgb(252 251 250 / 0.9);
}

.bg-v2-level2 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.bg-v2-level3 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.bg-v2-placeholder {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.bg-v2-popup {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-v2-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 35 / var(--tw-bg-opacity, 1));
}

.bg-v2-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 77 / var(--tw-bg-opacity, 1));
}

.bg-v2-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.bg-v2-shortcut-text {
  --tw-bg-opacity: 1;
  background-color: rgb(108 103 97 / var(--tw-bg-opacity, 1));
}

.bg-v2-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.bg-v2-success {
  --tw-bg-opacity: 1;
  background-color: rgb(46 97 64 / var(--tw-bg-opacity, 1));
}

.bg-v2-success-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(232 250 239 / var(--tw-bg-opacity, 1));
}

.bg-v2-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(108 103 97 / var(--tw-bg-opacity, 1));
}

.bg-v2-text-on-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-v2-text-on-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 35 / var(--tw-bg-opacity, 1));
}

.bg-v2-tooltip {
  --tw-bg-opacity: 1;
  background-color: rgb(54 46 100 / var(--tw-bg-opacity, 1));
}

.bg-v2-tooltip-shortcut-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.bg-v2-tooltip-shortcut-text {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.bg-v2-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(127 80 12 / var(--tw-bg-opacity, 1));
}

.bg-v2-warning-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 214 / var(--tw-bg-opacity, 1));
}

.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}

.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}

.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}

.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}

.bg-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 242 207 / var(--tw-bg-opacity, 1));
}

.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}

.bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 235 183 / var(--tw-bg-opacity, 1));
}

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.bg-yellow-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 122 37 / var(--tw-bg-opacity, 1));
}

.bg-yellow-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
}

.bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

.bg-zinc-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.bg-opacity-15 {
  --tw-bg-opacity: 0.15;
}

.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.bg-\[radial-gradient\(ellipse_at_center\2c white_0\%\2c white_42\%\2c transparent_72\%\)\] {
  background-image: radial-gradient(ellipse at center,white 0%,white 42%,transparent 72%);
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.bg-none {
  background-image: none;
}

.from-\[\#7849F6\] {
  --tw-gradient-from: #7849F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 73 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-400 {
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-500 {
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue {
  --tw-gradient-from: #2172d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(33 114 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-100 {
  --tw-gradient-from: #E4EEF7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(228 238 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-200 {
  --tw-gradient-from: #CBE0F0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(203 224 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-200\/20 {
  --tw-gradient-from: rgb(203 224 240 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(203 224 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-200\/50 {
  --tw-gradient-from: rgb(203 224 240 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(203 224 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-300 {
  --tw-gradient-from: #D7E7F5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 231 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-400 {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-50 {
  --tw-gradient-from: #EAF2F8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 242 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500 {
  --tw-gradient-from: #2172d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(33 114 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-700 {
  --tw-gradient-from: #355F89 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(53 95 137 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-800 {
  --tw-gradient-from: #1e40af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-900 {
  --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-cherry-2 {
  --tw-gradient-from: #fde9ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 233 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-dove-grey-3 {
  --tw-gradient-from: #f0f0ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-glacier-2 {
  --tw-gradient-from: #eaf2f8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 242 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-glacier-5 {
  --tw-gradient-from: #b0d2ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(176 210 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-100 {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-200 {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-200\/70 {
  --tw-gradient-from: rgb(229 231 235 / 0.7) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-300 {
  --tw-gradient-from: #E6E4E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 228 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-400 {
  --tw-gradient-from: #9ca3af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-50 {
  --tw-gradient-from: #FCFBFA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-50\/90 {
  --tw-gradient-from: rgb(252 251 250 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-500 {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-600 {
  --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-700 {
  --tw-gradient-from: #787674 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 118 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-800 {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-900 {
  --tw-gradient-from: #575554 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 85 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green {
  --tw-gradient-from: #3B8552 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 133 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-100 {
  --tw-gradient-from: #E6FAEE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 250 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-200 {
  --tw-gradient-from: #bbf7d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-300 {
  --tw-gradient-from: #D7F5E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 245 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-400 {
  --tw-gradient-from: #3CB878 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(60 184 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-500 {
  --tw-gradient-from: #3B8552 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 133 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-600 {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-700 {
  --tw-gradient-from: #15803d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-800 {
  --tw-gradient-from: #166534 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-900 {
  --tw-gradient-from: #14532d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-400\/10 {
  --tw-gradient-from: rgb(129 140 248 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-400\/20 {
  --tw-gradient-from: rgb(129 140 248 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-600 {
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-lavender-2 {
  --tw-gradient-from: #ececf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 236 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-lavender-7 {
  --tw-gradient-from: #9792da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 146 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-100 {
  --tw-gradient-from: #FAEEE6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 238 230 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-200 {
  --tw-gradient-from: #fed7aa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-300 {
  --tw-gradient-from: #F5D9C4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 217 196 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-400 {
  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-50 {
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-500 {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-600 {
  --tw-gradient-from: #ea580c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-700 {
  --tw-gradient-from: #c2410c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-800 {
  --tw-gradient-from: #9a3412 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-900 {
  --tw-gradient-from: #7c2d12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pink-500 {
  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pothos-2 {
  --tw-gradient-from: #e8faef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 250 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-100 {
  --tw-gradient-from: #E9E2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 226 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-300 {
  --tw-gradient-from: #9F7AF6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 122 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-50 {
  --tw-gradient-from: #F5F3FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-500 {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-600 {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-700 {
  --tw-gradient-from: #5720EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 32 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-800 {
  --tw-gradient-from: #5446A2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-900 {
  --tw-gradient-from: #1E1A33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 26 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-100 {
  --tw-gradient-from: #E9E2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 226 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-200 {
  --tw-gradient-from: #e9d5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-300 {
  --tw-gradient-from: #9F7AF6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 122 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-400 {
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-400\/10 {
  --tw-gradient-from: rgb(192 132 252 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-400\/20 {
  --tw-gradient-from: rgb(192 132 252 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-50 {
  --tw-gradient-from: #F5F3FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-50\/50 {
  --tw-gradient-from: rgb(245 243 252 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-50\/80 {
  --tw-gradient-from: rgb(245 243 252 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-500 {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-600 {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-700 {
  --tw-gradient-from: #5720EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 32 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-800 {
  --tw-gradient-from: #5446A2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-900 {
  --tw-gradient-from: #1E1A33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 26 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red {
  --tw-gradient-from: #C73C40 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 60 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-100 {
  --tw-gradient-from: #FAE6E8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 230 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-200 {
  --tw-gradient-from: #fecaca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-300 {
  --tw-gradient-from: #F4CFD1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 207 209 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-50 {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-500 {
  --tw-gradient-from: #C73C40 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 60 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-600 {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-700 {
  --tw-gradient-from: #BA393C var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(186 57 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-800 {
  --tw-gradient-from: #991b1b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-900 {
  --tw-gradient-from: #7f1d1d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-rootly-orange {
  --tw-gradient-from: #FBB040 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 176 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary-100 {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary-300 {
  --tw-gradient-from: #E6E4E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 228 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary-50 {
  --tw-gradient-from: #FCFBFA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary-500 {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary-700 {
  --tw-gradient-from: #787674 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 118 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary-900 {
  --tw-gradient-from: #575554 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 85 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-bg {
  --tw-gradient-from: #f3f3fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 243 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-bg-strong {
  --tw-gradient-from: #e3e3f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 227 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-bg-subtle {
  --tw-gradient-from: #fafafd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-border-base {
  --tw-gradient-from: #c3c3ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 195 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-border-faint {
  --tw-gradient-from: #d7d7f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 215 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-border-strong {
  --tw-gradient-from: #9792da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 146 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-border-subdued {
  --tw-gradient-from: #e3e3f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 227 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-edit-border {
  --tw-gradient-from: #b21c51 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 28 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-primary {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-secondary {
  --tw-gradient-from: #6858c2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(104 88 194 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-ai-tertiary {
  --tw-gradient-from: #7468cb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(116 104 203 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-background {
  --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-background-overlay {
  --tw-gradient-from: rgba(19, 19, 19, 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(19, 19, 19, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-body {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-border-base {
  --tw-gradient-from: #dcd9d7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 217 215 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-border-critical {
  --tw-gradient-from: #fcdbda var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 219 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-border-forms {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-border-selected {
  --tw-gradient-from: #5446a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-border-subdued {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-border-tooltip-shortcut {
  --tw-gradient-from: #c3c3ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 195 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-brand-bg {
  --tw-gradient-from: #f3f3fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 243 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-button-critical {
  --tw-gradient-from: #ad211a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 33 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-button-critical-hover {
  --tw-gradient-from: #97201b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 32 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-button-critical-pressed {
  --tw-gradient-from: #681c18 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(104 28 24 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-button-disabled {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-button-primary {
  --tw-gradient-from: #262048 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(38 32 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-button-primary-hover {
  --tw-gradient-from: #43387b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 56 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-chip-bg-lavender {
  --tw-gradient-from: #ececf8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 236 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-chip-bg-neutral {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-chip-border-neutral {
  --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-chip-text-neutral {
  --tw-gradient-from: #4a4741 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 71 65 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-critical {
  --tw-gradient-from: #ad211a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 33 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-critical-bg {
  --tw-gradient-from: #fdf3f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 243 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-default-shortcut-bg {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-disabled {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-divider {
  --tw-gradient-from: #dcd9d7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 217 215 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-drawer {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-field-disabled {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-focus-shadow {
  --tw-gradient-from: rgba(151, 146, 218, 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(151, 146, 218, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-icon-ai-base {
  --tw-gradient-from: #5446a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-icon-ai-subdued {
  --tw-gradient-from: #9792da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 146 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-icon-base {
  --tw-gradient-from: #3b3733 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 55 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-icon-critical {
  --tw-gradient-from: #97201b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 32 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-icon-disabled {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-icon-on-primary {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-icon-subdued {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-level1 {
  --tw-gradient-from: #fcfbfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-level2 {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-level3 {
  --tw-gradient-from: #f0f0ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-placeholder {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-popup {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-primary {
  --tw-gradient-from: #292523 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 37 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-secondary {
  --tw-gradient-from: #57534d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 83 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-selected {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-shortcut-text {
  --tw-gradient-from: #6c6761 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(108 103 97 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-subdued {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-success {
  --tw-gradient-from: #2e6140 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(46 97 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-success-bg {
  --tw-gradient-from: #e8faef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 250 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-tertiary {
  --tw-gradient-from: #6c6761 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(108 103 97 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-text-on-primary {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-text-on-secondary {
  --tw-gradient-from: #292523 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 37 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-tooltip {
  --tw-gradient-from: #362e64 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(54 46 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-tooltip-shortcut-bg {
  --tw-gradient-from: #d7d7f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 215 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-tooltip-shortcut-text {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-warning {
  --tw-gradient-from: #7f500c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 80 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-v2-warning-bg {
  --tw-gradient-from: #fafbd6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 251 214 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white\/0 {
  --tw-gradient-from: rgb(255 255 255 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-100 {
  --tw-gradient-from: #FCF2CF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 242 207 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-200 {
  --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-300 {
  --tw-gradient-from: #FAEBB7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 235 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-400 {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-50 {
  --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-500 {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-600 {
  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-700 {
  --tw-gradient-from: #B27A25 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 122 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-800 {
  --tw-gradient-from: #854d0e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(133 77 14 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-900 {
  --tw-gradient-from: #713f12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-0\% {
  --tw-gradient-from-position: 0%;
}

.from-30\% {
  --tw-gradient-from-position: 30%;
}

.from-\[69\%\] {
  --tw-gradient-from-position: 69%;
}

.via-dove-grey-3\/10 {
  --tw-gradient-to: rgb(240 240 239 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(240 240 239 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-gray-300 {
  --tw-gradient-to: rgb(230 228 225 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #E6E4E1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-pink-100 {
  --tw-gradient-to: rgb(252 231 243 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-pink-50 {
  --tw-gradient-to: rgb(253 242 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-pink-50\/80 {
  --tw-gradient-to: rgb(253 242 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(253 242 248 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-pink-500 {
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-200\/50 {
  --tw-gradient-to: rgb(233 213 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(233 213 255 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-saffron-6 {
  --tw-gradient-to: rgb(240 220 72 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f0dc48 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-100\% {
  --tw-gradient-via-position: 100%;
}

.via-\[48\.558\%\] {
  --tw-gradient-via-position: 48.558%;
}

.to-\[\#5720EE\] {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}

.to-blue {
  --tw-gradient-to: #2172d9 var(--tw-gradient-to-position);
}

.to-blue-100 {
  --tw-gradient-to: #E4EEF7 var(--tw-gradient-to-position);
}

.to-blue-200 {
  --tw-gradient-to: #CBE0F0 var(--tw-gradient-to-position);
}

.to-blue-200\/50 {
  --tw-gradient-to: rgb(203 224 240 / 0.5) var(--tw-gradient-to-position);
}

.to-blue-300 {
  --tw-gradient-to: #D7E7F5 var(--tw-gradient-to-position);
}

.to-blue-400 {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}

.to-blue-50 {
  --tw-gradient-to: #EAF2F8 var(--tw-gradient-to-position);
}

.to-blue-500 {
  --tw-gradient-to: #2172d9 var(--tw-gradient-to-position);
}

.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}

.to-blue-700 {
  --tw-gradient-to: #355F89 var(--tw-gradient-to-position);
}

.to-blue-800 {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}

.to-blue-900 {
  --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position);
}

.to-cherry-4 {
  --tw-gradient-to: #fbced3 var(--tw-gradient-to-position);
}

.to-cherry-7 {
  --tw-gradient-to: #f96e81 var(--tw-gradient-to-position);
}

.to-cyan-50 {
  --tw-gradient-to: #ecfeff var(--tw-gradient-to-position);
}

.to-dove-grey-1 {
  --tw-gradient-to: #fcfbfa var(--tw-gradient-to-position);
}

.to-dove-grey-3\/10 {
  --tw-gradient-to: rgb(240 240 239 / 0.1) var(--tw-gradient-to-position);
}

.to-dove-grey-3\/55 {
  --tw-gradient-to: rgb(240 240 239 / 0.55) var(--tw-gradient-to-position);
}

.to-glacier-4 {
  --tw-gradient-to: #cbe0f0 var(--tw-gradient-to-position);
}

.to-gray {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.to-gray-100 {
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.to-gray-200 {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}

.to-gray-300 {
  --tw-gradient-to: #E6E4E1 var(--tw-gradient-to-position);
}

.to-gray-400 {
  --tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
}

.to-gray-50 {
  --tw-gradient-to: #FCFBFA var(--tw-gradient-to-position);
}

.to-gray-50\/0 {
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
}

.to-gray-500 {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.to-gray-600 {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}

.to-gray-700 {
  --tw-gradient-to: #787674 var(--tw-gradient-to-position);
}

.to-gray-800 {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}

.to-gray-900 {
  --tw-gradient-to: #575554 var(--tw-gradient-to-position);
}

.to-green {
  --tw-gradient-to: #3B8552 var(--tw-gradient-to-position);
}

.to-green-100 {
  --tw-gradient-to: #E6FAEE var(--tw-gradient-to-position);
}

.to-green-200 {
  --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position);
}

.to-green-300 {
  --tw-gradient-to: #D7F5E1 var(--tw-gradient-to-position);
}

.to-green-400 {
  --tw-gradient-to: #3CB878 var(--tw-gradient-to-position);
}

.to-green-50 {
  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
}

.to-green-500 {
  --tw-gradient-to: #3B8552 var(--tw-gradient-to-position);
}

.to-green-600 {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}

.to-green-700 {
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}

.to-green-800 {
  --tw-gradient-to: #166534 var(--tw-gradient-to-position);
}

.to-green-900 {
  --tw-gradient-to: #14532d var(--tw-gradient-to-position);
}

.to-indigo-50 {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}

.to-indigo-50\/80 {
  --tw-gradient-to: rgb(238 242 255 / 0.8) var(--tw-gradient-to-position);
}

.to-indigo-500 {
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}

.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}

.to-lavender-1 {
  --tw-gradient-to: #f3f3fa var(--tw-gradient-to-position);
}

.to-lavender-13 {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.to-lavender-5 {
  --tw-gradient-to: #c3c3ea var(--tw-gradient-to-position);
}

.to-orange {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.to-orange-100 {
  --tw-gradient-to: #FAEEE6 var(--tw-gradient-to-position);
}

.to-orange-200 {
  --tw-gradient-to: #fed7aa var(--tw-gradient-to-position);
}

.to-orange-300 {
  --tw-gradient-to: #F5D9C4 var(--tw-gradient-to-position);
}

.to-orange-400 {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}

.to-orange-50 {
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}

.to-orange-500 {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}

.to-orange-700 {
  --tw-gradient-to: #c2410c var(--tw-gradient-to-position);
}

.to-orange-800 {
  --tw-gradient-to: #9a3412 var(--tw-gradient-to-position);
}

.to-orange-900 {
  --tw-gradient-to: #7c2d12 var(--tw-gradient-to-position);
}

.to-pink-400 {
  --tw-gradient-to: #f472b6 var(--tw-gradient-to-position);
}

.to-pink-400\/10 {
  --tw-gradient-to: rgb(244 114 182 / 0.1) var(--tw-gradient-to-position);
}

.to-pink-400\/20 {
  --tw-gradient-to: rgb(244 114 182 / 0.2) var(--tw-gradient-to-position);
}

.to-pink-50 {
  --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
}

.to-pink-50\/50 {
  --tw-gradient-to: rgb(253 242 248 / 0.5) var(--tw-gradient-to-position);
}

.to-pothos-4 {
  --tw-gradient-to: #c8f2d8 var(--tw-gradient-to-position);
}

.to-primary {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.to-primary-100 {
  --tw-gradient-to: #E9E2FF var(--tw-gradient-to-position);
}

.to-primary-300 {
  --tw-gradient-to: #9F7AF6 var(--tw-gradient-to-position);
}

.to-primary-50 {
  --tw-gradient-to: #F5F3FC var(--tw-gradient-to-position);
}

.to-primary-500 {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.to-primary-600 {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.to-primary-700 {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.to-primary-800 {
  --tw-gradient-to: #5446A2 var(--tw-gradient-to-position);
}

.to-primary-900 {
  --tw-gradient-to: #1E1A33 var(--tw-gradient-to-position);
}

.to-purple {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.to-purple-100 {
  --tw-gradient-to: #E9E2FF var(--tw-gradient-to-position);
}

.to-purple-200 {
  --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position);
}

.to-purple-200\/20 {
  --tw-gradient-to: rgb(233 213 255 / 0.2) var(--tw-gradient-to-position);
}

.to-purple-300 {
  --tw-gradient-to: #9F7AF6 var(--tw-gradient-to-position);
}

.to-purple-400 {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.to-purple-400\/10 {
  --tw-gradient-to: rgb(192 132 252 / 0.1) var(--tw-gradient-to-position);
}

.to-purple-400\/20 {
  --tw-gradient-to: rgb(192 132 252 / 0.2) var(--tw-gradient-to-position);
}

.to-purple-50 {
  --tw-gradient-to: #F5F3FC var(--tw-gradient-to-position);
}

.to-purple-500 {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.to-purple-600 {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.to-purple-700 {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.to-purple-800 {
  --tw-gradient-to: #5446A2 var(--tw-gradient-to-position);
}

.to-purple-900 {
  --tw-gradient-to: #1E1A33 var(--tw-gradient-to-position);
}

.to-red {
  --tw-gradient-to: #C73C40 var(--tw-gradient-to-position);
}

.to-red-100 {
  --tw-gradient-to: #FAE6E8 var(--tw-gradient-to-position);
}

.to-red-200 {
  --tw-gradient-to: #fecaca var(--tw-gradient-to-position);
}

.to-red-300 {
  --tw-gradient-to: #F4CFD1 var(--tw-gradient-to-position);
}

.to-red-400 {
  --tw-gradient-to: #f87171 var(--tw-gradient-to-position);
}

.to-red-50 {
  --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position);
}

.to-red-500 {
  --tw-gradient-to: #C73C40 var(--tw-gradient-to-position);
}

.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.to-red-700 {
  --tw-gradient-to: #BA393C var(--tw-gradient-to-position);
}

.to-red-800 {
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position);
}

.to-red-900 {
  --tw-gradient-to: #7f1d1d var(--tw-gradient-to-position);
}

.to-rootly-orange {
  --tw-gradient-to: #FBB040 var(--tw-gradient-to-position);
}

.to-rose-2 {
  --tw-gradient-to: #fbebf3 var(--tw-gradient-to-position);
}

.to-secondary {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.to-secondary-100 {
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.to-secondary-300 {
  --tw-gradient-to: #E6E4E1 var(--tw-gradient-to-position);
}

.to-secondary-50 {
  --tw-gradient-to: #FCFBFA var(--tw-gradient-to-position);
}

.to-secondary-500 {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.to-secondary-700 {
  --tw-gradient-to: #787674 var(--tw-gradient-to-position);
}

.to-secondary-900 {
  --tw-gradient-to: #575554 var(--tw-gradient-to-position);
}

.to-slate-100 {
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-v2-ai-bg {
  --tw-gradient-to: #f3f3fa var(--tw-gradient-to-position);
}

.to-v2-ai-bg-strong {
  --tw-gradient-to: #e3e3f4 var(--tw-gradient-to-position);
}

.to-v2-ai-bg-subtle {
  --tw-gradient-to: #fafafd var(--tw-gradient-to-position);
}

.to-v2-ai-border-base {
  --tw-gradient-to: #c3c3ea var(--tw-gradient-to-position);
}

.to-v2-ai-border-faint {
  --tw-gradient-to: #d7d7f0 var(--tw-gradient-to-position);
}

.to-v2-ai-border-strong {
  --tw-gradient-to: #9792da var(--tw-gradient-to-position);
}

.to-v2-ai-border-subdued {
  --tw-gradient-to: #e3e3f4 var(--tw-gradient-to-position);
}

.to-v2-ai-edit-border {
  --tw-gradient-to: #b21c51 var(--tw-gradient-to-position);
}

.to-v2-ai-primary {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.to-v2-ai-secondary {
  --tw-gradient-to: #6858c2 var(--tw-gradient-to-position);
}

.to-v2-ai-tertiary {
  --tw-gradient-to: #7468cb var(--tw-gradient-to-position);
}

.to-v2-background {
  --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position);
}

.to-v2-background-overlay {
  --tw-gradient-to: rgba(19, 19, 19, 0.15) var(--tw-gradient-to-position);
}

.to-v2-body {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.to-v2-border-base {
  --tw-gradient-to: #dcd9d7 var(--tw-gradient-to-position);
}

.to-v2-border-critical {
  --tw-gradient-to: #fcdbda var(--tw-gradient-to-position);
}

.to-v2-border-forms {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.to-v2-border-selected {
  --tw-gradient-to: #5446a2 var(--tw-gradient-to-position);
}

.to-v2-border-subdued {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.to-v2-border-tooltip-shortcut {
  --tw-gradient-to: #c3c3ea var(--tw-gradient-to-position);
}

.to-v2-brand-bg {
  --tw-gradient-to: #f3f3fa var(--tw-gradient-to-position);
}

.to-v2-button-critical {
  --tw-gradient-to: #ad211a var(--tw-gradient-to-position);
}

.to-v2-button-critical-hover {
  --tw-gradient-to: #97201b var(--tw-gradient-to-position);
}

.to-v2-button-critical-pressed {
  --tw-gradient-to: #681c18 var(--tw-gradient-to-position);
}

.to-v2-button-disabled {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.to-v2-button-primary {
  --tw-gradient-to: #262048 var(--tw-gradient-to-position);
}

.to-v2-button-primary-hover {
  --tw-gradient-to: #43387b var(--tw-gradient-to-position);
}

.to-v2-chip-bg-neutral {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.to-v2-chip-border-lavender {
  --tw-gradient-to: #d7d7f0 var(--tw-gradient-to-position);
}

.to-v2-chip-border-neutral {
  --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position);
}

.to-v2-chip-text-neutral {
  --tw-gradient-to: #4a4741 var(--tw-gradient-to-position);
}

.to-v2-critical {
  --tw-gradient-to: #ad211a var(--tw-gradient-to-position);
}

.to-v2-critical-bg {
  --tw-gradient-to: #fdf3f2 var(--tw-gradient-to-position);
}

.to-v2-default-shortcut-bg {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.to-v2-disabled {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.to-v2-divider {
  --tw-gradient-to: #dcd9d7 var(--tw-gradient-to-position);
}

.to-v2-drawer {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.to-v2-field-disabled {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.to-v2-focus-shadow {
  --tw-gradient-to: rgba(151, 146, 218, 0.25) var(--tw-gradient-to-position);
}

.to-v2-icon-ai-base {
  --tw-gradient-to: #5446a2 var(--tw-gradient-to-position);
}

.to-v2-icon-ai-subdued {
  --tw-gradient-to: #9792da var(--tw-gradient-to-position);
}

.to-v2-icon-base {
  --tw-gradient-to: #3b3733 var(--tw-gradient-to-position);
}

.to-v2-icon-critical {
  --tw-gradient-to: #97201b var(--tw-gradient-to-position);
}

.to-v2-icon-disabled {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.to-v2-icon-on-primary {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.to-v2-icon-subdued {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.to-v2-level1 {
  --tw-gradient-to: #fcfbfa var(--tw-gradient-to-position);
}

.to-v2-level2 {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.to-v2-level3 {
  --tw-gradient-to: #f0f0ef var(--tw-gradient-to-position);
}

.to-v2-placeholder {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.to-v2-popup {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.to-v2-primary {
  --tw-gradient-to: #292523 var(--tw-gradient-to-position);
}

.to-v2-secondary {
  --tw-gradient-to: #57534d var(--tw-gradient-to-position);
}

.to-v2-selected {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.to-v2-shortcut-text {
  --tw-gradient-to: #6c6761 var(--tw-gradient-to-position);
}

.to-v2-subdued {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.to-v2-success {
  --tw-gradient-to: #2e6140 var(--tw-gradient-to-position);
}

.to-v2-success-bg {
  --tw-gradient-to: #e8faef var(--tw-gradient-to-position);
}

.to-v2-tertiary {
  --tw-gradient-to: #6c6761 var(--tw-gradient-to-position);
}

.to-v2-text-on-primary {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.to-v2-text-on-secondary {
  --tw-gradient-to: #292523 var(--tw-gradient-to-position);
}

.to-v2-tooltip {
  --tw-gradient-to: #362e64 var(--tw-gradient-to-position);
}

.to-v2-tooltip-shortcut-bg {
  --tw-gradient-to: #d7d7f0 var(--tw-gradient-to-position);
}

.to-v2-tooltip-shortcut-text {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.to-v2-warning {
  --tw-gradient-to: #7f500c var(--tw-gradient-to-position);
}

.to-v2-warning-bg {
  --tw-gradient-to: #fafbd6 var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.to-white\/100 {
  --tw-gradient-to: rgb(255 255 255 / 1) var(--tw-gradient-to-position);
}

.to-yellow {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.to-yellow-100 {
  --tw-gradient-to: #FCF2CF var(--tw-gradient-to-position);
}

.to-yellow-200 {
  --tw-gradient-to: #fef08a var(--tw-gradient-to-position);
}

.to-yellow-300 {
  --tw-gradient-to: #FAEBB7 var(--tw-gradient-to-position);
}

.to-yellow-400 {
  --tw-gradient-to: #facc15 var(--tw-gradient-to-position);
}

.to-yellow-50 {
  --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
}

.to-yellow-500 {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.to-yellow-600 {
  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
}

.to-yellow-700 {
  --tw-gradient-to: #B27A25 var(--tw-gradient-to-position);
}

.to-yellow-800 {
  --tw-gradient-to: #854d0e var(--tw-gradient-to-position);
}

.to-yellow-900 {
  --tw-gradient-to: #713f12 var(--tw-gradient-to-position);
}

.to-100\% {
  --tw-gradient-to-position: 100%;
}

.to-70\% {
  --tw-gradient-to-position: 70%;
}

.bg-\[length\:1px_60\%\] {
  background-size: 1px 60%;
}

.bg-\[length\:300\%_auto\] {
  background-size: 300% auto;
}

.bg-contain {
  background-size: contain;
}

.bg-cover {
  background-size: cover;
}

.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.fill-black {
  fill: #000;
}

.fill-blue {
  fill: #2172d9;
}

.fill-blue-100 {
  fill: #E4EEF7;
}

.fill-blue-200 {
  fill: #CBE0F0;
}

.fill-blue-300 {
  fill: #D7E7F5;
}

.fill-blue-400 {
  fill: #60a5fa;
}

.fill-blue-50 {
  fill: #EAF2F8;
}

.fill-blue-500 {
  fill: #2172d9;
}

.fill-blue-600 {
  fill: #2563eb;
}

.fill-blue-700 {
  fill: #355F89;
}

.fill-blue-800 {
  fill: #1e40af;
}

.fill-blue-900 {
  fill: #1e3a8a;
}

.fill-current {
  fill: currentColor;
}

.fill-gray {
  fill: #B2B0AD;
}

.fill-gray-100 {
  fill: #F2F0EF;
}

.fill-gray-200 {
  fill: #e5e7eb;
}

.fill-gray-300 {
  fill: #E6E4E1;
}

.fill-gray-400 {
  fill: #9ca3af;
}

.fill-gray-50 {
  fill: #FCFBFA;
}

.fill-gray-500 {
  fill: #B2B0AD;
}

.fill-gray-600 {
  fill: #4b5563;
}

.fill-gray-700 {
  fill: #787674;
}

.fill-gray-800 {
  fill: #1f2937;
}

.fill-gray-900 {
  fill: #575554;
}

.fill-green {
  fill: #3B8552;
}

.fill-green-100 {
  fill: #E6FAEE;
}

.fill-green-200 {
  fill: #bbf7d0;
}

.fill-green-300 {
  fill: #D7F5E1;
}

.fill-green-400 {
  fill: #3CB878;
}

.fill-green-50 {
  fill: #f0fdf4;
}

.fill-green-500 {
  fill: #3B8552;
}

.fill-green-600 {
  fill: #16a34a;
}

.fill-green-700 {
  fill: #15803d;
}

.fill-green-800 {
  fill: #166534;
}

.fill-green-900 {
  fill: #14532d;
}

.fill-orange {
  fill: #E58A1F;
}

.fill-orange-100 {
  fill: #FAEEE6;
}

.fill-orange-200 {
  fill: #fed7aa;
}

.fill-orange-300 {
  fill: #F5D9C4;
}

.fill-orange-400 {
  fill: #fb923c;
}

.fill-orange-50 {
  fill: #fff7ed;
}

.fill-orange-500 {
  fill: #E58A1F;
}

.fill-orange-600 {
  fill: #ea580c;
}

.fill-orange-700 {
  fill: #c2410c;
}

.fill-orange-800 {
  fill: #9a3412;
}

.fill-orange-900 {
  fill: #7c2d12;
}

.fill-primary {
  fill: #7748F6;
}

.fill-primary-100 {
  fill: #E9E2FF;
}

.fill-primary-300 {
  fill: #9F7AF6;
}

.fill-primary-50 {
  fill: #F5F3FC;
}

.fill-primary-500 {
  fill: #7748F6;
}

.fill-primary-600 {
  fill: #7748F6;
}

.fill-primary-700 {
  fill: #5720EE;
}

.fill-primary-800 {
  fill: #5446A2;
}

.fill-primary-900 {
  fill: #1E1A33;
}

.fill-purple {
  fill: #7748F6;
}

.fill-purple-100 {
  fill: #E9E2FF;
}

.fill-purple-200 {
  fill: #e9d5ff;
}

.fill-purple-300 {
  fill: #9F7AF6;
}

.fill-purple-400 {
  fill: #c084fc;
}

.fill-purple-50 {
  fill: #F5F3FC;
}

.fill-purple-500 {
  fill: #7748F6;
}

.fill-purple-600 {
  fill: #7748F6;
}

.fill-purple-700 {
  fill: #5720EE;
}

.fill-purple-800 {
  fill: #5446A2;
}

.fill-purple-900 {
  fill: #1E1A33;
}

.fill-red {
  fill: #C73C40;
}

.fill-red-100 {
  fill: #FAE6E8;
}

.fill-red-200 {
  fill: #fecaca;
}

.fill-red-300 {
  fill: #F4CFD1;
}

.fill-red-400 {
  fill: #f87171;
}

.fill-red-50 {
  fill: #fef2f2;
}

.fill-red-500 {
  fill: #C73C40;
}

.fill-red-600 {
  fill: #dc2626;
}

.fill-red-700 {
  fill: #BA393C;
}

.fill-red-800 {
  fill: #991b1b;
}

.fill-red-900 {
  fill: #7f1d1d;
}

.fill-rootly-orange {
  fill: #FBB040;
}

.fill-secondary {
  fill: #B2B0AD;
}

.fill-secondary-100 {
  fill: #F2F0EF;
}

.fill-secondary-300 {
  fill: #E6E4E1;
}

.fill-secondary-50 {
  fill: #FCFBFA;
}

.fill-secondary-500 {
  fill: #B2B0AD;
}

.fill-secondary-700 {
  fill: #787674;
}

.fill-secondary-900 {
  fill: #575554;
}

.fill-transparent {
  fill: transparent;
}

.fill-v2-ai-bg {
  fill: #f3f3fa;
}

.fill-v2-ai-bg-strong {
  fill: #e3e3f4;
}

.fill-v2-ai-bg-subtle {
  fill: #fafafd;
}

.fill-v2-ai-border-base {
  fill: #c3c3ea;
}

.fill-v2-ai-border-faint {
  fill: #d7d7f0;
}

.fill-v2-ai-border-strong {
  fill: #9792da;
}

.fill-v2-ai-border-subdued {
  fill: #e3e3f4;
}

.fill-v2-ai-edit-border {
  fill: #b21c51;
}

.fill-v2-ai-primary {
  fill: #4a3e8e;
}

.fill-v2-ai-secondary {
  fill: #6858c2;
}

.fill-v2-ai-tertiary {
  fill: #7468cb;
}

.fill-v2-background {
  fill: #e7e5e4;
}

.fill-v2-background-overlay {
  fill: rgba(19, 19, 19, 0.15);
}

.fill-v2-body {
  fill: #ffffff;
}

.fill-v2-border-base {
  fill: #dcd9d7;
}

.fill-v2-border-critical {
  fill: #fcdbda;
}

.fill-v2-border-forms {
  fill: #87817b;
}

.fill-v2-border-selected {
  fill: #5446a2;
}

.fill-v2-border-subdued {
  fill: #f7f7f6;
}

.fill-v2-border-tooltip-shortcut {
  fill: #c3c3ea;
}

.fill-v2-brand-bg {
  fill: #f3f3fa;
}

.fill-v2-button-critical {
  fill: #ad211a;
}

.fill-v2-button-critical-hover {
  fill: #97201b;
}

.fill-v2-button-critical-pressed {
  fill: #681c18;
}

.fill-v2-button-disabled {
  fill: #c6c2bf;
}

.fill-v2-button-primary {
  fill: #262048;
}

.fill-v2-button-primary-hover {
  fill: #43387b;
}

.fill-v2-chip-bg-neutral {
  fill: #f7f7f6;
}

.fill-v2-chip-border-neutral {
  fill: #e7e5e4;
}

.fill-v2-chip-text-neutral {
  fill: #4a4741;
}

.fill-v2-critical {
  fill: #ad211a;
}

.fill-v2-critical-bg {
  fill: #fdf3f2;
}

.fill-v2-default-shortcut-bg {
  fill: #f7f7f6;
}

.fill-v2-disabled {
  fill: #c6c2bf;
}

.fill-v2-divider {
  fill: #dcd9d7;
}

.fill-v2-drawer {
  fill: #ffffff;
}

.fill-v2-field-disabled {
  fill: #f7f7f6;
}

.fill-v2-focus-shadow {
  fill: rgba(151, 146, 218, 0.25);
}

.fill-v2-icon-ai-base {
  fill: #5446a2;
}

.fill-v2-icon-ai-subdued {
  fill: #9792da;
}

.fill-v2-icon-base {
  fill: #3b3733;
}

.fill-v2-icon-critical {
  fill: #97201b;
}

.fill-v2-icon-disabled {
  fill: #c6c2bf;
}

.fill-v2-icon-on-primary {
  fill: #ffffff;
}

.fill-v2-icon-subdued {
  fill: #87817b;
}

.fill-v2-level1 {
  fill: #fcfbfa;
}

.fill-v2-level2 {
  fill: #f7f7f6;
}

.fill-v2-level3 {
  fill: #f0f0ef;
}

.fill-v2-placeholder {
  fill: #87817b;
}

.fill-v2-popup {
  fill: #ffffff;
}

.fill-v2-primary {
  fill: #292523;
}

.fill-v2-secondary {
  fill: #57534d;
}

.fill-v2-selected {
  fill: #4a3e8e;
}

.fill-v2-shortcut-text {
  fill: #6c6761;
}

.fill-v2-subdued {
  fill: #87817b;
}

.fill-v2-success {
  fill: #2e6140;
}

.fill-v2-success-bg {
  fill: #e8faef;
}

.fill-v2-tertiary {
  fill: #6c6761;
}

.fill-v2-text-on-primary {
  fill: #ffffff;
}

.fill-v2-text-on-secondary {
  fill: #292523;
}

.fill-v2-tooltip {
  fill: #362e64;
}

.fill-v2-tooltip-shortcut-bg {
  fill: #d7d7f0;
}

.fill-v2-tooltip-shortcut-text {
  fill: #4a3e8e;
}

.fill-v2-warning {
  fill: #7f500c;
}

.fill-v2-warning-bg {
  fill: #fafbd6;
}

.fill-white {
  fill: #fff;
}

.fill-yellow {
  fill: #E58A1F;
}

.fill-yellow-100 {
  fill: #FCF2CF;
}

.fill-yellow-200 {
  fill: #fef08a;
}

.fill-yellow-300 {
  fill: #FAEBB7;
}

.fill-yellow-400 {
  fill: #facc15;
}

.fill-yellow-50 {
  fill: #fefce8;
}

.fill-yellow-500 {
  fill: #E58A1F;
}

.fill-yellow-600 {
  fill: #ca8a04;
}

.fill-yellow-700 {
  fill: #B27A25;
}

.fill-yellow-800 {
  fill: #854d0e;
}

.fill-yellow-900 {
  fill: #713f12;
}

.stroke-current {
  stroke: currentColor;
}

.stroke-gray-300 {
  stroke: #E6E4E1;
}

.stroke-gray-500 {
  stroke: #B2B0AD;
}

.stroke-gray-900 {
  stroke: #575554;
}

.stroke-green-500 {
  stroke: #3B8552;
}

.stroke-green-900 {
  stroke: #14532d;
}

.stroke-2 {
  stroke-width: 2;
}

.stroke-\[3px\] {
  stroke-width: 3px;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.object-left {
  object-position: left;
}

.object-left-top {
  object-position: left top;
}

.object-top {
  object-position: top;
}

.\!p-0 {
  padding: 0px !important;
}

.\!p-1 {
  padding: 0.25rem !important;
}

.\!p-1\.5 {
  padding: 0.375rem !important;
}

.\!p-2 {
  padding: 0.5rem !important;
}

.\!p-3 {
  padding: 0.75rem !important;
}

.\!p-4 {
  padding: 1rem !important;
}

.\!p-8 {
  padding: 2rem !important;
}

.\!p-\[11px\] {
  padding: 11px !important;
}

.\!p-\[3px\] {
  padding: 3px !important;
}

.\!p-\[7px\] {
  padding: 7px !important;
}

.p-0 {
  padding: 0px;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-20 {
  padding: 5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-\[13px\] {
  padding: 13px;
}

.p-\[16px\] {
  padding: 16px;
}

.p-\[3px\] {
  padding: 3px;
}

.p-\[7px\] {
  padding: 7px;
}

.p-px {
  padding: 1px;
}

.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.\!px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.\!px-1\.5 {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}

.\!px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!px-52 {
  padding-left: 13rem !important;
  padding-right: 13rem !important;
}

.\!px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.\!px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.\!py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.\!py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.\!py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.\!py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[0\.4375rem\] {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}

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

.py-\[120px\] {
  padding-top: 120px;
  padding-bottom: 120px;
}

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

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

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.\!pb-0 {
  padding-bottom: 0px !important;
}

.\!pb-2 {
  padding-bottom: 0.5rem !important;
}

.\!pb-20 {
  padding-bottom: 5rem !important;
}

.\!pb-5 {
  padding-bottom: 1.25rem !important;
}

.\!pb-\[100px\] {
  padding-bottom: 100px !important;
}

.\!pl-0 {
  padding-left: 0px !important;
}

.\!pl-1 {
  padding-left: 0.25rem !important;
}

.\!pl-10 {
  padding-left: 2.5rem !important;
}

.\!pl-3 {
  padding-left: 0.75rem !important;
}

.\!pl-8 {
  padding-left: 2rem !important;
}

.\!pl-9 {
  padding-left: 2.25rem !important;
}

.\!pl-\[38px\] {
  padding-left: 38px !important;
}

.\!pr-0 {
  padding-right: 0px !important;
}

.\!pr-1 {
  padding-right: 0.25rem !important;
}

.\!pr-16 {
  padding-right: 4rem !important;
}

.\!pr-2 {
  padding-right: 0.5rem !important;
}

.\!pr-2\.5 {
  padding-right: 0.625rem !important;
}

.\!pr-3 {
  padding-right: 0.75rem !important;
}

.\!pr-5 {
  padding-right: 1.25rem !important;
}

.\!pr-8 {
  padding-right: 2rem !important;
}

.\!pt-0 {
  padding-top: 0px !important;
}

.\!pt-2 {
  padding-top: 0.5rem !important;
}

.\!pt-\[0\.9375rem\] {
  padding-top: 0.9375rem !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-1\.5 {
  padding-bottom: 0.375rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-56 {
  padding-bottom: 14rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-96 {
  padding-bottom: 24rem;
}

.pb-\[100px\] {
  padding-bottom: 100px;
}

.pb-\[120px\] {
  padding-bottom: 120px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-1\.5 {
  padding-left: 0.375rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pl-28 {
  padding-left: 7rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pl-\[2\.375rem\] {
  padding-left: 2.375rem;
}

.pl-\[22px\] {
  padding-left: 22px;
}

.pl-\[26px\] {
  padding-left: 26px;
}

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

.pl-\[52px\] {
  padding-left: 52px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-0\.5 {
  padding-right: 0.125rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-1\.5 {
  padding-right: 0.375rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-2\.5 {
  padding-right: 0.625rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-8 {
  padding-right: 2rem;
}

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

.pt-0 {
  padding-top: 0px;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-1\.5 {
  padding-top: 0.375rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-2\.5 {
  padding-top: 0.625rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-32 {
  padding-top: 8rem;
}

.pt-36 {
  padding-top: 9rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-48 {
  padding-top: 12rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

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

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

.text-left {
  text-align: left;
}

.\!text-center {
  text-align: center !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-end {
  text-align: end;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-text-top {
  vertical-align: text-top;
}

.align-\[-0\.125em\] {
  vertical-align: -0.125em;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-mori {
  font-family: PPMori-Regular, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-sans {
  font-family: Inter var, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-serif {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.\!text-3xl {
  font-size: 1.625rem !important;
  line-height: 120% !important;
}

.\!text-\[13px\] {
  font-size: 13px !important;
}

.\!text-\[22px\] {
  font-size: 22px !important;
}

.\!text-base {
  font-size: 0.875rem !important;
  line-height: 140% !important;
}

.\!text-inherit {
  font-size: inherit !important;
}

.\!text-lg {
  font-size: 1rem !important;
  line-height: 120% !important;
}

.\!text-sm {
  font-size: 0.75rem !important;
  line-height: 130% !important;
}

.\!text-v2-md {
  font-size: 0.875rem !important;
}

.\!text-xl {
  font-size: 1.125rem !important;
  line-height: 120% !important;
}

.\!text-xs {
  font-size: 0.6875rem !important;
  line-height: 130% !important;
}

.text-2xl {
  font-size: 1.375rem;
  line-height: 120%;
}

.text-3xl {
  font-size: 1.625rem;
  line-height: 120%;
}

.text-4xl {
  font-size: 2.125rem;
  line-height: 120%;
}

.text-\[0\.625rem\] {
  font-size: 0.625rem;
}

.text-\[0px\] {
  font-size: 0px;
}

.text-\[1\.5rem\] {
  font-size: 1.5rem;
}

.text-\[1\.875rem\] {
  font-size: 1.875rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[17px\] {
  font-size: 17px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[26px\] {
  font-size: 26px;
}

.text-\[2rem\] {
  font-size: 2rem;
}

.text-\[30px\] {
  font-size: 30px;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[8px\] {
  font-size: 8px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-base {
  font-size: 0.875rem;
  line-height: 140%;
}

.text-heading-2xl {
  font-size: 2.25rem;
}

.text-inherit {
  font-size: inherit;
}

.text-lg {
  font-size: 1rem;
  line-height: 120%;
}

.text-sm {
  font-size: 0.75rem;
  line-height: 130%;
}

.text-v2-2xl {
  font-size: 1.875rem;
}

.text-v2-lg {
  font-size: 1.125rem;
}

.text-v2-md {
  font-size: 0.875rem;
}

.text-v2-sm {
  font-size: 0.75rem;
}

.text-v2-xl {
  font-size: 1.5rem;
}

.text-v2-xs {
  font-size: 0.625rem;
}

.text-xl {
  font-size: 1.125rem;
  line-height: 120%;
}

.text-xs {
  font-size: 0.6875rem;
  line-height: 130%;
}

.\!font-\[450\] {
  font-weight: 450 !important;
}

.\!font-medium {
  font-weight: 500 !important;
}

.\!font-normal {
  font-weight: 400 !important;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.italic {
  font-style: italic;
}

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

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

.\!leading-4 {
  line-height: 1rem !important;
}

.\!leading-5 {
  line-height: 1.25rem !important;
}

.\!leading-8 {
  line-height: 2rem !important;
}

.\!leading-\[1\.35rem\] {
  line-height: 1.35rem !important;
}

.\!leading-\[1\.3\] {
  line-height: 1.3 !important;
}

.\!leading-none {
  line-height: 1 !important;
}

.\!leading-v2-md {
  line-height: 1.125rem !important;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-3 {
  line-height: .75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[0\.9375rem\] {
  line-height: 0.9375rem;
}

.leading-\[1\.125rem\] {
  line-height: 1.125rem;
}

.leading-\[1\.2\] {
  line-height: 1.2;
}

.leading-\[1\.3\] {
  line-height: 1.3;
}

.leading-\[1\.4\] {
  line-height: 1.4;
}

.leading-\[1\.5\] {
  line-height: 1.5;
}

.leading-\[12px\] {
  line-height: 12px;
}

.leading-\[14\.40px\] {
  line-height: 14.40px;
}

.leading-\[14\.4px\] {
  line-height: 14.4px;
}

.leading-\[140\%\] {
  line-height: 140%;
}

.leading-\[14px\] {
  line-height: 14px;
}

.leading-\[15\.6px\] {
  line-height: 15.6px;
}

.leading-\[16\.80px\] {
  line-height: 16.80px;
}

.leading-\[16px\] {
  line-height: 16px;
}

.leading-\[18px\] {
  line-height: 18px;
}

.leading-\[42px\] {
  line-height: 42px;
}

.leading-heading-2xl {
  line-height: 3.125rem;
}

.leading-heading-lg {
  line-height: 2.125rem;
}

.leading-heading-md {
  line-height: 1.25rem;
}

.leading-heading-sm {
  line-height: 1.25rem;
}

.leading-heading-xl {
  line-height: 2.625rem;
}

.leading-loose {
  line-height: 2;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-overline {
  line-height: 0.875rem;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.leading-v2-2xl {
  line-height: 2.625rem;
}

.leading-v2-3xl {
  line-height: 3.125rem;
}

.leading-v2-lg {
  line-height: 1.25rem;
}

.leading-v2-md {
  line-height: 1.125rem;
}

.leading-v2-sm {
  line-height: 1rem;
}

.leading-v2-xl {
  line-height: 2.125rem;
}

.leading-v2-xs {
  line-height: 0.9375rem;
}

.\!tracking-\[0\.12px\] {
  letter-spacing: 0.12px !important;
}

.tracking-\[0\.08px\] {
  letter-spacing: 0.08px;
}

.tracking-\[0\.12px\] {
  letter-spacing: 0.12px;
}

.tracking-\[0\.14px\] {
  letter-spacing: 0.14px;
}

.tracking-\[0\.18px\] {
  letter-spacing: 0.18px;
}

.tracking-\[0\.1px\] {
  letter-spacing: 0.1px;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-tightest {
  letter-spacing: -.01em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.\!text-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1)) !important;
}

.\!text-gray-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important;
}

.\!text-gray-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1)) !important;
}

.\!text-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1)) !important;
}

.\!text-green-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1)) !important;
}

.\!text-inherit {
  color: inherit !important;
}

.\!text-orange-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1)) !important;
}

.\!text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1)) !important;
}

.\!text-primary-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1)) !important;
}

.\!text-purple-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1)) !important;
}

.\!text-red {
  --tw-text-opacity: 1 !important;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1)) !important;
}

.\!text-secondary-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-ai-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-button-primary-hover {
  --tw-text-opacity: 1 !important;
  color: rgb(67 56 123 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-chip-text-lavender {
  --tw-text-opacity: 1 !important;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-critical {
  --tw-text-opacity: 1 !important;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-secondary {
  --tw-text-opacity: 1 !important;
  color: rgb(87 83 77 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-subdued {
  --tw-text-opacity: 1 !important;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-tertiary {
  --tw-text-opacity: 1 !important;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1)) !important;
}

.\!text-v2-text-on-primary\/80 {
  color: rgb(255 255 255 / 0.8) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\!text-white\/80 {
  color: rgb(255 255 255 / 0.8) !important;
}

.text-\[\#1c1b22\] {
  --tw-text-opacity: 1;
  color: rgb(28 27 34 / var(--tw-text-opacity, 1));
}

.text-\[\#1e1a33\] {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.text-\[\#3B8552\] {
  --tw-text-opacity: 1;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1));
}

.text-\[\#6A6A6A\] {
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity, 1));
}

.text-\[\#6b6a6f\] {
  --tw-text-opacity: 1;
  color: rgb(107 106 111 / var(--tw-text-opacity, 1));
}

.text-\[\#787674\] {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.text-\[\#9ca3af\] {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-\[\#ad211a\] {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.text-\[var\(--sre-chart-surface\)\] {
  color: var(--sre-chart-surface);
}

.text-\[var\(--sre-faint\)\] {
  color: var(--sre-faint);
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-blue {
  --tw-text-opacity: 1;
  color: rgb(33 114 217 / var(--tw-text-opacity, 1));
}

.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(228 238 247 / var(--tw-text-opacity, 1));
}

.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(203 224 240 / var(--tw-text-opacity, 1));
}

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(215 231 245 / var(--tw-text-opacity, 1));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.text-blue-50 {
  --tw-text-opacity: 1;
  color: rgb(234 242 248 / var(--tw-text-opacity, 1));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(33 114 217 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(53 95 137 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.text-current {
  color: currentColor;
}

.text-cyan-800 {
  --tw-text-opacity: 1;
  color: rgb(21 94 117 / var(--tw-text-opacity, 1));
}

.text-dove-grey-6 {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-glacier-10 {
  --tw-text-opacity: 1;
  color: rgb(72 124 176 / var(--tw-text-opacity, 1));
}

.text-glacier-12 {
  --tw-text-opacity: 1;
  color: rgb(53 95 137 / var(--tw-text-opacity, 1));
}

.text-gray {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(242 240 239 / var(--tw-text-opacity, 1));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(230 228 225 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-50 {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

.text-green {
  --tw-text-opacity: 1;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1));
}

.text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(230 250 238 / var(--tw-text-opacity, 1));
}

.text-green-200 {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(215 245 225 / var(--tw-text-opacity, 1));
}

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(60 184 120 / var(--tw-text-opacity, 1));
}

.text-green-50 {
  --tw-text-opacity: 1;
  color: rgb(240 253 244 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.text-inherit {
  color: inherit;
}

.text-lavender-11 {
  --tw-text-opacity: 1;
  color: rgb(94 79 179 / var(--tw-text-opacity, 1));
}

.text-lavender-12 {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.text-lavender-13 {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.text-lavender-9 {
  --tw-text-opacity: 1;
  color: rgb(116 104 203 / var(--tw-text-opacity, 1));
}

.text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}

.text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}

.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.text-orange {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.text-orange-100 {
  --tw-text-opacity: 1;
  color: rgb(250 238 230 / var(--tw-text-opacity, 1));
}

.text-orange-200 {
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity, 1));
}

.text-orange-300 {
  --tw-text-opacity: 1;
  color: rgb(245 217 196 / var(--tw-text-opacity, 1));
}

.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.text-orange-50 {
  --tw-text-opacity: 1;
  color: rgb(255 247 237 / var(--tw-text-opacity, 1));
}

.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

.text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}

.text-pothos-12 {
  --tw-text-opacity: 1;
  color: rgb(52 114 73 / var(--tw-text-opacity, 1));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.text-primary-100 {
  --tw-text-opacity: 1;
  color: rgb(233 226 255 / var(--tw-text-opacity, 1));
}

.text-primary-300 {
  --tw-text-opacity: 1;
  color: rgb(159 122 246 / var(--tw-text-opacity, 1));
}

.text-primary-50 {
  --tw-text-opacity: 1;
  color: rgb(245 243 252 / var(--tw-text-opacity, 1));
}

.text-primary-500 {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.text-primary-700 {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.text-primary-800 {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.text-primary-900 {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.text-purple {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgb(233 226 255 / var(--tw-text-opacity, 1));
}

.text-purple-200 {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}

.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(159 122 246 / var(--tw-text-opacity, 1));
}

.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.text-purple-50 {
  --tw-text-opacity: 1;
  color: rgb(245 243 252 / var(--tw-text-opacity, 1));
}

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.text-red {
  --tw-text-opacity: 1;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1));
}

.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(250 230 232 / var(--tw-text-opacity, 1));
}

.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(244 207 209 / var(--tw-text-opacity, 1));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.text-red-50 {
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(186 57 60 / var(--tw-text-opacity, 1));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.text-red-v2-12 {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.text-rootly-orange {
  --tw-text-opacity: 1;
  color: rgb(251 176 64 / var(--tw-text-opacity, 1));
}

.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.text-secondary-100 {
  --tw-text-opacity: 1;
  color: rgb(242 240 239 / var(--tw-text-opacity, 1));
}

.text-secondary-300 {
  --tw-text-opacity: 1;
  color: rgb(230 228 225 / var(--tw-text-opacity, 1));
}

.text-secondary-50 {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.text-secondary-500 {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.text-secondary-700 {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.text-secondary-900 {
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-soft-black {
  --tw-text-opacity: 1;
  color: rgb(68 68 68 / var(--tw-text-opacity, 1));
}

.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}

.text-stone-800 {
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}

.text-tangerine-12 {
  --tw-text-opacity: 1;
  color: rgb(167 77 25 / var(--tw-text-opacity, 1));
}

.text-tangerine-9 {
  --tw-text-opacity: 1;
  color: rgb(237 143 23 / var(--tw-text-opacity, 1));
}

.text-transparent {
  color: transparent;
}

.text-v2-ai-bg {
  --tw-text-opacity: 1;
  color: rgb(243 243 250 / var(--tw-text-opacity, 1));
}

.text-v2-ai-bg-strong {
  --tw-text-opacity: 1;
  color: rgb(227 227 244 / var(--tw-text-opacity, 1));
}

.text-v2-ai-bg-subtle {
  --tw-text-opacity: 1;
  color: rgb(250 250 253 / var(--tw-text-opacity, 1));
}

.text-v2-ai-border-base {
  --tw-text-opacity: 1;
  color: rgb(195 195 234 / var(--tw-text-opacity, 1));
}

.text-v2-ai-border-faint {
  --tw-text-opacity: 1;
  color: rgb(215 215 240 / var(--tw-text-opacity, 1));
}

.text-v2-ai-border-strong {
  --tw-text-opacity: 1;
  color: rgb(151 146 218 / var(--tw-text-opacity, 1));
}

.text-v2-ai-border-subdued {
  --tw-text-opacity: 1;
  color: rgb(227 227 244 / var(--tw-text-opacity, 1));
}

.text-v2-ai-edit-border {
  --tw-text-opacity: 1;
  color: rgb(178 28 81 / var(--tw-text-opacity, 1));
}

.text-v2-ai-primary {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.text-v2-ai-secondary {
  --tw-text-opacity: 1;
  color: rgb(104 88 194 / var(--tw-text-opacity, 1));
}

.text-v2-ai-tertiary {
  --tw-text-opacity: 1;
  color: rgb(116 104 203 / var(--tw-text-opacity, 1));
}

.text-v2-background {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}

.text-v2-background-overlay {
  color: rgba(19, 19, 19, 0.15);
}

.text-v2-body {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-v2-border-base {
  --tw-text-opacity: 1;
  color: rgb(220 217 215 / var(--tw-text-opacity, 1));
}

.text-v2-border-critical {
  --tw-text-opacity: 1;
  color: rgb(252 219 218 / var(--tw-text-opacity, 1));
}

.text-v2-border-forms {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.text-v2-border-selected {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.text-v2-border-subdued {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.text-v2-border-tooltip-shortcut {
  --tw-text-opacity: 1;
  color: rgb(195 195 234 / var(--tw-text-opacity, 1));
}

.text-v2-brand-bg {
  --tw-text-opacity: 1;
  color: rgb(243 243 250 / var(--tw-text-opacity, 1));
}

.text-v2-button-critical {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.text-v2-button-critical-hover {
  --tw-text-opacity: 1;
  color: rgb(151 32 27 / var(--tw-text-opacity, 1));
}

.text-v2-button-critical-pressed {
  --tw-text-opacity: 1;
  color: rgb(104 28 24 / var(--tw-text-opacity, 1));
}

.text-v2-button-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.text-v2-button-primary {
  --tw-text-opacity: 1;
  color: rgb(38 32 72 / var(--tw-text-opacity, 1));
}

.text-v2-button-primary-hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 123 / var(--tw-text-opacity, 1));
}

.text-v2-chip-bg-lavender {
  --tw-text-opacity: 1;
  color: rgb(236 236 248 / var(--tw-text-opacity, 1));
}

.text-v2-chip-bg-neutral {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.text-v2-chip-border-neutral {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-avocado {
  --tw-text-opacity: 1;
  color: rgb(109 107 0 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-brick {
  --tw-text-opacity: 1;
  color: rgb(178 59 30 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-cherry {
  --tw-text-opacity: 1;
  color: rgb(178 24 58 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-critical {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-glacier {
  --tw-text-opacity: 1;
  color: rgb(53 95 137 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-lavender {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-neutral {
  --tw-text-opacity: 1;
  color: rgb(74 71 65 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-pothos {
  --tw-text-opacity: 1;
  color: rgb(52 114 73 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-robin {
  --tw-text-opacity: 1;
  color: rgb(0 111 117 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-rose {
  --tw-text-opacity: 1;
  color: rgb(178 28 81 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-saffron {
  --tw-text-opacity: 1;
  color: rgb(146 95 7 / var(--tw-text-opacity, 1));
}

.text-v2-chip-text-tangerine {
  --tw-text-opacity: 1;
  color: rgb(167 77 25 / var(--tw-text-opacity, 1));
}

.text-v2-critical {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.text-v2-critical-bg {
  --tw-text-opacity: 1;
  color: rgb(253 243 242 / var(--tw-text-opacity, 1));
}

.text-v2-default-shortcut-bg {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.text-v2-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.text-v2-divider {
  --tw-text-opacity: 1;
  color: rgb(220 217 215 / var(--tw-text-opacity, 1));
}

.text-v2-drawer {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-v2-field-disabled {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.text-v2-focus-shadow {
  color: rgba(151, 146, 218, 0.25);
}

.text-v2-icon-ai-base {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.text-v2-icon-ai-subdued {
  --tw-text-opacity: 1;
  color: rgb(151 146 218 / var(--tw-text-opacity, 1));
}

.text-v2-icon-base {
  --tw-text-opacity: 1;
  color: rgb(59 55 51 / var(--tw-text-opacity, 1));
}

.text-v2-icon-critical {
  --tw-text-opacity: 1;
  color: rgb(151 32 27 / var(--tw-text-opacity, 1));
}

.text-v2-icon-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.text-v2-icon-on-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-v2-icon-subdued {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.text-v2-level1 {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.text-v2-level2 {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.text-v2-level3 {
  --tw-text-opacity: 1;
  color: rgb(240 240 239 / var(--tw-text-opacity, 1));
}

.text-v2-link {
  --tw-text-opacity: 1;
  color: rgb(125 69 222 / var(--tw-text-opacity, 1));
}

.text-v2-placeholder {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.text-v2-popup {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-v2-primary {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.text-v2-secondary {
  --tw-text-opacity: 1;
  color: rgb(87 83 77 / var(--tw-text-opacity, 1));
}

.text-v2-selected {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.text-v2-shortcut-text {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.text-v2-subdued {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.text-v2-success {
  --tw-text-opacity: 1;
  color: rgb(46 97 64 / var(--tw-text-opacity, 1));
}

.text-v2-success-bg {
  --tw-text-opacity: 1;
  color: rgb(232 250 239 / var(--tw-text-opacity, 1));
}

.text-v2-tertiary {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.text-v2-text-on-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-v2-text-on-primary\/70 {
  color: rgb(255 255 255 / 0.7);
}

.text-v2-text-on-secondary {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.text-v2-tooltip {
  --tw-text-opacity: 1;
  color: rgb(54 46 100 / var(--tw-text-opacity, 1));
}

.text-v2-tooltip-shortcut-bg {
  --tw-text-opacity: 1;
  color: rgb(215 215 240 / var(--tw-text-opacity, 1));
}

.text-v2-tooltip-shortcut-text {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.text-v2-warning {
  --tw-text-opacity: 1;
  color: rgb(127 80 12 / var(--tw-text-opacity, 1));
}

.text-v2-warning-bg {
  --tw-text-opacity: 1;
  color: rgb(250 251 214 / var(--tw-text-opacity, 1));
}

.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}

.text-yellow {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgb(252 242 207 / var(--tw-text-opacity, 1));
}

.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(250 235 183 / var(--tw-text-opacity, 1));
}

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.text-yellow-50 {
  --tw-text-opacity: 1;
  color: rgb(254 252 232 / var(--tw-text-opacity, 1));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(178 122 37 / var(--tw-text-opacity, 1));
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.text-zinc-900 {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

.underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}

.\!no-underline {
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}

.no-underline {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.decoration-v2-placeholder {
  -webkit-text-decoration-color: #87817b;
          text-decoration-color: #87817b;
}

.decoration-dotted {
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
}

.decoration-dashed {
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.placeholder-\[\#c1b5ff\]\/70::-moz-placeholder {
  color: rgb(193 181 255 / 0.7);
}

.placeholder-\[\#c1b5ff\]\/70::-ms-input-placeholder {
  color: rgb(193 181 255 / 0.7);
}

.placeholder-\[\#c1b5ff\]\/70::placeholder {
  color: rgb(193 181 255 / 0.7);
}

.placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-400::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.placeholder-v2-tertiary::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(108 103 97 / var(--tw-placeholder-opacity, 1));
}

.placeholder-v2-tertiary::-ms-input-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(108 103 97 / var(--tw-placeholder-opacity, 1));
}

.placeholder-v2-tertiary::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(108 103 97 / var(--tw-placeholder-opacity, 1));
}

.caret-purple-500 {
  caret-color: #7748F6;
}

.caret-transparent {
  caret-color: transparent;
}

.accent-gray-900 {
  accent-color: #575554;
}

.accent-primary {
  accent-color: #7748F6;
}

.accent-v2-border-selected {
  accent-color: #5446a2;
}

.\!opacity-0 {
  opacity: 0 !important;
}

.\!opacity-100 {
  opacity: 1 !important;
}

.\!opacity-20 {
  opacity: 0.2 !important;
}

.\!opacity-40 {
  opacity: 0.4 !important;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-35 {
  opacity: 0.35;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-\[0\.4\] {
  opacity: 0.4;
}

.\!shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[-0\.125rem_0_0\.25rem_var\(--focus-shadow\2c rgba\(151\2c 146\2c 218\2c 0\.25\)\)\] {
  --tw-shadow: -0.125rem 0 0.25rem var(--focus-shadow,rgba(151,146,218,0.25));
  --tw-shadow-colored: -0.125rem 0 0.25rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0\.125rem_0_0\.25rem_var\(--focus-shadow\2c rgba\(151\2c 146\2c 218\2c 0\.25\)\)\] {
  --tw-shadow: 0.125rem 0 0.25rem var(--focus-shadow,rgba(151,146,218,0.25));
  --tw-shadow-colored: 0.125rem 0 0.25rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0\.625rem_0\.5rem_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 0_0\.1875rem_0\.25rem_rgba\(0\2c 0\2c 0\2c 0\.24\)\] {
  --tw-shadow: 0 0.625rem 0.5rem rgba(0,0,0,0.08),0 0.1875rem 0.25rem rgba(0,0,0,0.24);
  --tw-shadow-colored: 0 0.625rem 0.5rem var(--tw-shadow-color), 0 0.1875rem 0.25rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1px_theme\(colors\.gray\.300\)\] {
  --tw-shadow: 0 0 0 1px #E6E4E1;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_4px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 0 4px 0 rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_12px_-2px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 0_0_0_1px_rgba\(84\2c 72\2c 49\2c 0\.08\)\] {
  --tw-shadow: 0 4px 12px -2px rgba(0,0,0,0.08),0 0 0 1px rgba(84,72,49,0.08);
  --tw-shadow-colored: 0 4px 12px -2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_4px_0px_\#0000000D\] {
  --tw-shadow: 0px 0px 4px 0px #0000000D;
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_0px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0px 0px 4px 0px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0px_1px_8px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0px 1px 4px rgba(0,0,0,0.1),0px 1px 8px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color), 0px 1px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_-1px_0_theme\(colors\.purple\.100\)\] {
  --tw-shadow: inset 0 -1px 0 #E9E2FF;
  --tw-shadow-colored: inset 0 -1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-2xl {
  --tw-shadow: 0px 4px 4px -2px rgba(74, 62, 142, 0.04), 0px 24px 48px -12px rgba(74, 62, 142, 0.18);
  --tw-shadow-colored: 0px 4px 4px -2px var(--tw-shadow-color), 0px 24px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-3xl {
  --tw-shadow: 0px 5px 5px -2.5px rgba(74, 62, 142, 0.04), 0px 32px 64px -12px rgba(74, 62, 142, 0.14);
  --tw-shadow-colored: 0px 5px 5px -2.5px var(--tw-shadow-color), 0px 32px 64px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-glow {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-launcher {
  --tw-shadow: 0px 4px 16px 8px rgba(151, 146, 218, 0.25), 0px 4px 4px 0px rgba(151, 146, 218, 0.25), 2px 2px 8px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 4px 16px 8px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color), 2px 2px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-lg {
  --tw-shadow: 0px 2px 2px -1px rgba(74, 62, 142, 0.04), 0px 4px 6px -2px rgba(74, 62, 142, 0.03), 0px 12px 16px -4px rgba(74, 62, 142, 0.08);
  --tw-shadow-colored: 0px 2px 2px -1px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-md {
  --tw-shadow: 0px 2px 4px -2px rgba(74, 62, 142, 0.06), 0px 4px 6px -1px rgba(74, 62, 142, 0.1);
  --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-panel {
  --tw-shadow: 0px 4px 4px 0px rgba(151, 146, 218, 0.25), 2px 2px 9px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color), 2px 2px 9px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-skeuomorphic {
  --tw-shadow: 0px 1px 2px 0px rgba(74, 62, 142, 0.05), inset 0px -2px 0px 0px rgba(74, 62, 142, 0.05), inset 0px 0px 0px 1px rgba(74, 62, 142, 0.18);
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), inset 0px -2px 0px 0px var(--tw-shadow-color), inset 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-sm {
  --tw-shadow: 0px 1px 2px -1px rgba(74, 62, 142, 0.1), 0px 1px 3px 0px rgba(74, 62, 142, 0.1);
  --tw-shadow-colored: 0px 1px 2px -1px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-soft {
  --tw-shadow: 0px 4px 4px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-xl {
  --tw-shadow: 0px 3px 3px -1.5px rgba(74, 62, 142, 0.04), 0px 8px 8px -4px rgba(74, 62, 142, 0.03), 0px 20px 24px -4px rgba(74, 62, 142, 0.08);
  --tw-shadow-colored: 0px 3px 3px -1.5px var(--tw-shadow-color), 0px 8px 8px -4px var(--tw-shadow-color), 0px 20px 24px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ai-xs {
  --tw-shadow: 0px 1px 2px 0px rgba(74, 62, 142, 0.05);
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-card {
  --tw-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.10);
  --tw-shadow-colored: 0px 3px 5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-floating {
  --tw-shadow: 0px 20px 32px -12px rgba(0,0,0,0.2), 0px 10px 16px -6px rgba(0,0,0,0.08), 0px 3px 6px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 20px 32px -12px var(--tw-shadow-color), 0px 10px 16px -6px var(--tw-shadow-color), 0px 3px 6px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-tab-active {
  --tw-shadow: inset 0 -2px 0 0 #292523;
  --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-tab-divider {
  --tw-shadow: inset 0 -1px 0 0 #dcd9d7;
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-tab-hover {
  --tw-shadow: inset 0 -2px 0 0 #dcd9d7;
  --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-2xl {
  --tw-shadow: 0px 4px 4px -2px rgba(41, 37, 35, 0.04), 0px 24px 48px -12px rgba(41, 37, 35, 0.18);
  --tw-shadow-colored: 0px 4px 4px -2px var(--tw-shadow-color), 0px 24px 48px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-3xl {
  --tw-shadow: 0px 5px 5px -2.5px rgba(41, 37, 35, 0.04), 0px 32px 64px -12px rgba(41, 37, 35, 0.14);
  --tw-shadow-colored: 0px 5px 5px -2.5px var(--tw-shadow-color), 0px 32px 64px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-border {
  --tw-shadow: inset 0 0 0 1px #dcd9d7;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-focus {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-focus-subtle {
  --tw-shadow: 0px 1px 4px 0px rgba(151, 146, 218, 0.15);
  --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-lg {
  --tw-shadow: 0px 2px 2px -1px rgba(41, 37, 35, 0.04), 0px 4px 6px -2px rgba(41, 37, 35, 0.03), 0px 12px 16px -4px rgba(41, 37, 35, 0.08);
  --tw-shadow-colored: 0px 2px 2px -1px var(--tw-shadow-color), 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-md {
  --tw-shadow: 0px 2px 4px -2px rgba(41, 37, 35, 0.06), 0px 4px 6px -1px rgba(41, 37, 35, 0.1);
  --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 6px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-modal-drop-shadow {
  --tw-shadow: 0px 4px 32px -12px rgba(0, 0, 0, 0.2), 0px 10px 16px -6px rgba(0, 0, 0, 0.08), 0px 3px 6px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 4px 32px -12px var(--tw-shadow-color), 0px 10px 16px -6px var(--tw-shadow-color), 0px 3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-shadow {
  --tw-shadow: 2px 2px 8px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 2px 2px 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-sm {
  --tw-shadow: 0px 1px 2px -1px rgba(41, 37, 35, 0.1), 0px 1px 3px 0px rgba(41, 37, 35, 0.1);
  --tw-shadow-colored: 0px 1px 2px -1px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-toast {
  --tw-shadow: 2px 2px 8px rgba(0, 0, 0, 0.16), 0px 4px 16px -12px rgba(0, 0, 0, 0.2), 0px 3px 6px rgba(0, 0, 0, 0.04);
  --tw-shadow-colored: 2px 2px 8px var(--tw-shadow-color), 0px 4px 16px -12px var(--tw-shadow-color), 0px 3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-xl {
  --tw-shadow: 0px 3px 3px -1.5px rgba(41, 37, 35, 0.04), 0px 8px 8px -4px rgba(41, 37, 35, 0.03), 0px 20px 24px -4px rgba(41, 37, 35, 0.08);
  --tw-shadow-colored: 0px 3px 3px -1.5px var(--tw-shadow-color), 0px 8px 8px -4px var(--tw-shadow-color), 0px 20px 24px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-xs {
  --tw-shadow: 0px 1px 2px 0px rgba(41, 37, 35, 0.05);
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-v2-xs-skeuomorphic {
  --tw-shadow: 0px 1px 2px 0px rgba(41, 37, 35, 0.05), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.18);
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), inset 0px -2px 0px 0px var(--tw-shadow-color), inset 0px 0px 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-1 {
  outline-width: 1px;
}

.outline-2 {
  outline-width: 2px;
}

.-outline-offset-1 {
  outline-offset: -1px;
}

.outline-gray-100 {
  outline-color: #F2F0EF;
}

.outline-white {
  outline-color: #fff;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-inset {
  --tw-ring-inset: inset;
}

.\!ring-v2-chip-border-lavender {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1)) !important;
}

.ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}

.ring-blue {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(33 114 217 / var(--tw-ring-opacity, 1));
}

.ring-blue-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(228 238 247 / var(--tw-ring-opacity, 1));
}

.ring-blue-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 224 240 / var(--tw-ring-opacity, 1));
}

.ring-blue-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 231 245 / var(--tw-ring-opacity, 1));
}

.ring-blue-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

.ring-blue-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 242 248 / var(--tw-ring-opacity, 1));
}

.ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(33 114 217 / var(--tw-ring-opacity, 1));
}

.ring-blue-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}

.ring-blue-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(53 95 137 / var(--tw-ring-opacity, 1));
}

.ring-blue-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
}

.ring-blue-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity, 1));
}

.ring-gray {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.ring-gray-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 240 239 / var(--tw-ring-opacity, 1));
}

.ring-gray-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}

.ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 228 225 / var(--tw-ring-opacity, 1));
}

.ring-gray-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}

.ring-gray-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.ring-gray-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.ring-gray-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
}

.ring-gray-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 118 116 / var(--tw-ring-opacity, 1));
}

.ring-gray-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
}

.ring-gray-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 85 84 / var(--tw-ring-opacity, 1));
}

.ring-green {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 133 82 / var(--tw-ring-opacity, 1));
}

.ring-green-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 250 238 / var(--tw-ring-opacity, 1));
}

.ring-green-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity, 1));
}

.ring-green-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 245 225 / var(--tw-ring-opacity, 1));
}

.ring-green-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(60 184 120 / var(--tw-ring-opacity, 1));
}

.ring-green-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 253 244 / var(--tw-ring-opacity, 1));
}

.ring-green-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 133 82 / var(--tw-ring-opacity, 1));
}

.ring-green-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));
}

.ring-green-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity, 1));
}

.ring-green-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity, 1));
}

.ring-green-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 83 45 / var(--tw-ring-opacity, 1));
}

.ring-indigo-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.ring-orange {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.ring-orange-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 238 230 / var(--tw-ring-opacity, 1));
}

.ring-orange-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1));
}

.ring-orange-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 217 196 / var(--tw-ring-opacity, 1));
}

.ring-orange-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}

.ring-orange-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 247 237 / var(--tw-ring-opacity, 1));
}

.ring-orange-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.ring-orange-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity, 1));
}

.ring-orange-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(194 65 12 / var(--tw-ring-opacity, 1));
}

.ring-orange-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(154 52 18 / var(--tw-ring-opacity, 1));
}

.ring-orange-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 45 18 / var(--tw-ring-opacity, 1));
}

.ring-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.ring-primary-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 226 255 / var(--tw-ring-opacity, 1));
}

.ring-primary-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(159 122 246 / var(--tw-ring-opacity, 1));
}

.ring-primary-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 243 252 / var(--tw-ring-opacity, 1));
}

.ring-primary-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.ring-primary-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.ring-primary-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 32 238 / var(--tw-ring-opacity, 1));
}

.ring-primary-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.ring-primary-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 26 51 / var(--tw-ring-opacity, 1));
}

.ring-purple {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.ring-purple-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 226 255 / var(--tw-ring-opacity, 1));
}

.ring-purple-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}

.ring-purple-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(159 122 246 / var(--tw-ring-opacity, 1));
}

.ring-purple-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));
}

.ring-purple-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 243 252 / var(--tw-ring-opacity, 1));
}

.ring-purple-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.ring-purple-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.ring-purple-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 32 238 / var(--tw-ring-opacity, 1));
}

.ring-purple-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.ring-purple-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 26 51 / var(--tw-ring-opacity, 1));
}

.ring-red {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 60 64 / var(--tw-ring-opacity, 1));
}

.ring-red-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 230 232 / var(--tw-ring-opacity, 1));
}

.ring-red-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}

.ring-red-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 207 209 / var(--tw-ring-opacity, 1));
}

.ring-red-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}

.ring-red-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity, 1));
}

.ring-red-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 60 64 / var(--tw-ring-opacity, 1));
}

.ring-red-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

.ring-red-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(186 57 60 / var(--tw-ring-opacity, 1));
}

.ring-red-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity, 1));
}

.ring-red-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity, 1));
}

.ring-rootly-orange {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 176 64 / var(--tw-ring-opacity, 1));
}

.ring-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.ring-secondary-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 240 239 / var(--tw-ring-opacity, 1));
}

.ring-secondary-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 228 225 / var(--tw-ring-opacity, 1));
}

.ring-secondary-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.ring-secondary-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.ring-secondary-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 118 116 / var(--tw-ring-opacity, 1));
}

.ring-secondary-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 85 84 / var(--tw-ring-opacity, 1));
}

.ring-transparent {
  --tw-ring-color: transparent;
}

.ring-v2-ai-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 243 250 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-bg-strong {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 227 244 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-bg-subtle {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 250 253 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-border-base {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(195 195 234 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-border-faint {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-border-strong {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 146 218 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-border-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 227 244 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-edit-border {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 28 81 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(104 88 194 / var(--tw-ring-opacity, 1));
}

.ring-v2-ai-tertiary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(116 104 203 / var(--tw-ring-opacity, 1));
}

.ring-v2-background {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}

.ring-v2-background-overlay {
  --tw-ring-color: rgba(19, 19, 19, 0.15);
}

.ring-v2-body {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-v2-border-base {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.ring-v2-border-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 219 218 / var(--tw-ring-opacity, 1));
}

.ring-v2-border-forms {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.ring-v2-border-selected {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.ring-v2-border-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.ring-v2-border-tooltip-shortcut {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(195 195 234 / var(--tw-ring-opacity, 1));
}

.ring-v2-brand-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 243 250 / var(--tw-ring-opacity, 1));
}

.ring-v2-button-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.ring-v2-button-critical-hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 32 27 / var(--tw-ring-opacity, 1));
}

.ring-v2-button-critical-pressed {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(104 28 24 / var(--tw-ring-opacity, 1));
}

.ring-v2-button-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.ring-v2-button-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 32 72 / var(--tw-ring-opacity, 1));
}

.ring-v2-button-primary-hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(67 56 123 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-bg-neutral {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-avocado {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 245 152 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-brick {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 213 179 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-cherry {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 206 211 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 149 146 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-glacier {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 224 240 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-lavender {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-neutral {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-pothos {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(200 242 216 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-robin {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 246 240 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-rose {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 208 228 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-saffron {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 242 153 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-border-tangerine {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 229 149 / var(--tw-ring-opacity, 1));
}

.ring-v2-chip-text-neutral {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 71 65 / var(--tw-ring-opacity, 1));
}

.ring-v2-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.ring-v2-critical-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 243 242 / var(--tw-ring-opacity, 1));
}

.ring-v2-default-shortcut-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.ring-v2-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.ring-v2-divider {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.ring-v2-drawer {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-v2-field-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.ring-v2-focus-shadow {
  --tw-ring-color: rgba(151, 146, 218, 0.25);
}

.ring-v2-icon-ai-base {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.ring-v2-icon-ai-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 146 218 / var(--tw-ring-opacity, 1));
}

.ring-v2-icon-base {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 55 51 / var(--tw-ring-opacity, 1));
}

.ring-v2-icon-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 32 27 / var(--tw-ring-opacity, 1));
}

.ring-v2-icon-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.ring-v2-icon-on-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-v2-icon-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.ring-v2-level1 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.ring-v2-level2 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.ring-v2-level3 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 240 239 / var(--tw-ring-opacity, 1));
}

.ring-v2-placeholder {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.ring-v2-popup {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-v2-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 35 / var(--tw-ring-opacity, 1));
}

.ring-v2-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 83 77 / var(--tw-ring-opacity, 1));
}

.ring-v2-selected {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.ring-v2-shortcut-text {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(108 103 97 / var(--tw-ring-opacity, 1));
}

.ring-v2-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.ring-v2-success {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(46 97 64 / var(--tw-ring-opacity, 1));
}

.ring-v2-success-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 250 239 / var(--tw-ring-opacity, 1));
}

.ring-v2-tertiary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(108 103 97 / var(--tw-ring-opacity, 1));
}

.ring-v2-text-on-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-v2-text-on-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 35 / var(--tw-ring-opacity, 1));
}

.ring-v2-tooltip {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(54 46 100 / var(--tw-ring-opacity, 1));
}

.ring-v2-tooltip-shortcut-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1));
}

.ring-v2-tooltip-shortcut-text {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.ring-v2-warning {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 80 12 / var(--tw-ring-opacity, 1));
}

.ring-v2-warning-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 251 214 / var(--tw-ring-opacity, 1));
}

.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-yellow {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.ring-yellow-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 242 207 / var(--tw-ring-opacity, 1));
}

.ring-yellow-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 240 138 / var(--tw-ring-opacity, 1));
}

.ring-yellow-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 235 183 / var(--tw-ring-opacity, 1));
}

.ring-yellow-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1));
}

.ring-yellow-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 252 232 / var(--tw-ring-opacity, 1));
}

.ring-yellow-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.ring-yellow-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity, 1));
}

.ring-yellow-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 122 37 / var(--tw-ring-opacity, 1));
}

.ring-yellow-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(133 77 14 / var(--tw-ring-opacity, 1));
}

.ring-yellow-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(113 63 18 / var(--tw-ring-opacity, 1));
}

.ring-opacity-50 {
  --tw-ring-opacity: 0.5;
}

.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-2xl {
  --tw-blur: blur(40px);
  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-3xl {
  --tw-blur: blur(64px);
  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-\[2px\] {
  --tw-blur: blur(2px);
  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(4px);
  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);
}

.brightness-0 {
  --tw-brightness: brightness(0);
  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);
}

.grayscale {
  --tw-grayscale: grayscale(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);
}

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

.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-sm {
  --tw-backdrop-blur: blur(4px);
  -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-v2-lg {
  --tw-backdrop-blur: blur(24px);
  -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-v2-md {
  --tw-backdrop-blur: blur(16px);
  -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-v2-sm {
  --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-v2-xl {
  --tw-backdrop-blur: blur(40px);
  -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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background-color\2c box-shadow\] {
  transition-property: background-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[background-color\] {
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[border-color\2c box-shadow\] {
  transition-property: border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[grid-template-rows\] {
  transition-property: grid-template-rows;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[left\2c box-shadow\] {
  transition-property: left,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[max-width\2c margin\2c opacity\] {
  transition-property: max-width,margin,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[max-width\] {
  transition-property: max-width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[opacity\2c transform\2c background-color\2c color\] {
  transition-property: opacity,transform,background-color,color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[opacity\2c transform\] {
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[right\] {
  transition-property: right;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\2c opacity\] {
  transition-property: width,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\2c padding\] {
  transition-property: width,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-background {
  transition-property: background;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-100 {
  transition-delay: 100ms;
}

.duration-100 {
  transition-duration: 100ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.duration-\[180ms\] {
  transition-duration: 180ms;
}

.ease-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)\] {
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
}

.ease-\[cubic-bezier\(0\.455\2c 0\.03\2c 0\.515\2c 0\.955\)\] {
  transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.will-change-\[opacity\2c transform\] {
  will-change: opacity,transform;
}

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

@keyframes alert-added-fade {
  0% {
    background-color: color-mix(in srgb, #E9E2FF 50%, white);
  }

  100% {
    background-color: white;
  }
}

@keyframes green-pulse-ring {
  0% {
    transform: scale(1) translate(0, 0);
    opacity: 0.8;
  }

  24% {
    transform: scale(2.0) translate(0, 0);
    opacity: 0;
  }

  100% {
    transform: scale(2.0) translate(0, 0);
    opacity: 0;
  }
}

@keyframes alert-added-v2-cell-fade {
  0% {
    background-color: color-mix(in srgb, #E9E2FF 50%, #ffffff);
  }

  100% {
    background-color: #ffffff;
  }
}

.alert--added {
  animation: alert-added-fade 1300ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.alert--added > * {
  animation: alert-added-v2-cell-fade 1300ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.live-mode-indicator-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #3B8552;
  transform-origin: center center;
  pointer-events: none;
  opacity: 0;
}

.live-mode-indicator-wrapper.live-mode-pulse::after {
  animation: green-pulse-ring 5000ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.on-call-orb-ring,
  .paged-orb-ring {
  position: absolute;
  left: 0.2222rem;
  top: 0.2222rem;
  width: 0.5556rem;
  height: 0.5556rem;
  border-radius: 9999px;
}

.on-call-orb-ring {
  --tw-bg-opacity: 1;
  background-color: rgb(52 114 73 / var(--tw-bg-opacity, 1));
}

.paged-orb-ring {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

@media (prefers-reduced-motion: no-preference) {
  .on-call-orb-ring,
    .paged-orb-ring {
    animation: on-call-orb-pulse 1.022094s
        linear(0, 0.0188, 0.0679, 0.1374, 0.2195, 0.308, 0.3978, 0.4856, 0.5686, 0.6452, 0.7142, 0.7753, 0.8283, 0.8735, 0.9113, 0.9423, 0.9671, 0.9866, 1.0014, 1.0123, 1.0198, 1.0247, 1.0274, 1.0283, 1.0281, 1.0268, 1.025, 1.0227, 1.0202, 1.0177, 1.0152, 1.0128, 1.0106, 1.0085, 1.0068, 1.0052, 1.0039, 1.0028, 1.0018, 1.0011, 1.0005, 1, 0.9997, 0.9995, 0.9993, 0.9992, 0.9992, 0.9992, 0.9992, 0.9993, 0.9993)
        infinite;
  }
}

.on-call-orb-dot,
  .paged-orb-dot {
  position: relative;
  display: inline-block;
  width: 0.5556rem;
  height: 0.5556rem;
  border-radius: 9999px;
}

.on-call-orb-dot {
  --tw-bg-opacity: 1;
  background-color: rgb(52 114 73 / var(--tw-bg-opacity, 1));
}

.paged-orb-dot {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

/* On-call always-on (24/7) bar: lavender track with diagonal stripes —
     indeterminate coverage, no fill. The stripes drift slowly to the right
     (~8.5px/s, keyframe above) so "always on" reads as live, not stalled;
     static under reduced motion. */

.on-call-progress-bar {
  height: 0.3125rem;
  border-radius: 9999px;
}

.on-call-progress-striped {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
  background-image: repeating-linear-gradient(
      -45deg,
      #7468cb 0,
      #7468cb 0.4375rem,
      transparent 0.4375rem,
      transparent 1.125rem
    );
}

@media (prefers-reduced-motion: no-preference) {
  .on-call-progress-striped {
    animation: on-call-stripes-slide 3s linear infinite;
  }
}

.pulsing-purple-dot {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
  animation: pulse-dot 1.5s ease-in-out infinite;
}

.pulsing-green-dot {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
  animation: pulse-dot 1.5s ease-in-out infinite;
}

.pulsing-red-dot {
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(199 60 64 / var(--tw-bg-opacity, 1));
  animation: pulse-dot 1.5s ease-in-out infinite;
}

.retrospective-document-preview-content h1 {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h1 strong {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h2 {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h2 strong {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h3 {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h3 strong {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h4 {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h4 strong {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h5 {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h5 strong {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h6 {
  font-weight: 600 !important;
}

.retrospective-document-preview-content h6 strong {
  font-weight: 600 !important;
}

.bg-announcement-gradient {
  background-image: linear-gradient(
      98.65deg,
      #5720ee 6.81%,
      #8c5ee1 33.84%,
      #f5c284 63.66%,
      #eed5cf 100%
    );
}

.border-announcement-gradient {
  background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(
          98.65deg,
          #5720ee 6.81%,
          #8c5ee1 33.84%,
          #f5c284 63.66%,
          #eed5cf 100%
        )
        border-box;
  border: 1px solid transparent;
}

.\[--tw-prose-body\:\#292523\] {
  --tw-prose-body: #292523;
}

.\[--tw-prose-body\:\#5446a2\] {
  --tw-prose-body: #5446a2;
}

.\[--tw-prose-bold\:\#292523\] {
  --tw-prose-bold: #292523;
}

.\[--tw-prose-bold\:\#5446a2\] {
  --tw-prose-bold: #5446a2;
}

.\[--tw-prose-bullets\:\#5446a2\] {
  --tw-prose-bullets: #5446a2;
}

.\[--tw-prose-bullets\:\#57534d\] {
  --tw-prose-bullets: #57534d;
}

.\[--tw-prose-code\:\#292523\] {
  --tw-prose-code: #292523;
}

.\[--tw-prose-code\:\#5446a2\] {
  --tw-prose-code: #5446a2;
}

.\[--tw-prose-counters\:\#5446a2\] {
  --tw-prose-counters: #5446a2;
}

.\[--tw-prose-counters\:\#57534d\] {
  --tw-prose-counters: #57534d;
}

.\[--tw-prose-headings\:\#292523\] {
  --tw-prose-headings: #292523;
}

.\[--tw-prose-headings\:\#5446a2\] {
  --tw-prose-headings: #5446a2;
}

.\[--tw-prose-hr\:\#d7d7f0\] {
  --tw-prose-hr: #d7d7f0;
}

.\[--tw-prose-hr\:\#dcd9d7\] {
  --tw-prose-hr: #dcd9d7;
}

.\[--tw-prose-links\:\#5446a2\] {
  --tw-prose-links: #5446a2;
}

.\[--tw-prose-quote-borders\:\#d7d7f0\] {
  --tw-prose-quote-borders: #d7d7f0;
}

.\[--tw-prose-quote-borders\:\#dcd9d7\] {
  --tw-prose-quote-borders: #dcd9d7;
}

.\[--tw-prose-quotes\:\#5446a2\] {
  --tw-prose-quotes: #5446a2;
}

.\[--tw-prose-quotes\:\#57534d\] {
  --tw-prose-quotes: #57534d;
}

.\[--tw-prose-td-borders\:\#e7e5e4\] {
  --tw-prose-td-borders: #e7e5e4;
}

.\[--tw-prose-td-borders\:\#ececf8\] {
  --tw-prose-td-borders: #ececf8;
}

.\[--tw-prose-th-borders\:\#d7d7f0\] {
  --tw-prose-th-borders: #d7d7f0;
}

.\[--tw-prose-th-borders\:\#dcd9d7\] {
  --tw-prose-th-borders: #dcd9d7;
}

.\[animation-delay\:0\.4s\] {
  animation-delay: 0.4s;
}

.\[background-color\:var\(--pcr-color\)\] {
  background-color: var(--pcr-color);
}

.\[clip-path\:inset\(0_-0\.5rem_0_0\)\] {
  -webkit-clip-path: inset(0 -0.5rem 0 0);
          clip-path: inset(0 -0.5rem 0 0);
}

.\[clip-path\:inset\(0_0_0_-0\.5rem\)\] {
  -webkit-clip-path: inset(0 0 0 -0.5rem);
          clip-path: inset(0 0 0 -0.5rem);
}

.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
  clip: rect(0,0,0,0) !important;
}

.\[contain\:paint\] {
  contain: paint;
}

.\[grid-area\:1\/1\] {
  grid-area: 1/1;
}

.\[mask-image\:linear-gradient\(to_right\2c transparent\2c black_0\.5rem\)\] {
  -webkit-mask-image: linear-gradient(to right,transparent,black 0.5rem);
          mask-image: linear-gradient(to right,transparent,black 0.5rem);
}

.\!\[pointer-events\:inherit\] {
  pointer-events: inherit !important;
}

.\[scrollbar-gutter\:stable\] {
  scrollbar-gutter: stable;
}

.\[word-break\:break-word\] {
  word-break: break-word;
}

.break-word {
  word-break: break-word;
}

/* Shortcut hints render both modifier glyphs; v2/layouts/_head stamps
   <html data-platform-modifier> so only the platform's glyph is shown. */

[data-platform-modifier="meta"] [data-shortcut-modifier="control"],
[data-platform-modifier="control"] [data-shortcut-modifier="meta"] {
  display: none;
}

/* Drag and drop ghost styles */

.drag-ghost {
  --tw-rotate: 3deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.5;
}

strong {
  font-weight: 600;
}

@keyframes pop {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes ai-gradient {
  0% {
    background-position: 0% 51%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 51%;
  }
}

@keyframes red-pulse {
  0% {
    box-shadow: 0 0 0 0 rgb(239 68 68 / 0.6);
  }

  100% {
    box-shadow: 0 0 0 5px rgb(239 68 68 / 0);
  }
}

@keyframes purple-pulse {
  33% {
    background: #fff;
    box-shadow:
      -0.75em 0 #9F7AF6,
      0.75em 0 #fff;
  }

  66% {
    background: #9F7AF6;
    box-shadow:
      -0.75em 0 #fff,
      0.75em 0 #fff;
  }

  100% {
    background: #fff;
    box-shadow:
      -0.75em 0 #fff,
      0.75em 0 #9F7AF6;
  }
}

@keyframes pulse-dot {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.5;
    transform: scale(1.2);
  }
}

/* Dot-matrix spiral loader (IR-5258). Plain CSS — no sass vars (postcss only). */

.dmx-root {
  --dmx-cycle: 1500ms;
  --dmx-speed: 0.74;
  --dmx-step: 0.04;
  --dmx-opacity-base: 0.16;
  --dmx-opacity-mid: 0.32;
  --dmx-opacity-peak: 1;
  display: inline-flex;
  width: 14px;
  height: 14px;
  margin: 1px;
  color: currentColor;
}

/* 4x4 variant: 16 dots, step = 1/16 so the snake still spans one full cycle */

.dmx-root.dmx-4 {
  --dmx-step: 0.0625;
  width: 11px;
  height: 11px;
}

.dmx-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 1px;
  width: 100%;
  height: 100%;
}

.dmx-4 .dmx-grid {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}

.dmx-dot {
  width: 2px;
  height: 2px;
  border-radius: 999px;
  background-color: currentColor;
  opacity: var(--dmx-opacity-base);
}

.dmx-spiral-3 .dmx-dot {
  animation: dmx-spiral-snake calc(var(--dmx-cycle) * var(--dmx-speed)) linear
    infinite;
  animation-delay: calc(
    var(--spiral-order, 0) * var(--dmx-step) * var(--dmx-cycle) *
      var(--dmx-speed)
  );
}

@keyframes dmx-spiral-snake {
  0% {
    opacity: var(--dmx-opacity-base);
  }

  8% {
    opacity: var(--dmx-opacity-peak);
  }

  16% {
    opacity: var(--dmx-opacity-mid);
  }

  24% {
    opacity: var(--dmx-opacity-mid);
  }

  32% {
    opacity: var(--dmx-opacity-mid);
  }

  40% {
    opacity: var(--dmx-opacity-base);
  }

  100% {
    opacity: var(--dmx-opacity-base);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dmx-spiral-3 .dmx-dot {
    animation: none;
    opacity: var(--dmx-opacity-mid);
  }
}

html {
  -webkit-print-color-adjust: exact;
  font-family:
    "Inter var",
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Busy states */

form[aria-busy="true"] input[type="submit"],
form[aria-busy="true"] button[type="submit"],
button[aria-busy="true"],
button.is-loading {
  opacity: 0.5;
  cursor: wait;
}

form[aria-busy="true"] button[type="submit"] .loading-indicator,
turbo-frame[aria-busy="true"] > .loading-indicator,
button.is-loading .loading-indicator,
button[aria-busy="true"] .loading-indicator {
  display: flex !important;
}

form[aria-busy="true"] .hide-on-busy,
turbo-frame[aria-busy="true"] > .hide-on-busy,
button.is-loading .hide-on-busy,
button[aria-busy="true"] .hide-on-busy {
  display: none !important;
}

form[aria-busy="true"] input:not([type="file"]),
form[aria-busy="true"] button,
form[aria-busy="true"] select,
[aria-busy="true"] .dropdown-component a,
[aria-busy="true"] .dropdown-component input {
  opacity: 0.5;
  cursor: wait;
}

form[aria-busy="true"][data-turbo-stream][method="GET"] input,
form[aria-busy="true"][data-turbo-stream][method="get"] input {
  opacity: 1;
}

/* V3 public status page (IR-5792): while the system-status turbo frame is
   fetching another uptime window, charts degrade in place to a skeleton —
   component names stay, data elements gray out and pulse. */

turbo-frame[busy] [data-uptime-loading="icon"] {
  filter: grayscale(1);
  opacity: 0.4;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

turbo-frame[busy] [data-uptime-loading="bar"] {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

turbo-frame[busy] [data-uptime-loading="text"] {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
  color: transparent;
}

/* Progress Bars */

progress {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

progress.pickr .pcr-button,progress
.pickr .pcr-button::before,progress
.pickr .pcr-button::after {
  border-radius: 9999px;
}

progress::-webkit-progress-bar {
  border-radius: 9999px;
  background-color: rgb(159 122 246 / 0.1);
}

progress::-webkit-progress-value {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

progress::-moz-progress-bar {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

progress.pickr::-moz-progress-bar .pcr-button,progress
.pickr::-moz-progress-bar .pcr-button::before,progress
.pickr::-moz-progress-bar .pcr-button::after {
  border-radius: 9999px;
}

.turbo-progress-bar {
  height: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

/* Legacy badge classes */

.badge {
  font-weight: 500;
}

/* Expand/Collapse details */

details summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

details summary::-webkit-details-marker {
  display: none;
}

details[open] .marker,
tr[open] .marker,
details[open] .details-chevron {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.expanded .expandable-marker {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

details[open] .marker-rotate-l-90-degree {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.left-down-icon summary .marker {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.left-down-icon[open] .marker {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Forms */

button[type="submit"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.field_with_errors {
  display: inline;
}

.field_with_errors input[type="text"],
.field_with_errors input[type="search"],
.field_with_errors input[type="number"],
.field_with_errors input[type="email"],
.field_with_errors input[type="password"],
.field_with_errors input[type="date"],
.field_with_errors input[type="datetime-local"],
.field_with_errors .input,
.field_with_errors textarea,
.field_with_errors .choices__inner,
.field_with_errors .multi_search {
  --tw-border-opacity: 1;
  border-color: rgb(244 207 209 / var(--tw-border-opacity, 1));
}

.form-hint a {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

label {
  font-size: 0.875rem;
  line-height: 140%;
}

input[type="text"],
input[type="search"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
.input,
textarea,
trix-editor {
  position: relative;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-right: 0.625rem;
  padding-left: 0.75rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

input[type="text"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, .input::-moz-placeholder, textarea::-moz-placeholder, trix-editor::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

input[type="text"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, .input::-ms-input-placeholder, textarea::-ms-input-placeholder, trix-editor::-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

input[type="text"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime-local"]::placeholder,
.input::placeholder,
textarea::placeholder,
trix-editor::placeholder {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
.input:focus,
textarea:focus,
trix-editor:focus {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

input[type="text"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="time"]:disabled,
input[type="datetime-local"]:disabled,
.input:disabled,
textarea:disabled,
trix-editor:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

input[type="text"].auth-form,
input[type="email"].auth-form,
input[type="password"].auth-form {
  border-radius: 1rem !important;
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

input[type="text"].auth-form::-moz-placeholder, input[type="email"].auth-form::-moz-placeholder, input[type="password"].auth-form::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

input[type="text"].auth-form::-ms-input-placeholder, input[type="email"].auth-form::-ms-input-placeholder, input[type="password"].auth-form::-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

input[type="text"].auth-form::placeholder,
input[type="email"].auth-form::placeholder,
input[type="password"].auth-form::placeholder {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

input[type="text"].auth-form:focus,
input[type="email"].auth-form:focus,
input[type="password"].auth-form:focus {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

input[type="text"].auth-form:disabled,
input[type="email"].auth-form:disabled,
input[type="password"].auth-form:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

input[type="text"].auth-form:disabled::-moz-placeholder, input[type="email"].auth-form:disabled::-moz-placeholder, input[type="password"].auth-form:disabled::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

input[type="text"].auth-form:disabled::-ms-input-placeholder, input[type="email"].auth-form:disabled::-ms-input-placeholder, input[type="password"].auth-form:disabled::-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

input[type="text"].auth-form:disabled::placeholder,
input[type="email"].auth-form:disabled::placeholder,
input[type="password"].auth-form:disabled::placeholder {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

input[type="password"].auth-form,
input[type="text"].auth-form {
  padding-right: 2.5rem;
}

input[type="checkbox"].auth-form {
  margin: 0px;
  margin-right: 0px !important;
  display: inline-block;
  width: 1.25rem !important;
  height: 1.25rem !important;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  background-origin: border-box;
  padding: 0px;
  vertical-align: middle;
}

input[type="checkbox"].auth-form:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

@media (prefers-color-scheme: dark) {
  input[type="checkbox"].auth-form {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}

input[type="checkbox"]:checked.auth-form {
  border-color: transparent;
  background-color: currentColor;
  background-repeat: no-repeat;
}

@media (prefers-color-scheme: dark) {
  input[type="checkbox"]:checked.auth-form {
    background-color: currentColor;
  }
}

input[type="checkbox"]:checked.auth-form {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3E%3C/svg%3E");
  background-size: 0.55em 0.55em;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
       print-color-adjust: exact;
  background-position: 50%;
}

.field_with_errors input[type="text"].auth-form,
.field_with_errors input[type="email"].auth-form,
.field_with_errors input[type="password"].auth-form {
  --tw-border-opacity: 1 !important;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1)) !important;
}

input[type="time"]:disabled {
  -webkit-text-fill-color: #1e1a33;
}

input[type="text"].small,
input[type="search"].small {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 13px;
}

input[type="text"].small .hero-icon,
input[type="search"].small .hero-icon {
  height: 0.875rem;
}

input[type="text"].small,
input[type="search"].small {
  line-height: 15.6px;
  max-height: 30px;
}

input[type="radio"]:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><circle cx="8" cy="8" r="3"/></svg>');
  background-size: 100% 100%;
  background-color: currentColor;
  background-position: 50%;
  background-repeat: no-repeat;
  border-color: transparent;
}

input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-print-color-adjust: exact;
     color-adjust: exact;
          print-color-adjust: exact;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  background-origin: border-box;
  border-radius: 50%;
  border-width: 1px;
  flex-shrink: 0;
  display: inline-block;
}

input[type="checkbox"]:not(.toggle) {
  height: 0.875rem;
  width: 0.875rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  accent-color: #7748F6;
}

/* attached buttons */

.attached.attached-right {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right-width: 0px;
}

.attached.attached-left {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

trix-toolbar .trix-button-group {
  border-style: none;
}

trix-toolbar .trix-button {
  border-style: none;
}

trix-toolbar .trix-button.trix-active {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

trix-toolbar .trix-button-row {
  flex-wrap: wrap;
}

.trix-content p {
  margin-bottom: 1em;
}

.trix-content p:last-child {
  margin-bottom: 0;
}

.trix-content ul {
  list-style-type: disc;
  margin-left: 1rem;
}

.trix-content ol {
  list-style-type: decimal;
  margin-left: 1rem;
}

.trix-content pre {
  white-space: pre-wrap;
  text-wrap: wrap;
}

/* Markdown-rendered status page update content (IR-5346). Tailwind preflight
   strips default heading/table styles, so headings and tables published in
   updates otherwise render as plain unpadded text. Heading sizes are bounded
   so a top-level heading cannot dwarf the page's own titles. */

.status-page-markdown-content h1 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 120%;
  font-weight: 600;
}

.status-page-markdown-content h2 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 600;
}

.status-page-markdown-content h3 {
  margin-top: 0.75rem;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 600;
}

.status-page-markdown-content h4,
.status-page-markdown-content h5,
.status-page-markdown-content h6 {
  margin-top: 0.75rem;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 600;
}

.status-page-markdown-content h1:first-child,
.status-page-markdown-content h2:first-child,
.status-page-markdown-content h3:first-child,
.status-page-markdown-content h4:first-child,
.status-page-markdown-content h5:first-child,
.status-page-markdown-content h6:first-child {
  margin-top: 0px;
}

.status-page-markdown-content table {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-collapse: collapse;
}

.status-page-markdown-content th,
.status-page-markdown-content td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: left;
  vertical-align: top;
}

.status-page-markdown-content th {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
  font-weight: 600;
}

.status-page-markdown-content code {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 130%;
}

.status-page-markdown-content code .hero-icon {
  height: 0.875rem;
}

.pickr.status-page-markdown-content code .pcr-button,
.pickr.status-page-markdown-content code .pcr-button::before,
.pickr.status-page-markdown-content code .pcr-button::after {
  border-radius: 9999px;
}

.status-page-markdown-content pre code {
  background-color: transparent;
  padding: 0px;
}

.input {
  display: flex;
  align-items: center;
  overflow: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}

label[required]::after {
  margin-left: 0.25rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 140%;
  --tw-text-opacity: 1;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1));
  --tw-content: '*';
  content: var(--tw-content);
}

:not(:focus-visible):focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.radio-select-combo .choices {
  opacity: 0.5;
}

.radio-select-combo input:checked + * .choices {
  opacity: 1;
}

/**
 * Daterangepicker
 **/

.datepicker {
  position: relative;
  box-sizing: border-box;
  min-height: 41px;
  width: 100%;
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.625rem;
  padding-right: 2.5rem;
  text-align: left;
  font-size: 0.75rem;
  line-height: 130%;
}

.datepicker .hero-icon {
  height: 0.875rem;
}

.daterangepicker {
  border-width: 1px;
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.daterangepicker.single .drp-calendar {
  width: 100%;
  max-width: none;
}

.daterangepicker .calendar-time select,
.daterangepicker .timezone-select select {
  min-width: 3.5rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  white-space: nowrap;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 140%;
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.daterangepicker .calendar-time select:hover,
.daterangepicker .timezone-select select:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.daterangepicker .calendar-time select:focus,
.daterangepicker .timezone-select select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.25;
  --tw-ring-offset-width: 0px;
}

.daterangepicker .calendar-time select,
.daterangepicker .timezone-select select {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACFQTFRFAAAAsrCtsrCtsrCtsrCtsrCtsrCtsrCtsrCtsrCtsrCtX8ioNgAAAAt0Uk5TAAllDBj6wlTP/z+kZZY7AAAASklEQVR4nGNgoCFgVIbQRgJAgiXMAMRmTnUAUaXJINIsHCzPDpJiTi2AqAZJQSXAUnAJkBRcAigV0QqXYGConI5kMdcCKvoCKwAADCoLoG3u5vUAAAAASUVORK5CYII=);
  /* images/icons/chevron-down.png */
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 5px center;
}

.daterangepicker .calendar-time select::after {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
  display: block;
  content: "";
  width: 0.8em;
  height: 0.8em;
  -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
          clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}

.daterangepicker .drp-buttons {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.daterangepicker .calendar-table td {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.daterangepicker .calendar-table td.in-range {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.daterangepicker .calendar-table td.today {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.daterangepicker .calendar-table td.today:hover {
  --tw-brightness: brightness(.9);
  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);
}

.daterangepicker .calendar-table td.active:not(.off),
.daterangepicker .ranges li.active {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.daterangepicker .calendar-table td.active:not(.off):hover,
.daterangepicker .ranges li.active:hover {
  --tw-brightness: brightness(.9);
  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);
}

.daterangepicker .calendar-table table thead tr:first-child th {
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-top-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
  padding-bottom: 0.625rem;
}

.daterangepicker .calendar-table table thead tr th {
  padding-top: 0.625rem;
}

.daterangepicker .drp-buttons .timezone-select {
  margin-bottom: 1rem;
}

.daterangepicker .drp-buttons .cancelBtn {
  float: left;
  margin: 0px;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #FCFBFA var(--tw-gradient-to-position);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.daterangepicker .drp-buttons .cancelBtn .hero-icon {
  height: 0.875rem;
}

.daterangepicker .drp-buttons .cancelBtn:hover {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.daterangepicker .drp-buttons .cancelBtn:active {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.daterangepicker .drp-buttons .applyBtn {
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: rgb(0 0 0 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.daterangepicker .drp-buttons .applyBtn .hero-icon {
  height: 0.875rem;
}

.daterangepicker .drp-buttons .applyBtn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

input.hide-calendar-picker[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
}

input.hide-calendar-picker[type="time"] {
  text-align: center;
}

@-moz-document url-prefix() {
  .firefox-small-time-field {
    padding-top: 5px !important;
    text-transform: uppercase;
  }
}

.select2-container .select2-selection--single {
  height: auto;
}

.select2-selection__rendered {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.select2-container--default .select2-selection--single {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.select2-container--default .select2-selection--single:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 0px;
  bottom: 0px;
  margin: auto;
}

.select2-container--open .select2-dropdown--below {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.select2-search--dropdown {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.daterangepicker.drop-up:after {
  --tw-border-opacity: 1;
  border-top-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

/**
 * Overrides that should be removed when v2 is default theme
 **/

.daterangepicker .drp-calendar {
  padding: 0px;
}

/* ChoicesJS select component */

.choices {
  position: relative;
  font-size: 0.875rem;
  line-height: 140%;
}

.choices.choices--sm .choices__inner {
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

[data-controller*="select-component"].small .choices__inner {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.5rem;
  font-size: 13px;
}

[data-controller*="select-component"].small .choices__inner .hero-icon {
  height: 0.875rem;
}

[data-controller*="select-component"].small .choices__inner {
  line-height: 15.6px;
  min-height: 30px;
  max-height: 30px;
}

.choices--padding-r-sm .choices__inner {
  padding-right: 0.5rem;
}

.choices.choices--sm .choices__list.choices__list--dropdown.is-active {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.options-dropdown-width-full .choices__list.choices__list--dropdown.is-active {
  width: 100% !important;
}

.choices.choices--xs .choices__inner {
  height: 1.75rem;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.75rem;
  line-height: 130%;
}

.choices.choices--xs .choices__inner .hero-icon {
  height: 0.875rem;
}

.choices.choices--xs.right-input-group .choices__inner {
  z-index: 2;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.choices.choices--xs .choices__list.choices__list--dropdown.is-active {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.choices.choices--dropdown-top .choices__list.choices__list--dropdown {
  bottom: 100%;
  top: auto;
}

.v2-data-table-footer:has(.choices--pagination-dropdown.is-open),
.v2-data-table-footer:has(.v2-pagination-preference-form [data-v2--select-target="content"][data-open]) {
  /* overflow-visible: the footer normally clips to the table's rounded corners,
     which would cut off the items-per-page dropdown opening upward. */
  z-index: 60;
  overflow: visible;
}

.choices.choices--pagination-dropdown .choices__list.choices__list--dropdown {
  z-index: 61;
}

.choices.is-focused {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

select.choices__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.choices__inner {
  position: relative;
  box-sizing: border-box;
  min-height: 41px;
  width: 100%;
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.625rem;
  padding-right: 2rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 140%;
}

/* auth-form select styles - start */

.auth-form .choices__inner {
  border-radius: 1rem !important;
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.auth-form .is-focused .choices__inner {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.auth-form .choices__list--dropdown {
  border-radius: 1rem !important;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.auth-form .choices__inner .choices__item--selectable {
  padding-right: 0px !important;
}

.auth-form
  .choices__inner
  .choices__item--selectable:not(.choices__placeholder) {
  --tw-text-opacity: 1 !important;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1)) !important;
}

.auth-form .choices__placeholder > span:first-child {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.auth-form .choices__inner .choices__item--selectable span.dropdown-icon {
  padding-right: 0px !important;
  position: unset;
}

[data-controller*="select-component"].small
  .choices__inner
  span.dropdown-icon
  svg {
  height: 0.75rem;
  width: 0.75rem;
}

/* auth-form select styles - end */

.choices__inner--sm-pr .choices__inner {
  padding-right: 1.5rem;
}

.choices__inner--xs-pr .choices__inner {
  padding-right: 0.5rem !important;
}

.inline_choices {
  display: inline-block !important;
}

.inline_choices .choices__inner {
  min-height: 0px !important;
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.choices_sm_text .choices__inner {
  font-size: 0.75rem !important;
  line-height: 130% !important;
}

.is-focused .choices__inner {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.choices__heading {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

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

.choices[data-type="select-multiple"] .choices__inner,
.choices[data-type="text"] .choices__inner {
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.625rem;
  padding-top: 1px;
  padding-bottom: 0px;
}

.choices[data-type="select-multiple"] input.choices__input,
.choices[data-type="text"] input.choices__input--cloned {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
  display: inline-block;
  max-width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-style: none;
  padding: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-width: 0px;
  width: 1ch;
  min-width: 1ch;
  min-height: 29px;
  vertical-align: top;
}

.choices[data-type="select-multiple"].choices--xs .choices__inner {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.choices[data-type="select-multiple"].choices--xs input.choices__input,
.choices[data-type="text"].choices--xs input.choices__input--cloned {
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.choices[data-type="select-multiple"].choices--xs
  .choices__list--multiple
  .choices__item {
  height: 22px;
}

.choices__list--dropdown .choices__item.has-no-choices {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

/**
 * Parent selector to create inset style for selector. Useful for selectors
 * within input fields.
 **/

.choices__inner:has(> .choices__input--inset) {
  max-height: 34px;
  min-height: 0px;
  border-radius: 0.25rem;
}

.pickr.choices__inner:has(> .choices__input--inset) .pcr-button,
.pickr.choices__inner:has(> .choices__input--inset) .pcr-button::before,
.pickr.choices__inner:has(> .choices__input--inset) .pcr-button::after {
  border-radius: 9999px;
}

.choices__inner:has(> .choices__input--inset):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.choices__inner:has(> .choices__input--inset) .dropdown-icon {
  display: none;
}

[data-tiptap--features--mention-popover-target="popup"]:not(.choices__inner:has(> .choices__input--inset) .dropdown-icon) {
  animation: mentionPopoverFadeIn 150ms ease-out;
}

.select--medium-dropdown .choices__list--dropdown {
  width: 300px;
}

.choices[data-type="select-multiple"]
  input.choices__input::-webkit-search-decoration,
.choices[data-type="text"]
  input.choices__input--cloned::-webkit-search-decoration,
.choices[data-type="select-multiple"]
  input.choices__input::-webkit-search-cancel-button,
.choices[data-type="text"]
  input.choices__input--cloned::-webkit-search-cancel-button,
.choices[data-type="select-multiple"]
  input.choices__input::-webkit-search-results-button,
.choices[data-type="text"]
  input.choices__input--cloned::-webkit-search-results-button,
.choices[data-type="select-multiple"]
  input.choices__input::-webkit-search-results-decoration,
.choices[data-type="text"]
  input.choices__input--cloned::-webkit-search-results-decoration {
  display: none;
}

.choices__list--multiple {
  display: inline;
  vertical-align: top;
}

.choices__list--multiple .choices__item,
.choices__list--multiple .choices__group {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0.25rem;
  display: inline-flex;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

.choices__group + .choices__item {
  padding-left: 1rem;
}

.choices__list--single {
  min-height: 1rem;
}

.choices__list--single .dropdown-icon {
  display: flex;
}

.choices.is-disabled .choices__inner {
  cursor: default !important;
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.choices__list--dropdown {
  position: absolute;
  z-index: 30;
  margin-top: 0.25rem;
  display: none;
  max-height: 15rem;
  width: 100%;
  overflow: auto;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 140%;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(30 26 51 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.05;
}

[data-tiptap--features--mention-popover-target="popup"]:not(.choices__list--dropdown) {
  animation: mentionPopoverFadeIn 150ms ease-out;
}

.is-open .choices__list--dropdown {
  display: block;
}

.choices__list--dropdown input.choices__input {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
  border-style: none;
}

.choices__list--dropdown .choices__item,
.choices__list--dropdown .choices__group {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.choices__list--dropdown .choices__item.is-highlighted,
.choices__list--dropdown .choices__item.is-highlighted span {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.choices__list--dropdown .choices__item--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.choices__list--dropdown .choices__item--disabled img {
  opacity: 0.5;
}

.choices__placeholder {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.choices > .choices__list .choices__placeholder {
  display: none;
}

[data-tiptap--features--mention-popover-target="popup"]:not(.choices > .choices__list .choices__placeholder) {
  animation: mentionPopoverFadeIn 150ms ease-out;
}

.choices__input:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

/* Icons */

.hero-icon,
ninja-keys::part(ninja-icon) {
  height: 1rem;
  width: auto;
  display: inline-flex;
  pointer-events: all;
}

.hero-icon-xxsmall {
  height: 0.125rem !important;
}

.hero-icon-xsmall {
  height: 0.5rem !important;
}

.hero-icon-small {
  height: 0.75rem;
}

.hero-icon-medium {
  height: 1rem;
  width: auto;
  display: inline-flex;
  pointer-events: all;
}

.text-\[13px\] .hero-icon-medium,
.text-sm .hero-icon-medium,
.text-xs .hero-icon-medium {
  height: 0.875rem;
}

.hero-icon-medium {
  height: 1rem;
}

.hero-icon-large {
  height: 1rem;
  width: auto;
  display: inline-flex;
  pointer-events: all;
}

.text-\[13px\] .hero-icon-large,
.text-sm .hero-icon-large,
.text-xs .hero-icon-large {
  height: 0.875rem;
}

.hero-icon-large {
  height: 1.125rem;
}

.hero-icon-xlarge {
  height: 1rem;
  width: auto;
  display: inline-flex;
  pointer-events: all;
}

.text-\[13px\] .hero-icon-xlarge,
.text-sm .hero-icon-xlarge,
.text-xs .hero-icon-xlarge {
  height: 0.875rem;
}

.hero-icon-xlarge {
  height: 1.25rem;
}

.hero-icon-xxlarge {
  height: 1rem;
  width: auto;
  display: inline-flex;
  pointer-events: all;
}

.text-\[13px\] .hero-icon-xxlarge,
.text-sm .hero-icon-xxlarge,
.text-xs .hero-icon-xxlarge {
  height: 0.875rem;
}

.hero-icon-xxlarge {
  height: 2rem;
}

.text-\[13px\] .hero-icon,
.text-sm .hero-icon,
.text-xs .hero-icon {
  height: 0.875rem;
}

ninja-keys::part(ninja-icon) {
  margin-right: 0.5em;
  border-radius: 0.25em;
}

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

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

.wrap-anywhere {
  overflow-wrap: anywhere;
}

.truncate-rtl {
  direction: rtl;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.hide-last-breadcrumb-divider nav ol li:last-child .divider {
  display: none;
}

.dot-separator > *:not(:last-child)::after {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
  --tw-content: '·';
  content: var(--tw-content);
}

.divide-all-tbody tbody > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-divide-opacity, 1));
}

.divide-all-tbody tbody + tbody > tr:first-child {
  /* Use box-shadow instead of border to avoid sub-pixel rendering issues at browser zoom levels */
  /* Spread radius ensures full coverage across the row with no gaps */
  box-shadow: inset 0 1px 0 0 #E6E4E1;
}

/* TableComponent variant: frameless header with bordered body.
   Usage: render TableComponent.new(class: "table-frameless-header") */

.table-frameless-header {
  border: none !important;
  thead {
    background: transparent !important;
  }
  thead tr:hover {
    background: transparent !important;
  }
  table {
    border-collapse: separate;
    border-spacing: 0;
    /* Override default divide-y between thead and tbody */
    & > * + * {
      border-top-width: 0;
    }
  }
  /* Body cell borders */
  tbody td {
    border-bottom-width: 1px;
  }
  tbody td {
    --tw-border-opacity: 1;
    border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  }
  tbody tr:first-child td {
    border-top-width: 1px;
  }
  tbody tr:first-child td {
    --tw-border-opacity: 1;
    border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  }
  tbody td:first-child {
    border-left-width: 1px;
  }
  tbody td:last-child {
    border-right-width: 1px;
  }
  /* Top corners */
  tbody tr:first-child td:first-child {
    border-top-left-radius: 0.5rem;
  }
  tbody tr:first-child td:last-child {
    border-top-right-radius: 0.5rem;
  }
  /* Bottom corners only when no footer follows */
  tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0.5rem;
  }
  tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0.5rem;
  }
  /* When footer is present: remove body bottom rounding and border,
     footer connects seamlessly */
  &:has(> div + div) {
    tbody tr:last-child td {
      border-bottom-width: 0;
    }
    tbody tr:last-child td:first-child {
      border-bottom-left-radius: 0;
    }
    tbody tr:last-child td:last-child {
      border-bottom-right-radius: 0;
    }
    /* Footer gets full border box */
    > div + div {
      border-bottom-right-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
    > div + div {
      border-width: 1px;
    }
    > div + div {
      --tw-border-opacity: 1;
      border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
    }
  }
}

/* Tooltips */

.tooltip {
  margin-bottom: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 140%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  z-index: 99999;
}

[x-arrow] {
  position: absolute;
  background: inherit;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

/* Gridstack (Metrics page) */

.grid-stack-item-content .panel-actions {
  display: none;
}

.grid-stack-item-content:hover .panel-actions {
  display: block;
}

.menu-w.menu-layout-compact {
  flex: 0 0 200px;
}

.grid-stack {
  display: flex;
  flex-wrap: wrap;
}

.grid-stack-item > .grid-stack-item-content {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
  overflow: visible !important;
}

.grid-stack:not(.grid-stack-initialized) > .grid-stack-item {
  position: relative;
  left: auto !important;
}

.grid-stack-item[gs-h="12"] {
  height: 70rem;
}

.grid-stack-item[gs-h="11"] {
  height: 64rem;
}

.grid-stack-item[gs-h="10"] {
  height: 60rem;
}

.grid-stack-item[gs-h="9"] {
  height: 54rem;
}

.grid-stack-item[gs-h="8"] {
  height: 48rem;
}

.grid-stack-item[gs-h="7"] {
  height: 42rem;
}

.grid-stack-item[gs-h="6"] {
  height: 36rem;
}

.grid-stack-item[gs-h="5"] {
  height: 30rem;
}

.grid-stack-item[gs-h="4"] {
  height: 24rem;
}

.grid-stack-item[gs-h="3"] {
  height: 18rem;
}

.grid-stack-item[gs-h="2"] {
  height: 12rem;
}

.grid-stack-item[gs-h="1"] {
  height: 6rem;
}

pre {
  white-space: pre-wrap;
  text-wrap: wrap;
}

code {
  text-wrap: wrap;
}

/* TributeJS (liquid autocomplete) */

.suggester {
  z-index: 9999;
}

.suggester .active {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Flags */

.iti__flag {
  background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@25.13.1/build/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
  .iti__flag {
    background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@25.13.1/build/img/flags@2x.png");
  }
}

/* Compatibility with old styles */

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.timezone-select {
  text-align: left;
}

.btn {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  display: inline-flex;
  align-items: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.pickr.btn .pcr-button,
.pickr.btn .pcr-button::before,
.pickr.btn .pcr-button::after {
  border-radius: 9999px;
}

/* Pagy */

.pagy.nav {
  isolation: isolate;
  display: inline-flex;
}

.pagy.nav > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}

.pagy.nav {
  border-radius: 0.375rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy {
  display: inline-flex;
}

.pagy a,
.pagy :not(.gap) {
  position: relative;
  display: inline-flex;
  align-items: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 140%;
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.pagy a:hover,
.pagy :not(.gap):hover {
  z-index: 10;
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.pagy a:focus,
.pagy :not(.gap):focus {
  z-index: 20;
}

.pagy a:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.pagy a:last-child:focus {
  z-index: 20;
}

.pagy a:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.pagy a:first-child:focus {
  z-index: 20;
}

.pagy a:not([href]) {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 140%;
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.pagy a.current {
  z-index: 20;
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 140%;
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

/**
 * Slack preview
 **/

.slack-preview-form label {
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 700;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

#cookie-consent-banner-container {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 900;
  margin: 1.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#cookie-consent-banner-container > div:first-child {
  border-radius: 10px;
  background: #1E1A33B2;
  font-size: 14px;
  width: 440px;
  padding: 20px;
  flex-direction: column;
}

@media (max-width: 600px) {
  #cookie-consent-banner-container > div:first-child {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
  }
}

/* Toggle button fields (radio/checkbox styled as buttons) */

label.btn-toggle input[type=checkbox],
label.btn-toggle input[type=radio] {
  display: none;
}

[data-tiptap--features--mention-popover-target="popup"]:not(label.btn-toggle input[type=checkbox]),[data-tiptap--features--mention-popover-target="popup"]:not(
label.btn-toggle input[type=radio]) {
  animation: mentionPopoverFadeIn 150ms ease-out;
}

label.btn-toggle input:not(:checked) + button {
  border-width: 1px;
  border-color: rgb(0 0 0 / 0.1);
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

label.btn-toggle input:not(:checked) + button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

label.btn-toggle input:checked + button {
  border-width: 1px;
  border-color: rgb(0 0 0 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

label.btn-toggle input:checked + button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

/* Required field asterisk (scoped to direct child label only) */

.required > label::after {
  content: '*';
  margin-left: 0.125rem;
  font-size: 1rem;
  line-height: 120%;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  vertical-align: -5.75pt;
}

/* Search result hover */

.search-result:hover, .search-result:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

/**
 * Markdown
 */

.redcarpet a {
  color: inherit;
  text-decoration: underline !important;
}

.main-summary-content p.redcarpet {
  margin-bottom: 0.75rem !important;
}

.highlight {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-wrap: wrap;
  border-radius: 0.375rem;
}

/* Hide scrollbar */

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Override styles for color picker (@simonwep/pickr) */

.pcr-app {
  width: 219px !important;
}

.pickr.rounded .pcr-button,
.pickr.rounded .pcr-button::before,
.pickr.rounded .pcr-button::after {
  border-radius: 9999px !important;
}

/**
  * Override styles for picmo(our emoji picker) https://picmojs.com/
  */

.rootly-picmo-popup {
  z-index: 50;
}

.rootly-picmo-popup .picmo__picker.picmo__picker {
  --secondary-background-color: rgb(242 240 239);
  --border-color: lightgray;
}

.rootly-picmo-popup .picmo__emojiButton:focus {
  border-radius: 0;
  background: transparent;
  outline: 0px;
}

/**
  * Add "and" if not the first li in the list
  * this is used for seperators on the conditions for workflows to not add extra logic
  */

.condition-seperator > li:not(:first-child)::before {
  content: "and ";
}

.main-condition-seperator > li:not(:first-child)::before {
  content: "AND";
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.incident-list-item-title-link::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}

/**
  * Remove browsers default cancel button for search fields
  */

input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.on-call-tissue-container {
  background: linear-gradient(0deg, rgba(233, 226, 255, 0) 0%, #f5f3fc 100%);
}

.floating-menu {
  box-shadow:
    0px 4px 8px 0px rgba(0, 0, 0, 0.1),
    0px 15px 15px 0px rgba(0, 0, 0, 0.09),
    0px 33px 20px 0px rgba(0, 0, 0, 0.05),
    0px 59px 23px 0px rgba(0, 0, 0, 0.01),
    0px 92px 26px 0px rgba(0, 0, 0, 0);
}

.floating-button {
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(180deg, #7849f6 0%, #5720ee 100%);
  box-shadow:
    0px 4px 8px 0px rgba(0, 0, 0, 0.1),
    0px 15px 15px 0px rgba(0, 0, 0, 0.09),
    0px 33px 20px 0px rgba(0, 0, 0, 0.05),
    0px 59px 23px 0px rgba(0, 0, 0, 0.01),
    0px 92px 26px 0px rgba(0, 0, 0, 0);
}

.locked-retro-bg {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.shift-floating-shadow {
  box-shadow: 0px 0px 20px 0px rgba(30, 26, 51, 0.16);
}

.shift-drop-shadow {
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

/* Prose fix for <P> nested in <LI> */

.prose li p:first-child {
  margin-top: 0px;
}

/* Fix field with error not taking up full width */

.conditional-datetime-component .field_with_errors,
.modal-component .field_with_errors {
  width: 100%;
}

json-viewer {
  /* Default/light theme styles */
  --background-color: white;
  --color: #575554;
  --font-family: monaco, Consolas, "Lucida Console", monospace;
  --font-size: inherit;
  --indent-size: 1.5em;
  --indentguide-size: 1px;
  --indentguide-style: solid;
  --indentguide-color: #eaeaea;
  --indentguide-color-active: #d0d0d0;
  --indentguide: var(--indentguide-size) var(--indentguide-style)
    var(--indentguide-color);
  --indentguide-active: var(--indentguide-size) var(--indentguide-style)
    var(--indentguide-color-active);
  /* Types colors */
  --string-color: #008000;
  --number-color: #ee422e;
  --boolean-color: #ff8c00;
  --null-color: #004ed0;
  --property-color: #575554;
  /* Collapsed node preview */
  --preview-color: #b2b0ad;
  /* Search highlight color */
  --highlight-color: #fcf2cf;
  line-height: 1.5;
}

/* Light theme class (same as default for backward compatibility) */

.json-viewer-light {
  --background-color: white;
  --color: #575554;
  --indentguide-color: #eaeaea;
  --indentguide-color-active: #d0d0d0;
  /* Types colors */
  --string-color: #008000;
  --number-color: #ee422e;
  --boolean-color: #ff8c00;
  --null-color: #004ed0;
  --property-color: #575554;
  /* Collapsed node preview */
  --preview-color: #b2b0ad;
  /* Search highlight color */
  --highlight-color: #fcf2cf;
}

.json-viewer-compact {
  --background-color: transparent;
  --font-family: 'Source Code Pro', monospace;
  --font-size: 0.75rem;
  --line-height: 1rem;
}

.json-viewer-compact::part(object) {
  margin: 0;
}

.json-viewer-compact::part(key)::before {
  width: 0.75rem;
  margin-left: calc(0.75rem * -1);
}

/* Dark theme class */

.json-viewer-dark {
  --background-color: #1e1e1e;
  --color: #f8f8f2;
  --indentguide-color: #333;
  --indentguide-color-active: #666;
  /* Types colors */
  --string-color: #a3eea0;
  --number-color: #d19a66;
  --boolean-color: #4ba7ef;
  --null-color: #df9cf3;
  --property-color: #6fb3d2;
  /* Collapsed node preview */
  --preview-color: #deae8f;
  /* Search highlight color */
  --highlight-color: #c92a2a;
  /* Add padding */
  padding: 1rem;
  border-radius: 0.375rem;
}

/* Alerts payload JSON viewer - wrap long values to prevent horizontal overflow */

.alerts-payload-json json-viewer::part(primitive-string) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.white_backdrop::-ms-backdrop {
  background-color: white;
}

.white_backdrop::backdrop {
  background-color: white;
}

.with_slack_icon_prefix .choices__inner {
  background-image: url(/assets/integrations/slack-5c3a3e1c798a16714d99e8fa2fc8bb522a9e40fd69d4b1cfa8995aeb4adfc475.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left 8px center;
  padding-left: 30px;
}

.open_alert_bg {
  background: white;
}

.triggered_alert_bg {
  background: linear-gradient(
    90deg,
    rgba(244, 207, 209, 0.1) 0%,
    rgba(244, 207, 209, 0.4) 100%
  );
}

.acknowledged_alert_bg {
  background: linear-gradient(
    90deg,
    rgba(250, 238, 230, 0.1) 0%,
    rgba(250, 238, 230, 0.8) 100%
  );
}

.resolved_alert_bg {
  background: linear-gradient(
    90deg,
    rgba(230, 250, 238, 0.2) 0%,
    rgba(230, 250, 238, 0.6) 100%
  );
}

.deferred_alert_bg {
  background: linear-gradient(
    90deg,
    rgba(219, 234, 254, 0.1) 0%,
    rgba(219, 234, 254, 0.8) 100%
  );
}

td.alerts_index_actions_bg {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 6.49%);
  border-radius: 0.5rem;
}

tr:hover td.alerts_index_actions_bg {
  background: linear-gradient(90deg, rgba(252, 251, 250, 0) 0%, #fcfbfa 6.49%);
  border-radius: 0.5rem;
}

table:has(.table_row) .hidden_if_table_has_table_row_class {
  display: none;
}

.light_purple_gradient {
  background: linear-gradient(
    306deg,
    #e9e2ff 12.85%,
    rgba(245, 243, 252, 0.5) 84.86%
  );
}

.split_pane_header_background {
  background: linear-gradient(180deg, #fff 81.9%, rgba(255, 255, 255, 0) 100%);
}

/* status page */

.sp-error-bg {
  background-color: rgba(250, 230, 232, 0.7);
}

.sp-success-bg {
  background-color: #e4f6ec;
}

.overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.8);
  /* Tailwind gray-400 */
  border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(107, 114, 128, 0.9);
  /* Tailwind gray-500 on hover */
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(243, 244, 246, 0.5);
  /* Tailwind gray-100 */
  border-radius: 4px;
}

.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.8) rgba(243, 244, 246, 0.5);
}

.scrollbar-on-hover {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  transition: scrollbar-color 0.2s ease;
}

.scrollbar-on-hover:hover,
.scrollbar-on-hover:focus-within {
  scrollbar-color: color-mix(in srgb, var(--gray-4, #9ca3af) 80%, transparent)
    transparent;
}

.scrollbar-on-hover::-webkit-scrollbar {
  width: 8px;
}

.scrollbar-on-hover::-webkit-scrollbar-track {
  background: transparent;
}

.scrollbar-on-hover::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.scrollbar-on-hover:hover::-webkit-scrollbar-thumb,
.scrollbar-on-hover:focus-within::-webkit-scrollbar-thumb {
  background-color: color-mix(
    in srgb,
    var(--gray-4, #9ca3af) 80%,
    transparent
  );
  /* gray-4 @ 80% */
}

.scrollbar-on-hover::-webkit-scrollbar-thumb:hover {
  background-color: color-mix(
    in srgb,
    var(--gray-5, #6b7280) 90%,
    transparent
  );
  /* gray-5 @ 90% */
}

.white-scrollbar::-webkit-scrollbar {
  width: 8px;
}

.white-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(209, 213, 219, 0.8);
  /* Tailwind gray-300 */
  border-radius: 9999px;
}

.white-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.9);
  /* Tailwind gray-400 on hover */
}

.white-scrollbar::-webkit-scrollbar-track {
  background: white;
  border-radius: 9999px;
}

.white-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: rgba(209, 213, 219, 0.8) white;
}

/* Custom operator select styling */

.custom-operator-select .choices__inner {
  min-height: 0px;
  padding-left: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 1.5rem;
  font-size: 0.75rem;
  line-height: 130%;
}

.custom-operator-select .choices__inner .hero-icon {
  height: 0.875rem;
}

.custom-operator-select .choices__list--single {
  font-size: 0.75rem;
  line-height: 130%;
}

.custom-operator-select .choices__list--single .hero-icon {
  height: 0.875rem;
}

.custom-operator-select .choices__item--selectable {
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 130%;
}

.custom-operator-select .choices__item--selectable .hero-icon {
  height: 0.875rem;
}

/* IR-2013: Reset Tippy.js styles for rootly-dropdown theme to override Apollo extension injection */

.tippy-box[data-theme~="rootly-dropdown"],
.tippy-box[data-theme~="rootly-dropdown"] .tippy-arrow,
.tippy-box[data-theme~="rootly-dropdown"] .tippy-arrow::before {
  all: revert !important;
}

.tippy-box[data-theme~="rootly-dropdown"] .tippy-arrow::before,
.tippy-box[data-theme~="rootly-dropdown"] .tippy-arrow::after,
.tippy-box[data-theme~="rootly-dropdown"] .tippy-arrow {
  display: none !important;
}

.tippy-box[data-theme~="rootly-dropdown"] .tippy-content {
  padding: revert !important;
}

.marker\:text-v2-icon-ai-subdued *::marker {
  color: rgb(151 146 218 );
}

.marker\:text-v2-icon-ai-subdued::marker {
  color: rgb(151 146 218 );
}

.selection\:bg-transparent *::-moz-selection {
  background-color: transparent;
}

.selection\:bg-transparent *::selection {
  background-color: transparent;
}

.selection\:text-inherit *::-moz-selection {
  font-size: inherit;
  color: inherit;
}

.selection\:text-inherit *::selection {
  font-size: inherit;
  color: inherit;
}

.selection\:bg-transparent::-moz-selection {
  background-color: transparent;
}

.selection\:bg-transparent::selection {
  background-color: transparent;
}

.selection\:text-inherit::-moz-selection {
  font-size: inherit;
  color: inherit;
}

.selection\:text-inherit::selection {
  font-size: inherit;
  color: inherit;
}

.file\:mr-4::-webkit-file-upload-button {
  margin-right: 1rem;
}

.file\:mr-4::file-selector-button {
  margin-right: 1rem;
}

.file\:rounded-md::-webkit-file-upload-button {
  border-radius: 0.375rem;
}

.file\:rounded-md::file-selector-button {
  border-radius: 0.375rem;
}

.file\:border-0::-webkit-file-upload-button {
  border-width: 0px;
}

.file\:border-0::file-selector-button {
  border-width: 0px;
}

.file\:bg-indigo-50::-webkit-file-upload-button {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.file\:bg-indigo-50::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.file\:px-4::-webkit-file-upload-button {
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:px-4::file-selector-button {
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:py-2::-webkit-file-upload-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:py-2::file-selector-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:text-sm::-webkit-file-upload-button {
  font-size: 0.75rem;
  line-height: 130%;
}

.file\:text-sm::file-selector-button {
  font-size: 0.75rem;
  line-height: 130%;
}

.file\:font-semibold::-webkit-file-upload-button {
  font-weight: 600;
}

.file\:font-semibold::file-selector-button {
  font-weight: 600;
}

.file\:text-indigo-700::-webkit-file-upload-button {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.file\:text-indigo-700::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.placeholder\:\!text-v2-placeholder::-moz-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1)) !important;
}

.placeholder\:\!text-v2-placeholder::-ms-input-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1)) !important;
}

.placeholder\:\!text-v2-placeholder::placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1)) !important;
}

.placeholder\:text-v2-placeholder::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.placeholder\:text-v2-placeholder::-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.placeholder\:text-v2-placeholder::placeholder {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.placeholder\:text-v2-tertiary::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.placeholder\:text-v2-tertiary::-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.placeholder\:text-v2-tertiary::placeholder {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.placeholder\:transition-colors::-moz-placeholder {
  -moz-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.placeholder\:transition-colors::-ms-input-placeholder {
  -ms-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.placeholder\:transition-colors::placeholder {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.backdrop\:bg-gray-900\/40::-ms-backdrop {
  background-color: rgb(87 85 84 / 0.4);
}

.backdrop\:bg-gray-900\/40::backdrop {
  background-color: rgb(87 85 84 / 0.4);
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-0::before {
  content: var(--tw-content);
  inset: 0px;
}

.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0px;
}

.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}

.before\:left-1\/2::before {
  content: var(--tw-content);
  left: 50%;
}

.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}

.before\:top-1\/2::before {
  content: var(--tw-content);
  top: 50%;
}

.before\:-z-10::before {
  content: var(--tw-content);
  z-index: -10;
}

.before\:z-0::before {
  content: var(--tw-content);
  z-index: 0;
}

.before\:me-6::before {
  content: var(--tw-content);
  -webkit-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
}

.before\:block::before {
  content: var(--tw-content);
  display: block;
}

.before\:\!hidden::before {
  content: var(--tw-content);
  display: none !important;
}

.before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}

.before\:h-px::before {
  content: var(--tw-content);
  height: 1px;
}

.before\:w-0\.5::before {
  content: var(--tw-content);
  width: 0.125rem;
}

.before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}

.before\:flex-1::before {
  content: var(--tw-content);
  flex: 1 1 0%;
}

.before\:grow::before {
  content: var(--tw-content);
  flex-grow: 1;
}

.before\:-translate-x-1\/2::before {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:border-b::before {
  content: var(--tw-content);
  border-bottom-width: 1px;
}

.before\:border-t::before {
  content: var(--tw-content);
  border-top-width: 1px;
}

.before\:border-gray-200::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.before\:border-gray-300::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.before\:bg-current::before {
  content: var(--tw-content);
  background-color: currentColor;
}

.before\:bg-gray-300::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.before\:bg-transparent::before {
  content: var(--tw-content);
  background-color: transparent;
}

.before\:opacity-0::before {
  content: var(--tw-content);
  opacity: 0;
}

.before\:transition-opacity::before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.before\:content-\[\'\2022\'\]::before {
  --tw-content: '•';
  content: var(--tw-content);
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}

.after\:left-0\.5::after {
  content: var(--tw-content);
  left: 0.125rem;
}

.after\:top-0\.5::after {
  content: var(--tw-content);
  top: 0.125rem;
}

.after\:z-0::after {
  content: var(--tw-content);
  z-index: 0;
}

.after\:ms-6::after {
  content: var(--tw-content);
  -webkit-margin-start: 1.5rem;
          margin-inline-start: 1.5rem;
}

.after\:block::after {
  content: var(--tw-content);
  display: block;
}

.after\:\!hidden::after {
  content: var(--tw-content);
  display: none !important;
}

.after\:h-3::after {
  content: var(--tw-content);
  height: 0.75rem;
}

.after\:h-full::after {
  content: var(--tw-content);
  height: 100%;
}

.after\:h-px::after {
  content: var(--tw-content);
  height: 1px;
}

.after\:w-3::after {
  content: var(--tw-content);
  width: 0.75rem;
}

.after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}

.after\:flex-1::after {
  content: var(--tw-content);
  flex: 1 1 0%;
}

.after\:grow::after {
  content: var(--tw-content);
  flex-grow: 1;
}

.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border-t::after {
  content: var(--tw-content);
  border-top-width: 1px;
}

.after\:border-gray-200::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.after\:bg-gray-300::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.after\:bg-white::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.after\:text-gray-700::after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:content-\[\'-\'\]::after {
  --tw-content: '-';
  content: var(--tw-content);
}

.after\:content-\[\'\:\'\]::after {
  --tw-content: ':';
  content: var(--tw-content);
}

.first\:rounded-t-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.first\:rounded-t-md:first-child {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.first\:rounded-t-v2-lg:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.first\:border-t:first-child {
  border-top-width: 1px;
}

.first\:border-t-0:first-child {
  border-top-width: 0px;
}

.first\:pt-0:first-child {
  padding-top: 0px;
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.last\:rounded-b-lg:last-child {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.last\:rounded-b-md:last-child {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.last\:rounded-b-v2-lg:last-child {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.last\:rounded-b-v2-xl:last-child {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.last\:rounded-b-xl:last-child {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.last\:border-b:last-child {
  border-bottom-width: 1px;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.last\:pb-0:last-child {
  padding-bottom: 0px;
}

.odd\:bg-white:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.even\:bg-gray-50:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.visited\:text-purple-600:visited {
  color: rgb(119 72 246 );
}

.open\:animate-\[fadeIn_120ms_ease-out\][open] {
  animation: fadeIn 120ms ease-out;
}

.open\:overflow-visible[open] {
  overflow: visible;
}

.open\:border-v2-border-selected[open] {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.open\:shadow-v2-focus-subtle[open] {
  --tw-shadow: 0px 1px 4px 0px rgba(151, 146, 218, 0.15);
  --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.checked\:hidden:checked {
  display: none;
}

.read-only\:cursor-default:-moz-read-only {
  cursor: default;
}

.read-only\:cursor-default:read-only {
  cursor: default;
}

.read-only\:resize-none:-moz-read-only {
  resize: none;
}

.read-only\:resize-none:read-only {
  resize: none;
}

.empty\:hidden:empty {
  display: none;
}

.empty\:w-0:empty {
  width: 0px;
}

.empty\:before\:text-gray-500:empty::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.empty\:before\:text-v2-placeholder:empty::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.empty\:before\:content-\[attr\(data-placeholder\)\]:empty::before {
  --tw-content: attr(data-placeholder);
  content: var(--tw-content);
}

.focus-within\:z-10:focus-within {
  z-index: 10;
}

.focus-within\:z-\[2\]:focus-within {
  z-index: 2;
}

.focus-within\:border-v2-ai-border-strong:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-border-opacity, 1));
}

.focus-within\:border-v2-border-selected:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.focus-within\:border-v2-icon-ai-base:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.focus-within\:bg-v2-body:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-avocado-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(240 248 186 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-brick-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 204 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-cherry-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(252 221 224 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-critical-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(252 204 202 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-glacier-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(220 234 244 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-lavender-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-neutral-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-pothos-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(218 246 229 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-robin-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(187 249 244 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-rose-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(251 223 236 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-saffron-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 187 / var(--tw-bg-opacity, 1));
}

.focus-within\:bg-v2-chip-bg-tangerine-hover:focus-within {
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 187 / var(--tw-bg-opacity, 1));
}

.focus-within\:opacity-100:focus-within {
  opacity: 1;
}

.focus-within\:\!shadow-v2-focus:focus-within {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25) !important;
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus-within\:shadow-ai-glow:focus-within {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-v2-focus:focus-within {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:outline-none:focus-within {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-within\:\!ring-v2-border-selected:focus-within {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1)) !important;
}

.focus-within\:ring-indigo-600:focus-within {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1));
}

.focus-within\:ring-v2-border-selected\/20:focus-within {
  --tw-ring-color: rgb(84 70 162 / 0.2);
}

.focus-within\:ring-offset-2:focus-within {
  --tw-ring-offset-width: 2px;
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:divide-black:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-100:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(228 238 247 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-200:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-300:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 231 245 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-400:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-50:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(234 242 248 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-500:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-600:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-700:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(53 95 137 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-800:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-divide-opacity, 1));
}

.hover\:divide-blue-900:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-100:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-200:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-300:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-400:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-50:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-500:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-600:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-700:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-800:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
}

.hover\:divide-gray-900:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-100:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 250 238 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-200:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-300:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 245 225 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-400:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(60 184 120 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-50:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 253 244 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-500:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-600:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-700:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-800:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-divide-opacity, 1));
}

.hover\:divide-green-900:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-100:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 238 230 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-200:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-300:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 217 196 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-400:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-50:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 247 237 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-500:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-600:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-700:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-800:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-divide-opacity, 1));
}

.hover\:divide-orange-900:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-divide-opacity, 1));
}

.hover\:divide-primary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-primary-100:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-divide-opacity, 1));
}

.hover\:divide-primary-300:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-primary-50:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-divide-opacity, 1));
}

.hover\:divide-primary-500:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-primary-600:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-primary-700:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-divide-opacity, 1));
}

.hover\:divide-primary-800:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.hover\:divide-primary-900:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-100:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-200:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-300:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-400:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-50:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-500:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-600:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-700:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-800:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.hover\:divide-purple-900:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-100:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 230 232 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-200:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-300:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(244 207 209 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-400:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-50:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 242 242 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-500:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-600:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-700:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(186 57 60 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-800:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-divide-opacity, 1));
}

.hover\:divide-red-900:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-divide-opacity, 1));
}

.hover\:divide-rootly-orange:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(251 176 64 / var(--tw-divide-opacity, 1));
}

.hover\:divide-secondary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.hover\:divide-secondary-100:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-divide-opacity, 1));
}

.hover\:divide-secondary-300:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-divide-opacity, 1));
}

.hover\:divide-secondary-50:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.hover\:divide-secondary-500:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.hover\:divide-secondary-700:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-divide-opacity, 1));
}

.hover\:divide-secondary-900:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-divide-opacity, 1));
}

.hover\:divide-transparent:hover > :not([hidden]) ~ :not([hidden]) {
  border-color: transparent;
}

.hover\:divide-v2-ai-bg:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-bg-strong:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-bg-subtle:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 250 253 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-border-base:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-border-faint:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-border-strong:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-border-subdued:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-edit-border:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 28 81 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-primary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-secondary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(104 88 194 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-ai-tertiary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(116 104 203 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-background:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-background-overlay:hover > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(19, 19, 19, 0.15);
}

.hover\:divide-v2-body:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-border-base:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-border-critical:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 219 218 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-border-forms:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-border-selected:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-border-subdued:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-border-tooltip-shortcut:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-brand-bg:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-button-critical:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-button-critical-hover:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-button-critical-pressed:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(104 28 24 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-button-disabled:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-button-primary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(38 32 72 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-button-primary-hover:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(67 56 123 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-chip-bg-neutral:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-chip-border-neutral:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-chip-text-neutral:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 71 65 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-critical:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-critical-bg:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(253 243 242 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-default-shortcut-bg:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-disabled:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-divider:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-drawer:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-field-disabled:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-focus-shadow:hover > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(151, 146, 218, 0.25);
}

.hover\:divide-v2-icon-ai-base:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-icon-ai-subdued:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-icon-base:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 55 51 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-icon-critical:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-icon-disabled:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-icon-on-primary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-icon-subdued:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-level1:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-level2:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-level3:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 240 239 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-placeholder:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-popup:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-primary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-secondary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 83 77 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-selected:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-shortcut-text:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-subdued:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-success:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(46 97 64 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-success-bg:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(232 250 239 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-tertiary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-text-on-primary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-text-on-secondary:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-tooltip:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(54 46 100 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-tooltip-shortcut-bg:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-tooltip-shortcut-text:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-warning:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(127 80 12 / var(--tw-divide-opacity, 1));
}

.hover\:divide-v2-warning-bg:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 251 214 / var(--tw-divide-opacity, 1));
}

.hover\:divide-white:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-100:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 242 207 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-200:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-300:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 235 183 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-400:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-50:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 252 232 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-500:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-600:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-700:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 122 37 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-800:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-divide-opacity, 1));
}

.hover\:divide-yellow-900:hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-divide-opacity, 1));
}

.hover\:rounded-lg:hover {
  border-radius: 0.5rem;
}

.hover\:rounded-sm:hover {
  border-radius: 0.125rem;
}

.hover\:rounded-t-v2-sm:hover {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.hover\:border-blue:hover {
  --tw-border-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(228 238 247 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(215 231 245 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 242 248 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(53 95 137 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity, 1));
}

.hover\:border-gray:hover {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.hover\:border-gray-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-border-opacity, 1));
}

.hover\:border-green:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-border-opacity, 1));
}

.hover\:border-green-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(230 250 238 / var(--tw-border-opacity, 1));
}

.hover\:border-green-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.hover\:border-green-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(215 245 225 / var(--tw-border-opacity, 1));
}

.hover\:border-green-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(60 184 120 / var(--tw-border-opacity, 1));
}

.hover\:border-green-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(240 253 244 / var(--tw-border-opacity, 1));
}

.hover\:border-green-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-border-opacity, 1));
}

.hover\:border-green-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.hover\:border-green-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}

.hover\:border-green-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.hover\:border-green-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-border-opacity, 1));
}

.hover\:border-orange:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 238 230 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(245 217 196 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 247 237 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
}

.hover\:border-orange-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-border-opacity, 1));
}

.hover\:border-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.hover\:border-primary-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-border-opacity, 1));
}

.hover\:border-purple:hover {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.hover\:border-purple-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-border-opacity, 1));
}

.hover\:border-red:hover {
  --tw-border-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-border-opacity, 1));
}

.hover\:border-red-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 230 232 / var(--tw-border-opacity, 1));
}

.hover\:border-red-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.hover\:border-red-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(244 207 209 / var(--tw-border-opacity, 1));
}

.hover\:border-red-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}

.hover\:border-red-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 242 242 / var(--tw-border-opacity, 1));
}

.hover\:border-red-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-border-opacity, 1));
}

.hover\:border-red-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.hover\:border-red-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(186 57 60 / var(--tw-border-opacity, 1));
}

.hover\:border-red-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.hover\:border-red-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}

.hover\:border-rootly-orange:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 176 64 / var(--tw-border-opacity, 1));
}

.hover\:border-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.hover\:border-secondary-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.hover\:border-secondary-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.hover\:border-secondary-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.hover\:border-secondary-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.hover\:border-secondary-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-border-opacity, 1));
}

.hover\:border-secondary-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-border-opacity, 1));
}

.hover\:border-transparent:hover {
  border-color: transparent;
}

.hover\:border-v2-ai-bg:hover {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-bg-strong:hover {
  --tw-border-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-bg-subtle:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 253 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-border-base:hover {
  --tw-border-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-border-faint:hover {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-border-strong:hover {
  --tw-border-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-border-subdued:hover {
  --tw-border-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-edit-border:hover {
  --tw-border-opacity: 1;
  border-color: rgb(178 28 81 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(104 88 194 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-ai-tertiary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(116 104 203 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-background:hover {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-background-overlay:hover {
  border-color: rgba(19, 19, 19, 0.15);
}

.hover\:border-v2-body:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-border-base:hover {
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-border-critical:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 219 218 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-border-forms:hover {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-border-selected:hover {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-border-subdued:hover {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-border-tooltip-shortcut:hover {
  --tw-border-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-brand-bg:hover {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-button-critical:hover {
  --tw-border-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-button-critical-hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-button-critical-pressed:hover {
  --tw-border-opacity: 1;
  border-color: rgb(104 28 24 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-button-disabled:hover {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-button-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(38 32 72 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-button-primary-hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 123 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-chip-bg-neutral:hover {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-chip-border-neutral:hover {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-chip-text-neutral:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 71 65 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-critical:hover {
  --tw-border-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-critical-bg:hover {
  --tw-border-opacity: 1;
  border-color: rgb(253 243 242 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-default-shortcut-bg:hover {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-disabled:hover {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-divider:hover {
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-drawer:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-field-disabled:hover {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-focus-shadow:hover {
  border-color: rgba(151, 146, 218, 0.25);
}

.hover\:border-v2-icon-ai-base:hover {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-icon-ai-subdued:hover {
  --tw-border-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-icon-base:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 55 51 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-icon-critical:hover {
  --tw-border-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-icon-disabled:hover {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-icon-on-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-icon-subdued:hover {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-level1:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-level2:hover {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-level3:hover {
  --tw-border-opacity: 1;
  border-color: rgb(240 240 239 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-placeholder:hover {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-popup:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(87 83 77 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-selected:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-shortcut-text:hover {
  --tw-border-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-subdued:hover {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-success:hover {
  --tw-border-opacity: 1;
  border-color: rgb(46 97 64 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-success-bg:hover {
  --tw-border-opacity: 1;
  border-color: rgb(232 250 239 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-tertiary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-text-on-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-text-on-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-tooltip:hover {
  --tw-border-opacity: 1;
  border-color: rgb(54 46 100 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-tooltip-shortcut-bg:hover {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-tooltip-shortcut-text:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-warning:hover {
  --tw-border-opacity: 1;
  border-color: rgb(127 80 12 / var(--tw-border-opacity, 1));
}

.hover\:border-v2-warning-bg:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 251 214 / var(--tw-border-opacity, 1));
}

.hover\:border-white:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.hover\:border-white\/10:hover {
  border-color: rgb(255 255 255 / 0.1);
}

.hover\:border-yellow:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-100:hover {
  --tw-border-opacity: 1;
  border-color: rgb(252 242 207 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 235 183 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-50:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 252 232 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(178 122 37 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-800:hover {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}

.hover\:border-yellow-900:hover {
  --tw-border-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-border-opacity, 1));
}

.hover\:\!bg-gray-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-gray-50:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-green-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(230 250 238 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-lavender-4:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-orange-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 238 230 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-transparent:hover {
  background-color: transparent !important;
}

.hover\:\!bg-v2-button-critical-hover:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-v2-button-primary-hover:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(67 56 123 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-v2-level3:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-white:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-\[\#e9e9f7\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 247 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(33 114 217 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 238 247 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 224 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(215 231 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 248 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(33 114 217 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 95 137 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-dove-grey-1:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(120 118 116 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 250 238 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(215 245 225 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(60 184 120 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-inherit:hover {
  background-color: inherit;
}

.hover\:bg-orange:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 238 230 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 217 196 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(154 52 18 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
}

.hover\:bg-pothos-12:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(52 114 73 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(159 122 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 32 238 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(159 122 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-50\/30:hover {
  background-color: rgb(245 243 252 / 0.3);
}

.hover\:bg-purple-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 32 238 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(199 60 64 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 230 232 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 207 209 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(199 60 64 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(186 57 60 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rootly-orange:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 176 64 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(120 118 116 / var(--tw-bg-opacity, 1));
}

.hover\:bg-secondary-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

.hover\:bg-tangerine-12:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(167 77 25 / var(--tw-bg-opacity, 1));
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-v2-ai-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-bg-strong:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-bg-subtle:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 253 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-border-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-border-faint:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-border-strong:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(151 146 218 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-border-subdued:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-edit-border:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(178 28 81 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(104 88 194 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-ai-tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(116 104 203 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-background:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-background-overlay:hover {
  background-color: rgba(19, 19, 19, 0.15);
}

.hover\:bg-v2-body:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-border-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 217 215 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-border-critical:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 219 218 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-border-forms:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-border-selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-border-subdued:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-border-tooltip-shortcut:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-brand-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-button-critical:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-button-critical-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-button-critical-pressed:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(104 28 24 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-button-disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-button-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-button-primary-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 123 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-avocado-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 248 186 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-brick-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 204 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-cherry-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 221 224 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-critical-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 204 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-glacier-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 234 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-lavender-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-neutral:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-neutral-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-pothos-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(218 246 229 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-robin-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(187 249 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-rose-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 223 236 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-saffron-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 187 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-bg-tangerine-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 187 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-border-neutral:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-chip-text-neutral:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 71 65 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-critical:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-critical-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-default-shortcut-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-divider:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 217 215 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-drawer:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-field-disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-focus-shadow:hover {
  background-color: rgba(151, 146, 218, 0.25);
}

.hover\:bg-v2-icon-ai-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-icon-ai-subdued:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(151 146 218 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-icon-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 55 51 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-icon-critical:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-icon-disabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-icon-on-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-icon-subdued:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-level1:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-level2:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-level3:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-placeholder:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-popup:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 35 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 77 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-shortcut-text:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(108 103 97 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-subdued:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-success:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(46 97 64 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-success-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 250 239 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(108 103 97 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-text-on-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-text-on-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 35 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-tooltip:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(54 46 100 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-tooltip-shortcut-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-tooltip-shortcut-text:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-warning:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(127 80 12 / var(--tw-bg-opacity, 1));
}

.hover\:bg-v2-warning-bg:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 214 / var(--tw-bg-opacity, 1));
}

.hover\:bg-violet-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/60:hover {
  background-color: rgb(255 255 255 / 0.6);
}

.hover\:bg-yellow:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 242 207 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 235 183 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(178 122 37 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

.hover\:from-\[\#9073F0\]:hover {
  --tw-gradient-from: #9073F0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(144 115 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-black:hover {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue:hover {
  --tw-gradient-from: #2172d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(33 114 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-100:hover {
  --tw-gradient-from: #E4EEF7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(228 238 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-200:hover {
  --tw-gradient-from: #CBE0F0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(203 224 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-300:hover {
  --tw-gradient-from: #D7E7F5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 231 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-400:hover {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-50:hover {
  --tw-gradient-from: #EAF2F8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 242 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-500:hover {
  --tw-gradient-from: #2172d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(33 114 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-600:hover {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-700:hover {
  --tw-gradient-from: #355F89 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(53 95 137 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-800:hover {
  --tw-gradient-from: #1e40af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-900:hover {
  --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray:hover {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-100:hover {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-200:hover {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-300:hover {
  --tw-gradient-from: #E6E4E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 228 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-400:hover {
  --tw-gradient-from: #9ca3af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-50:hover {
  --tw-gradient-from: #FCFBFA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-500:hover {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-600:hover {
  --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-700:hover {
  --tw-gradient-from: #787674 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 118 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-800:hover {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-900:hover {
  --tw-gradient-from: #575554 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 85 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green:hover {
  --tw-gradient-from: #3B8552 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 133 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-100:hover {
  --tw-gradient-from: #E6FAEE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 250 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-200:hover {
  --tw-gradient-from: #bbf7d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-300:hover {
  --tw-gradient-from: #D7F5E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 245 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-400:hover {
  --tw-gradient-from: #3CB878 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(60 184 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-50:hover {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-500:hover {
  --tw-gradient-from: #3B8552 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 133 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-600:hover {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-700:hover {
  --tw-gradient-from: #15803d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-800:hover {
  --tw-gradient-from: #166534 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-900:hover {
  --tw-gradient-from: #14532d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange:hover {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-100:hover {
  --tw-gradient-from: #FAEEE6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 238 230 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-200:hover {
  --tw-gradient-from: #fed7aa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-300:hover {
  --tw-gradient-from: #F5D9C4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 217 196 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-400:hover {
  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-50:hover {
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-500:hover {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-600:hover {
  --tw-gradient-from: #ea580c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-700:hover {
  --tw-gradient-from: #c2410c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-800:hover {
  --tw-gradient-from: #9a3412 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-900:hover {
  --tw-gradient-from: #7c2d12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary:hover {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-100:hover {
  --tw-gradient-from: #E9E2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 226 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-300:hover {
  --tw-gradient-from: #9F7AF6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 122 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-50:hover {
  --tw-gradient-from: #F5F3FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-500:hover {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-600:hover {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-700:hover {
  --tw-gradient-from: #5720EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 32 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-800:hover {
  --tw-gradient-from: #5446A2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-primary-900:hover {
  --tw-gradient-from: #1E1A33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 26 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple:hover {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-100:hover {
  --tw-gradient-from: #E9E2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 226 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-200:hover {
  --tw-gradient-from: #e9d5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-300:hover {
  --tw-gradient-from: #9F7AF6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 122 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-400:hover {
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-50:hover {
  --tw-gradient-from: #F5F3FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-500:hover {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-600:hover {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-700:hover {
  --tw-gradient-from: #5720EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 32 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-800:hover {
  --tw-gradient-from: #5446A2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-900:hover {
  --tw-gradient-from: #1E1A33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 26 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red:hover {
  --tw-gradient-from: #C73C40 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 60 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-100:hover {
  --tw-gradient-from: #FAE6E8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 230 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-200:hover {
  --tw-gradient-from: #fecaca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-300:hover {
  --tw-gradient-from: #F4CFD1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 207 209 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-400:hover {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-50:hover {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-500:hover {
  --tw-gradient-from: #C73C40 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 60 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-600:hover {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-700:hover {
  --tw-gradient-from: #BA393C var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(186 57 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-800:hover {
  --tw-gradient-from: #991b1b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-900:hover {
  --tw-gradient-from: #7f1d1d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-rootly-orange:hover {
  --tw-gradient-from: #FBB040 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 176 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-secondary:hover {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-secondary-100:hover {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-secondary-300:hover {
  --tw-gradient-from: #E6E4E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 228 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-secondary-50:hover {
  --tw-gradient-from: #FCFBFA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-secondary-500:hover {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-secondary-700:hover {
  --tw-gradient-from: #787674 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 118 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-secondary-900:hover {
  --tw-gradient-from: #575554 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 85 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-transparent:hover {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-bg:hover {
  --tw-gradient-from: #f3f3fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 243 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-bg-strong:hover {
  --tw-gradient-from: #e3e3f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 227 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-bg-subtle:hover {
  --tw-gradient-from: #fafafd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-border-base:hover {
  --tw-gradient-from: #c3c3ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 195 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-border-faint:hover {
  --tw-gradient-from: #d7d7f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 215 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-border-strong:hover {
  --tw-gradient-from: #9792da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 146 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-border-subdued:hover {
  --tw-gradient-from: #e3e3f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 227 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-edit-border:hover {
  --tw-gradient-from: #b21c51 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 28 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-primary:hover {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-secondary:hover {
  --tw-gradient-from: #6858c2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(104 88 194 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-ai-tertiary:hover {
  --tw-gradient-from: #7468cb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(116 104 203 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-background:hover {
  --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-background-overlay:hover {
  --tw-gradient-from: rgba(19, 19, 19, 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(19, 19, 19, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-body:hover {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-border-base:hover {
  --tw-gradient-from: #dcd9d7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 217 215 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-border-critical:hover {
  --tw-gradient-from: #fcdbda var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 219 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-border-forms:hover {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-border-selected:hover {
  --tw-gradient-from: #5446a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-border-subdued:hover {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-border-tooltip-shortcut:hover {
  --tw-gradient-from: #c3c3ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 195 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-brand-bg:hover {
  --tw-gradient-from: #f3f3fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 243 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-button-critical:hover {
  --tw-gradient-from: #ad211a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 33 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-button-critical-hover:hover {
  --tw-gradient-from: #97201b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 32 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-button-critical-pressed:hover {
  --tw-gradient-from: #681c18 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(104 28 24 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-button-disabled:hover {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-button-primary:hover {
  --tw-gradient-from: #262048 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(38 32 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-button-primary-hover:hover {
  --tw-gradient-from: #43387b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 56 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-chip-bg-neutral:hover {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-chip-border-neutral:hover {
  --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-chip-text-neutral:hover {
  --tw-gradient-from: #4a4741 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 71 65 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-critical:hover {
  --tw-gradient-from: #ad211a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 33 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-critical-bg:hover {
  --tw-gradient-from: #fdf3f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 243 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-default-shortcut-bg:hover {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-disabled:hover {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-divider:hover {
  --tw-gradient-from: #dcd9d7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 217 215 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-drawer:hover {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-field-disabled:hover {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-focus-shadow:hover {
  --tw-gradient-from: rgba(151, 146, 218, 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(151, 146, 218, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-icon-ai-base:hover {
  --tw-gradient-from: #5446a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-icon-ai-subdued:hover {
  --tw-gradient-from: #9792da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 146 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-icon-base:hover {
  --tw-gradient-from: #3b3733 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 55 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-icon-critical:hover {
  --tw-gradient-from: #97201b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 32 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-icon-disabled:hover {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-icon-on-primary:hover {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-icon-subdued:hover {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-level1:hover {
  --tw-gradient-from: #fcfbfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-level2:hover {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-level3:hover {
  --tw-gradient-from: #f0f0ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-placeholder:hover {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-popup:hover {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-primary:hover {
  --tw-gradient-from: #292523 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 37 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-secondary:hover {
  --tw-gradient-from: #57534d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 83 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-selected:hover {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-shortcut-text:hover {
  --tw-gradient-from: #6c6761 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(108 103 97 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-subdued:hover {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-success:hover {
  --tw-gradient-from: #2e6140 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(46 97 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-success-bg:hover {
  --tw-gradient-from: #e8faef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 250 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-tertiary:hover {
  --tw-gradient-from: #6c6761 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(108 103 97 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-text-on-primary:hover {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-text-on-secondary:hover {
  --tw-gradient-from: #292523 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 37 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-tooltip:hover {
  --tw-gradient-from: #362e64 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(54 46 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-tooltip-shortcut-bg:hover {
  --tw-gradient-from: #d7d7f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 215 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-tooltip-shortcut-text:hover {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-warning:hover {
  --tw-gradient-from: #7f500c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 80 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-v2-warning-bg:hover {
  --tw-gradient-from: #fafbd6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 251 214 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-white:hover {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow:hover {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-100:hover {
  --tw-gradient-from: #FCF2CF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 242 207 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-200:hover {
  --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-300:hover {
  --tw-gradient-from: #FAEBB7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 235 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-400:hover {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-50:hover {
  --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-500:hover {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-600:hover {
  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-700:hover {
  --tw-gradient-from: #B27A25 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 122 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-800:hover {
  --tw-gradient-from: #854d0e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(133 77 14 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-900:hover {
  --tw-gradient-from: #713f12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-\[\#7957E9\]:hover {
  --tw-gradient-to: #7957E9 var(--tw-gradient-to-position);
}

.hover\:to-black:hover {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}

.hover\:to-blue:hover {
  --tw-gradient-to: #2172d9 var(--tw-gradient-to-position);
}

.hover\:to-blue-100:hover {
  --tw-gradient-to: #E4EEF7 var(--tw-gradient-to-position);
}

.hover\:to-blue-200:hover {
  --tw-gradient-to: #CBE0F0 var(--tw-gradient-to-position);
}

.hover\:to-blue-300:hover {
  --tw-gradient-to: #D7E7F5 var(--tw-gradient-to-position);
}

.hover\:to-blue-400:hover {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}

.hover\:to-blue-50:hover {
  --tw-gradient-to: #EAF2F8 var(--tw-gradient-to-position);
}

.hover\:to-blue-500:hover {
  --tw-gradient-to: #2172d9 var(--tw-gradient-to-position);
}

.hover\:to-blue-600:hover {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}

.hover\:to-blue-700:hover {
  --tw-gradient-to: #355F89 var(--tw-gradient-to-position);
}

.hover\:to-blue-800:hover {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}

.hover\:to-blue-900:hover {
  --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position);
}

.hover\:to-gray:hover {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.hover\:to-gray-100:hover {
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.hover\:to-gray-200:hover {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}

.hover\:to-gray-300:hover {
  --tw-gradient-to: #E6E4E1 var(--tw-gradient-to-position);
}

.hover\:to-gray-400:hover {
  --tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
}

.hover\:to-gray-50:hover {
  --tw-gradient-to: #FCFBFA var(--tw-gradient-to-position);
}

.hover\:to-gray-500:hover {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.hover\:to-gray-600:hover {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}

.hover\:to-gray-700:hover {
  --tw-gradient-to: #787674 var(--tw-gradient-to-position);
}

.hover\:to-gray-800:hover {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}

.hover\:to-gray-900:hover {
  --tw-gradient-to: #575554 var(--tw-gradient-to-position);
}

.hover\:to-green:hover {
  --tw-gradient-to: #3B8552 var(--tw-gradient-to-position);
}

.hover\:to-green-100:hover {
  --tw-gradient-to: #E6FAEE var(--tw-gradient-to-position);
}

.hover\:to-green-200:hover {
  --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position);
}

.hover\:to-green-300:hover {
  --tw-gradient-to: #D7F5E1 var(--tw-gradient-to-position);
}

.hover\:to-green-400:hover {
  --tw-gradient-to: #3CB878 var(--tw-gradient-to-position);
}

.hover\:to-green-50:hover {
  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
}

.hover\:to-green-500:hover {
  --tw-gradient-to: #3B8552 var(--tw-gradient-to-position);
}

.hover\:to-green-600:hover {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}

.hover\:to-green-700:hover {
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}

.hover\:to-green-800:hover {
  --tw-gradient-to: #166534 var(--tw-gradient-to-position);
}

.hover\:to-green-900:hover {
  --tw-gradient-to: #14532d var(--tw-gradient-to-position);
}

.hover\:to-orange:hover {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.hover\:to-orange-100:hover {
  --tw-gradient-to: #FAEEE6 var(--tw-gradient-to-position);
}

.hover\:to-orange-200:hover {
  --tw-gradient-to: #fed7aa var(--tw-gradient-to-position);
}

.hover\:to-orange-300:hover {
  --tw-gradient-to: #F5D9C4 var(--tw-gradient-to-position);
}

.hover\:to-orange-400:hover {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}

.hover\:to-orange-50:hover {
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}

.hover\:to-orange-500:hover {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.hover\:to-orange-600:hover {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}

.hover\:to-orange-700:hover {
  --tw-gradient-to: #c2410c var(--tw-gradient-to-position);
}

.hover\:to-orange-800:hover {
  --tw-gradient-to: #9a3412 var(--tw-gradient-to-position);
}

.hover\:to-orange-900:hover {
  --tw-gradient-to: #7c2d12 var(--tw-gradient-to-position);
}

.hover\:to-primary:hover {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.hover\:to-primary-100:hover {
  --tw-gradient-to: #E9E2FF var(--tw-gradient-to-position);
}

.hover\:to-primary-300:hover {
  --tw-gradient-to: #9F7AF6 var(--tw-gradient-to-position);
}

.hover\:to-primary-50:hover {
  --tw-gradient-to: #F5F3FC var(--tw-gradient-to-position);
}

.hover\:to-primary-500:hover {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.hover\:to-primary-600:hover {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.hover\:to-primary-700:hover {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.hover\:to-primary-800:hover {
  --tw-gradient-to: #5446A2 var(--tw-gradient-to-position);
}

.hover\:to-primary-900:hover {
  --tw-gradient-to: #1E1A33 var(--tw-gradient-to-position);
}

.hover\:to-purple:hover {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.hover\:to-purple-100:hover {
  --tw-gradient-to: #E9E2FF var(--tw-gradient-to-position);
}

.hover\:to-purple-200:hover {
  --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position);
}

.hover\:to-purple-300:hover {
  --tw-gradient-to: #9F7AF6 var(--tw-gradient-to-position);
}

.hover\:to-purple-400:hover {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.hover\:to-purple-50:hover {
  --tw-gradient-to: #F5F3FC var(--tw-gradient-to-position);
}

.hover\:to-purple-500:hover {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.hover\:to-purple-600:hover {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.hover\:to-purple-700:hover {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.hover\:to-purple-800:hover {
  --tw-gradient-to: #5446A2 var(--tw-gradient-to-position);
}

.hover\:to-purple-900:hover {
  --tw-gradient-to: #1E1A33 var(--tw-gradient-to-position);
}

.hover\:to-red:hover {
  --tw-gradient-to: #C73C40 var(--tw-gradient-to-position);
}

.hover\:to-red-100:hover {
  --tw-gradient-to: #FAE6E8 var(--tw-gradient-to-position);
}

.hover\:to-red-200:hover {
  --tw-gradient-to: #fecaca var(--tw-gradient-to-position);
}

.hover\:to-red-300:hover {
  --tw-gradient-to: #F4CFD1 var(--tw-gradient-to-position);
}

.hover\:to-red-400:hover {
  --tw-gradient-to: #f87171 var(--tw-gradient-to-position);
}

.hover\:to-red-50:hover {
  --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position);
}

.hover\:to-red-500:hover {
  --tw-gradient-to: #C73C40 var(--tw-gradient-to-position);
}

.hover\:to-red-600:hover {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.hover\:to-red-700:hover {
  --tw-gradient-to: #BA393C var(--tw-gradient-to-position);
}

.hover\:to-red-800:hover {
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position);
}

.hover\:to-red-900:hover {
  --tw-gradient-to: #7f1d1d var(--tw-gradient-to-position);
}

.hover\:to-rootly-orange:hover {
  --tw-gradient-to: #FBB040 var(--tw-gradient-to-position);
}

.hover\:to-secondary:hover {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.hover\:to-secondary-100:hover {
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.hover\:to-secondary-300:hover {
  --tw-gradient-to: #E6E4E1 var(--tw-gradient-to-position);
}

.hover\:to-secondary-50:hover {
  --tw-gradient-to: #FCFBFA var(--tw-gradient-to-position);
}

.hover\:to-secondary-500:hover {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.hover\:to-secondary-700:hover {
  --tw-gradient-to: #787674 var(--tw-gradient-to-position);
}

.hover\:to-secondary-900:hover {
  --tw-gradient-to: #575554 var(--tw-gradient-to-position);
}

.hover\:to-transparent:hover {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-bg:hover {
  --tw-gradient-to: #f3f3fa var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-bg-strong:hover {
  --tw-gradient-to: #e3e3f4 var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-bg-subtle:hover {
  --tw-gradient-to: #fafafd var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-border-base:hover {
  --tw-gradient-to: #c3c3ea var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-border-faint:hover {
  --tw-gradient-to: #d7d7f0 var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-border-strong:hover {
  --tw-gradient-to: #9792da var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-border-subdued:hover {
  --tw-gradient-to: #e3e3f4 var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-edit-border:hover {
  --tw-gradient-to: #b21c51 var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-primary:hover {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-secondary:hover {
  --tw-gradient-to: #6858c2 var(--tw-gradient-to-position);
}

.hover\:to-v2-ai-tertiary:hover {
  --tw-gradient-to: #7468cb var(--tw-gradient-to-position);
}

.hover\:to-v2-background:hover {
  --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position);
}

.hover\:to-v2-background-overlay:hover {
  --tw-gradient-to: rgba(19, 19, 19, 0.15) var(--tw-gradient-to-position);
}

.hover\:to-v2-body:hover {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.hover\:to-v2-border-base:hover {
  --tw-gradient-to: #dcd9d7 var(--tw-gradient-to-position);
}

.hover\:to-v2-border-critical:hover {
  --tw-gradient-to: #fcdbda var(--tw-gradient-to-position);
}

.hover\:to-v2-border-forms:hover {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.hover\:to-v2-border-selected:hover {
  --tw-gradient-to: #5446a2 var(--tw-gradient-to-position);
}

.hover\:to-v2-border-subdued:hover {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.hover\:to-v2-border-tooltip-shortcut:hover {
  --tw-gradient-to: #c3c3ea var(--tw-gradient-to-position);
}

.hover\:to-v2-brand-bg:hover {
  --tw-gradient-to: #f3f3fa var(--tw-gradient-to-position);
}

.hover\:to-v2-button-critical:hover {
  --tw-gradient-to: #ad211a var(--tw-gradient-to-position);
}

.hover\:to-v2-button-critical-hover:hover {
  --tw-gradient-to: #97201b var(--tw-gradient-to-position);
}

.hover\:to-v2-button-critical-pressed:hover {
  --tw-gradient-to: #681c18 var(--tw-gradient-to-position);
}

.hover\:to-v2-button-disabled:hover {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.hover\:to-v2-button-primary:hover {
  --tw-gradient-to: #262048 var(--tw-gradient-to-position);
}

.hover\:to-v2-button-primary-hover:hover {
  --tw-gradient-to: #43387b var(--tw-gradient-to-position);
}

.hover\:to-v2-chip-bg-neutral:hover {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.hover\:to-v2-chip-border-neutral:hover {
  --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position);
}

.hover\:to-v2-chip-text-neutral:hover {
  --tw-gradient-to: #4a4741 var(--tw-gradient-to-position);
}

.hover\:to-v2-critical:hover {
  --tw-gradient-to: #ad211a var(--tw-gradient-to-position);
}

.hover\:to-v2-critical-bg:hover {
  --tw-gradient-to: #fdf3f2 var(--tw-gradient-to-position);
}

.hover\:to-v2-default-shortcut-bg:hover {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.hover\:to-v2-disabled:hover {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.hover\:to-v2-divider:hover {
  --tw-gradient-to: #dcd9d7 var(--tw-gradient-to-position);
}

.hover\:to-v2-drawer:hover {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.hover\:to-v2-field-disabled:hover {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.hover\:to-v2-focus-shadow:hover {
  --tw-gradient-to: rgba(151, 146, 218, 0.25) var(--tw-gradient-to-position);
}

.hover\:to-v2-icon-ai-base:hover {
  --tw-gradient-to: #5446a2 var(--tw-gradient-to-position);
}

.hover\:to-v2-icon-ai-subdued:hover {
  --tw-gradient-to: #9792da var(--tw-gradient-to-position);
}

.hover\:to-v2-icon-base:hover {
  --tw-gradient-to: #3b3733 var(--tw-gradient-to-position);
}

.hover\:to-v2-icon-critical:hover {
  --tw-gradient-to: #97201b var(--tw-gradient-to-position);
}

.hover\:to-v2-icon-disabled:hover {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.hover\:to-v2-icon-on-primary:hover {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.hover\:to-v2-icon-subdued:hover {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.hover\:to-v2-level1:hover {
  --tw-gradient-to: #fcfbfa var(--tw-gradient-to-position);
}

.hover\:to-v2-level2:hover {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.hover\:to-v2-level3:hover {
  --tw-gradient-to: #f0f0ef var(--tw-gradient-to-position);
}

.hover\:to-v2-placeholder:hover {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.hover\:to-v2-popup:hover {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.hover\:to-v2-primary:hover {
  --tw-gradient-to: #292523 var(--tw-gradient-to-position);
}

.hover\:to-v2-secondary:hover {
  --tw-gradient-to: #57534d var(--tw-gradient-to-position);
}

.hover\:to-v2-selected:hover {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.hover\:to-v2-shortcut-text:hover {
  --tw-gradient-to: #6c6761 var(--tw-gradient-to-position);
}

.hover\:to-v2-subdued:hover {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.hover\:to-v2-success:hover {
  --tw-gradient-to: #2e6140 var(--tw-gradient-to-position);
}

.hover\:to-v2-success-bg:hover {
  --tw-gradient-to: #e8faef var(--tw-gradient-to-position);
}

.hover\:to-v2-tertiary:hover {
  --tw-gradient-to: #6c6761 var(--tw-gradient-to-position);
}

.hover\:to-v2-text-on-primary:hover {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.hover\:to-v2-text-on-secondary:hover {
  --tw-gradient-to: #292523 var(--tw-gradient-to-position);
}

.hover\:to-v2-tooltip:hover {
  --tw-gradient-to: #362e64 var(--tw-gradient-to-position);
}

.hover\:to-v2-tooltip-shortcut-bg:hover {
  --tw-gradient-to: #d7d7f0 var(--tw-gradient-to-position);
}

.hover\:to-v2-tooltip-shortcut-text:hover {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.hover\:to-v2-warning:hover {
  --tw-gradient-to: #7f500c var(--tw-gradient-to-position);
}

.hover\:to-v2-warning-bg:hover {
  --tw-gradient-to: #fafbd6 var(--tw-gradient-to-position);
}

.hover\:to-white:hover {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.hover\:to-yellow:hover {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.hover\:to-yellow-100:hover {
  --tw-gradient-to: #FCF2CF var(--tw-gradient-to-position);
}

.hover\:to-yellow-200:hover {
  --tw-gradient-to: #fef08a var(--tw-gradient-to-position);
}

.hover\:to-yellow-300:hover {
  --tw-gradient-to: #FAEBB7 var(--tw-gradient-to-position);
}

.hover\:to-yellow-400:hover {
  --tw-gradient-to: #facc15 var(--tw-gradient-to-position);
}

.hover\:to-yellow-50:hover {
  --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
}

.hover\:to-yellow-500:hover {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.hover\:to-yellow-600:hover {
  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
}

.hover\:to-yellow-700:hover {
  --tw-gradient-to: #B27A25 var(--tw-gradient-to-position);
}

.hover\:to-yellow-800:hover {
  --tw-gradient-to: #854d0e var(--tw-gradient-to-position);
}

.hover\:to-yellow-900:hover {
  --tw-gradient-to: #713f12 var(--tw-gradient-to-position);
}

.hover\:fill-black:hover {
  fill: #000;
}

.hover\:fill-blue:hover {
  fill: #2172d9;
}

.hover\:fill-blue-100:hover {
  fill: #E4EEF7;
}

.hover\:fill-blue-200:hover {
  fill: #CBE0F0;
}

.hover\:fill-blue-300:hover {
  fill: #D7E7F5;
}

.hover\:fill-blue-400:hover {
  fill: #60a5fa;
}

.hover\:fill-blue-50:hover {
  fill: #EAF2F8;
}

.hover\:fill-blue-500:hover {
  fill: #2172d9;
}

.hover\:fill-blue-600:hover {
  fill: #2563eb;
}

.hover\:fill-blue-700:hover {
  fill: #355F89;
}

.hover\:fill-blue-800:hover {
  fill: #1e40af;
}

.hover\:fill-blue-900:hover {
  fill: #1e3a8a;
}

.hover\:fill-gray:hover {
  fill: #B2B0AD;
}

.hover\:fill-gray-100:hover {
  fill: #F2F0EF;
}

.hover\:fill-gray-200:hover {
  fill: #e5e7eb;
}

.hover\:fill-gray-300:hover {
  fill: #E6E4E1;
}

.hover\:fill-gray-400:hover {
  fill: #9ca3af;
}

.hover\:fill-gray-50:hover {
  fill: #FCFBFA;
}

.hover\:fill-gray-500:hover {
  fill: #B2B0AD;
}

.hover\:fill-gray-600:hover {
  fill: #4b5563;
}

.hover\:fill-gray-700:hover {
  fill: #787674;
}

.hover\:fill-gray-800:hover {
  fill: #1f2937;
}

.hover\:fill-gray-900:hover {
  fill: #575554;
}

.hover\:fill-green:hover {
  fill: #3B8552;
}

.hover\:fill-green-100:hover {
  fill: #E6FAEE;
}

.hover\:fill-green-200:hover {
  fill: #bbf7d0;
}

.hover\:fill-green-300:hover {
  fill: #D7F5E1;
}

.hover\:fill-green-400:hover {
  fill: #3CB878;
}

.hover\:fill-green-50:hover {
  fill: #f0fdf4;
}

.hover\:fill-green-500:hover {
  fill: #3B8552;
}

.hover\:fill-green-600:hover {
  fill: #16a34a;
}

.hover\:fill-green-700:hover {
  fill: #15803d;
}

.hover\:fill-green-800:hover {
  fill: #166534;
}

.hover\:fill-green-900:hover {
  fill: #14532d;
}

.hover\:fill-orange:hover {
  fill: #E58A1F;
}

.hover\:fill-orange-100:hover {
  fill: #FAEEE6;
}

.hover\:fill-orange-200:hover {
  fill: #fed7aa;
}

.hover\:fill-orange-300:hover {
  fill: #F5D9C4;
}

.hover\:fill-orange-400:hover {
  fill: #fb923c;
}

.hover\:fill-orange-50:hover {
  fill: #fff7ed;
}

.hover\:fill-orange-500:hover {
  fill: #E58A1F;
}

.hover\:fill-orange-600:hover {
  fill: #ea580c;
}

.hover\:fill-orange-700:hover {
  fill: #c2410c;
}

.hover\:fill-orange-800:hover {
  fill: #9a3412;
}

.hover\:fill-orange-900:hover {
  fill: #7c2d12;
}

.hover\:fill-primary:hover {
  fill: #7748F6;
}

.hover\:fill-primary-100:hover {
  fill: #E9E2FF;
}

.hover\:fill-primary-300:hover {
  fill: #9F7AF6;
}

.hover\:fill-primary-50:hover {
  fill: #F5F3FC;
}

.hover\:fill-primary-500:hover {
  fill: #7748F6;
}

.hover\:fill-primary-600:hover {
  fill: #7748F6;
}

.hover\:fill-primary-700:hover {
  fill: #5720EE;
}

.hover\:fill-primary-800:hover {
  fill: #5446A2;
}

.hover\:fill-primary-900:hover {
  fill: #1E1A33;
}

.hover\:fill-purple:hover {
  fill: #7748F6;
}

.hover\:fill-purple-100:hover {
  fill: #E9E2FF;
}

.hover\:fill-purple-200:hover {
  fill: #e9d5ff;
}

.hover\:fill-purple-300:hover {
  fill: #9F7AF6;
}

.hover\:fill-purple-400:hover {
  fill: #c084fc;
}

.hover\:fill-purple-50:hover {
  fill: #F5F3FC;
}

.hover\:fill-purple-500:hover {
  fill: #7748F6;
}

.hover\:fill-purple-600:hover {
  fill: #7748F6;
}

.hover\:fill-purple-700:hover {
  fill: #5720EE;
}

.hover\:fill-purple-800:hover {
  fill: #5446A2;
}

.hover\:fill-purple-900:hover {
  fill: #1E1A33;
}

.hover\:fill-red:hover {
  fill: #C73C40;
}

.hover\:fill-red-100:hover {
  fill: #FAE6E8;
}

.hover\:fill-red-200:hover {
  fill: #fecaca;
}

.hover\:fill-red-300:hover {
  fill: #F4CFD1;
}

.hover\:fill-red-400:hover {
  fill: #f87171;
}

.hover\:fill-red-50:hover {
  fill: #fef2f2;
}

.hover\:fill-red-500:hover {
  fill: #C73C40;
}

.hover\:fill-red-600:hover {
  fill: #dc2626;
}

.hover\:fill-red-700:hover {
  fill: #BA393C;
}

.hover\:fill-red-800:hover {
  fill: #991b1b;
}

.hover\:fill-red-900:hover {
  fill: #7f1d1d;
}

.hover\:fill-rootly-orange:hover {
  fill: #FBB040;
}

.hover\:fill-secondary:hover {
  fill: #B2B0AD;
}

.hover\:fill-secondary-100:hover {
  fill: #F2F0EF;
}

.hover\:fill-secondary-300:hover {
  fill: #E6E4E1;
}

.hover\:fill-secondary-50:hover {
  fill: #FCFBFA;
}

.hover\:fill-secondary-500:hover {
  fill: #B2B0AD;
}

.hover\:fill-secondary-700:hover {
  fill: #787674;
}

.hover\:fill-secondary-900:hover {
  fill: #575554;
}

.hover\:fill-transparent:hover {
  fill: transparent;
}

.hover\:fill-v2-ai-bg:hover {
  fill: #f3f3fa;
}

.hover\:fill-v2-ai-bg-strong:hover {
  fill: #e3e3f4;
}

.hover\:fill-v2-ai-bg-subtle:hover {
  fill: #fafafd;
}

.hover\:fill-v2-ai-border-base:hover {
  fill: #c3c3ea;
}

.hover\:fill-v2-ai-border-faint:hover {
  fill: #d7d7f0;
}

.hover\:fill-v2-ai-border-strong:hover {
  fill: #9792da;
}

.hover\:fill-v2-ai-border-subdued:hover {
  fill: #e3e3f4;
}

.hover\:fill-v2-ai-edit-border:hover {
  fill: #b21c51;
}

.hover\:fill-v2-ai-primary:hover {
  fill: #4a3e8e;
}

.hover\:fill-v2-ai-secondary:hover {
  fill: #6858c2;
}

.hover\:fill-v2-ai-tertiary:hover {
  fill: #7468cb;
}

.hover\:fill-v2-background:hover {
  fill: #e7e5e4;
}

.hover\:fill-v2-background-overlay:hover {
  fill: rgba(19, 19, 19, 0.15);
}

.hover\:fill-v2-body:hover {
  fill: #ffffff;
}

.hover\:fill-v2-border-base:hover {
  fill: #dcd9d7;
}

.hover\:fill-v2-border-critical:hover {
  fill: #fcdbda;
}

.hover\:fill-v2-border-forms:hover {
  fill: #87817b;
}

.hover\:fill-v2-border-selected:hover {
  fill: #5446a2;
}

.hover\:fill-v2-border-subdued:hover {
  fill: #f7f7f6;
}

.hover\:fill-v2-border-tooltip-shortcut:hover {
  fill: #c3c3ea;
}

.hover\:fill-v2-brand-bg:hover {
  fill: #f3f3fa;
}

.hover\:fill-v2-button-critical:hover {
  fill: #ad211a;
}

.hover\:fill-v2-button-critical-hover:hover {
  fill: #97201b;
}

.hover\:fill-v2-button-critical-pressed:hover {
  fill: #681c18;
}

.hover\:fill-v2-button-disabled:hover {
  fill: #c6c2bf;
}

.hover\:fill-v2-button-primary:hover {
  fill: #262048;
}

.hover\:fill-v2-button-primary-hover:hover {
  fill: #43387b;
}

.hover\:fill-v2-chip-bg-neutral:hover {
  fill: #f7f7f6;
}

.hover\:fill-v2-chip-border-neutral:hover {
  fill: #e7e5e4;
}

.hover\:fill-v2-chip-text-neutral:hover {
  fill: #4a4741;
}

.hover\:fill-v2-critical:hover {
  fill: #ad211a;
}

.hover\:fill-v2-critical-bg:hover {
  fill: #fdf3f2;
}

.hover\:fill-v2-default-shortcut-bg:hover {
  fill: #f7f7f6;
}

.hover\:fill-v2-disabled:hover {
  fill: #c6c2bf;
}

.hover\:fill-v2-divider:hover {
  fill: #dcd9d7;
}

.hover\:fill-v2-drawer:hover {
  fill: #ffffff;
}

.hover\:fill-v2-field-disabled:hover {
  fill: #f7f7f6;
}

.hover\:fill-v2-focus-shadow:hover {
  fill: rgba(151, 146, 218, 0.25);
}

.hover\:fill-v2-icon-ai-base:hover {
  fill: #5446a2;
}

.hover\:fill-v2-icon-ai-subdued:hover {
  fill: #9792da;
}

.hover\:fill-v2-icon-base:hover {
  fill: #3b3733;
}

.hover\:fill-v2-icon-critical:hover {
  fill: #97201b;
}

.hover\:fill-v2-icon-disabled:hover {
  fill: #c6c2bf;
}

.hover\:fill-v2-icon-on-primary:hover {
  fill: #ffffff;
}

.hover\:fill-v2-icon-subdued:hover {
  fill: #87817b;
}

.hover\:fill-v2-level1:hover {
  fill: #fcfbfa;
}

.hover\:fill-v2-level2:hover {
  fill: #f7f7f6;
}

.hover\:fill-v2-level3:hover {
  fill: #f0f0ef;
}

.hover\:fill-v2-placeholder:hover {
  fill: #87817b;
}

.hover\:fill-v2-popup:hover {
  fill: #ffffff;
}

.hover\:fill-v2-primary:hover {
  fill: #292523;
}

.hover\:fill-v2-secondary:hover {
  fill: #57534d;
}

.hover\:fill-v2-selected:hover {
  fill: #4a3e8e;
}

.hover\:fill-v2-shortcut-text:hover {
  fill: #6c6761;
}

.hover\:fill-v2-subdued:hover {
  fill: #87817b;
}

.hover\:fill-v2-success:hover {
  fill: #2e6140;
}

.hover\:fill-v2-success-bg:hover {
  fill: #e8faef;
}

.hover\:fill-v2-tertiary:hover {
  fill: #6c6761;
}

.hover\:fill-v2-text-on-primary:hover {
  fill: #ffffff;
}

.hover\:fill-v2-text-on-secondary:hover {
  fill: #292523;
}

.hover\:fill-v2-tooltip:hover {
  fill: #362e64;
}

.hover\:fill-v2-tooltip-shortcut-bg:hover {
  fill: #d7d7f0;
}

.hover\:fill-v2-tooltip-shortcut-text:hover {
  fill: #4a3e8e;
}

.hover\:fill-v2-warning:hover {
  fill: #7f500c;
}

.hover\:fill-v2-warning-bg:hover {
  fill: #fafbd6;
}

.hover\:fill-white:hover {
  fill: #fff;
}

.hover\:fill-yellow:hover {
  fill: #E58A1F;
}

.hover\:fill-yellow-100:hover {
  fill: #FCF2CF;
}

.hover\:fill-yellow-200:hover {
  fill: #fef08a;
}

.hover\:fill-yellow-300:hover {
  fill: #FAEBB7;
}

.hover\:fill-yellow-400:hover {
  fill: #facc15;
}

.hover\:fill-yellow-50:hover {
  fill: #fefce8;
}

.hover\:fill-yellow-500:hover {
  fill: #E58A1F;
}

.hover\:fill-yellow-600:hover {
  fill: #ca8a04;
}

.hover\:fill-yellow-700:hover {
  fill: #B27A25;
}

.hover\:fill-yellow-800:hover {
  fill: #854d0e;
}

.hover\:fill-yellow-900:hover {
  fill: #713f12;
}

.hover\:px-2:hover {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.hover\:pl-2:hover {
  padding-left: 0.5rem;
}

.hover\:text-inherit:hover {
  font-size: inherit;
}

.hover\:\!text-gray-500:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1)) !important;
}

.hover\:\!text-gray-900:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1)) !important;
}

.hover\:\!text-green-500:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1)) !important;
}

.hover\:\!text-orange-500:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1)) !important;
}

.hover\:\!text-primary-900:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1)) !important;
}

.hover\:\!text-v2-critical:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-amber-600:hover {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hover\:text-blue:hover {
  --tw-text-opacity: 1;
  color: rgb(33 114 217 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-100:hover {
  --tw-text-opacity: 1;
  color: rgb(228 238 247 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-200:hover {
  --tw-text-opacity: 1;
  color: rgb(203 224 240 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-300:hover {
  --tw-text-opacity: 1;
  color: rgb(215 231 245 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-400:hover {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-50:hover {
  --tw-text-opacity: 1;
  color: rgb(234 242 248 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(33 114 217 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(53 95 137 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-900:hover {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.hover\:text-gray:hover {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-100:hover {
  --tw-text-opacity: 1;
  color: rgb(242 240 239 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(230 228 225 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-50:hover {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

.hover\:text-green:hover {
  --tw-text-opacity: 1;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1));
}

.hover\:text-green-100:hover {
  --tw-text-opacity: 1;
  color: rgb(230 250 238 / var(--tw-text-opacity, 1));
}

.hover\:text-green-200:hover {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.hover\:text-green-300:hover {
  --tw-text-opacity: 1;
  color: rgb(215 245 225 / var(--tw-text-opacity, 1));
}

.hover\:text-green-400:hover {
  --tw-text-opacity: 1;
  color: rgb(60 184 120 / var(--tw-text-opacity, 1));
}

.hover\:text-green-50:hover {
  --tw-text-opacity: 1;
  color: rgb(240 253 244 / var(--tw-text-opacity, 1));
}

.hover\:text-green-500:hover {
  --tw-text-opacity: 1;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1));
}

.hover\:text-green-600:hover {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.hover\:text-green-700:hover {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.hover\:text-green-800:hover {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.hover\:text-green-900:hover {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-500:hover {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-800:hover {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

.hover\:text-inherit:hover {
  color: inherit;
}

.hover\:text-neutral-700:hover {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}

.hover\:text-orange:hover {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-100:hover {
  --tw-text-opacity: 1;
  color: rgb(250 238 230 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-300:hover {
  --tw-text-opacity: 1;
  color: rgb(245 217 196 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-400:hover {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-50:hover {
  --tw-text-opacity: 1;
  color: rgb(255 247 237 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-500:hover {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-600:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-700:hover {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-800:hover {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

.hover\:text-orange-900:hover {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-100:hover {
  --tw-text-opacity: 1;
  color: rgb(233 226 255 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-300:hover {
  --tw-text-opacity: 1;
  color: rgb(159 122 246 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-50:hover {
  --tw-text-opacity: 1;
  color: rgb(245 243 252 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-500:hover {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-600:hover {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-700:hover {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-800:hover {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-900:hover {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.hover\:text-purple:hover {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-100:hover {
  --tw-text-opacity: 1;
  color: rgb(233 226 255 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-200:hover {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-300:hover {
  --tw-text-opacity: 1;
  color: rgb(159 122 246 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-400:hover {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-50:hover {
  --tw-text-opacity: 1;
  color: rgb(245 243 252 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-500:hover {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-600:hover {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-700:hover {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-800:hover {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.hover\:text-purple-900:hover {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.hover\:text-red:hover {
  --tw-text-opacity: 1;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1));
}

.hover\:text-red-100:hover {
  --tw-text-opacity: 1;
  color: rgb(250 230 232 / var(--tw-text-opacity, 1));
}

.hover\:text-red-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.hover\:text-red-300:hover {
  --tw-text-opacity: 1;
  color: rgb(244 207 209 / var(--tw-text-opacity, 1));
}

.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.hover\:text-red-50:hover {
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}

.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1));
}

.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(186 57 60 / var(--tw-text-opacity, 1));
}

.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.hover\:text-red-900:hover {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.hover\:text-rootly-orange:hover {
  --tw-text-opacity: 1;
  color: rgb(251 176 64 / var(--tw-text-opacity, 1));
}

.hover\:text-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.hover\:text-secondary-100:hover {
  --tw-text-opacity: 1;
  color: rgb(242 240 239 / var(--tw-text-opacity, 1));
}

.hover\:text-secondary-300:hover {
  --tw-text-opacity: 1;
  color: rgb(230 228 225 / var(--tw-text-opacity, 1));
}

.hover\:text-secondary-50:hover {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.hover\:text-secondary-500:hover {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.hover\:text-secondary-700:hover {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.hover\:text-secondary-900:hover {
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

.hover\:text-transparent:hover {
  color: transparent;
}

.hover\:text-v2-ai-bg:hover {
  --tw-text-opacity: 1;
  color: rgb(243 243 250 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-bg-strong:hover {
  --tw-text-opacity: 1;
  color: rgb(227 227 244 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-bg-subtle:hover {
  --tw-text-opacity: 1;
  color: rgb(250 250 253 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-border-base:hover {
  --tw-text-opacity: 1;
  color: rgb(195 195 234 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-border-faint:hover {
  --tw-text-opacity: 1;
  color: rgb(215 215 240 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-border-strong:hover {
  --tw-text-opacity: 1;
  color: rgb(151 146 218 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-border-subdued:hover {
  --tw-text-opacity: 1;
  color: rgb(227 227 244 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-edit-border:hover {
  --tw-text-opacity: 1;
  color: rgb(178 28 81 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(104 88 194 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-ai-tertiary:hover {
  --tw-text-opacity: 1;
  color: rgb(116 104 203 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-background:hover {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-background-overlay:hover {
  color: rgba(19, 19, 19, 0.15);
}

.hover\:text-v2-body:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-border-base:hover {
  --tw-text-opacity: 1;
  color: rgb(220 217 215 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-border-critical:hover {
  --tw-text-opacity: 1;
  color: rgb(252 219 218 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-border-forms:hover {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-border-selected:hover {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-border-subdued:hover {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-border-tooltip-shortcut:hover {
  --tw-text-opacity: 1;
  color: rgb(195 195 234 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-brand-bg:hover {
  --tw-text-opacity: 1;
  color: rgb(243 243 250 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-button-critical:hover {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-button-critical-hover:hover {
  --tw-text-opacity: 1;
  color: rgb(151 32 27 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-button-critical-pressed:hover {
  --tw-text-opacity: 1;
  color: rgb(104 28 24 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-button-disabled:hover {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-button-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(38 32 72 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-button-primary-hover:hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 123 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-chip-bg-neutral:hover {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-chip-border-neutral:hover {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-chip-text-neutral:hover {
  --tw-text-opacity: 1;
  color: rgb(74 71 65 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-critical:hover {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-critical-bg:hover {
  --tw-text-opacity: 1;
  color: rgb(253 243 242 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-default-shortcut-bg:hover {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-disabled:hover {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-divider:hover {
  --tw-text-opacity: 1;
  color: rgb(220 217 215 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-drawer:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-field-disabled:hover {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-focus-shadow:hover {
  color: rgba(151, 146, 218, 0.25);
}

.hover\:text-v2-icon-ai-base:hover {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-icon-ai-subdued:hover {
  --tw-text-opacity: 1;
  color: rgb(151 146 218 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-icon-base:hover {
  --tw-text-opacity: 1;
  color: rgb(59 55 51 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-icon-critical:hover {
  --tw-text-opacity: 1;
  color: rgb(151 32 27 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-icon-disabled:hover {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-icon-on-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-icon-subdued:hover {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-level1:hover {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-level2:hover {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-level3:hover {
  --tw-text-opacity: 1;
  color: rgb(240 240 239 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-placeholder:hover {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-popup:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(87 83 77 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-selected:hover {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-shortcut-text:hover {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-subdued:hover {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-success:hover {
  --tw-text-opacity: 1;
  color: rgb(46 97 64 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-success-bg:hover {
  --tw-text-opacity: 1;
  color: rgb(232 250 239 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-tertiary:hover {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-text-on-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-text-on-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-tooltip:hover {
  --tw-text-opacity: 1;
  color: rgb(54 46 100 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-tooltip-shortcut-bg:hover {
  --tw-text-opacity: 1;
  color: rgb(215 215 240 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-tooltip-shortcut-text:hover {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-warning:hover {
  --tw-text-opacity: 1;
  color: rgb(127 80 12 / var(--tw-text-opacity, 1));
}

.hover\:text-v2-warning-bg:hover {
  --tw-text-opacity: 1;
  color: rgb(250 251 214 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow:hover {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-100:hover {
  --tw-text-opacity: 1;
  color: rgb(252 242 207 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-300:hover {
  --tw-text-opacity: 1;
  color: rgb(250 235 183 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-400:hover {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-50:hover {
  --tw-text-opacity: 1;
  color: rgb(254 252 232 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-500:hover {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-600:hover {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-700:hover {
  --tw-text-opacity: 1;
  color: rgb(178 122 37 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-800:hover {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-900:hover {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.hover\:no-underline:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.hover\:\!opacity-70:hover {
  opacity: 0.7 !important;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:shadow:hover {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_2px_4px_rgba\(151\2c 146\2c 218\2c 0\.25\)\]:hover {
  --tw-shadow: 0 2px 4px rgba(151,146,218,0.25);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-tab-hover:hover {
  --tw-shadow: inset 0 -2px 0 0 #dcd9d7;
  --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-v2-focus:hover {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-v2-focus-subtle:hover {
  --tw-shadow: 0px 1px 4px 0px rgba(151, 146, 218, 0.15);
  --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:ring-black:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(33 114 217 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(228 238 247 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 224 240 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 231 245 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 242 248 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(33 114 217 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(53 95 137 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
}

.hover\:ring-blue-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 240 239 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 228 225 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 118 116 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
}

.hover\:ring-gray-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 85 84 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 133 82 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 250 238 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 245 225 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(60 184 120 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 253 244 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 133 82 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity, 1));
}

.hover\:ring-green-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 83 45 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 238 230 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 217 196 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 247 237 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(194 65 12 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(154 52 18 / var(--tw-ring-opacity, 1));
}

.hover\:ring-orange-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 45 18 / var(--tw-ring-opacity, 1));
}

.hover\:ring-primary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-primary-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 226 255 / var(--tw-ring-opacity, 1));
}

.hover\:ring-primary-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(159 122 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-primary-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 243 252 / var(--tw-ring-opacity, 1));
}

.hover\:ring-primary-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-primary-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-primary-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 32 238 / var(--tw-ring-opacity, 1));
}

.hover\:ring-primary-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.hover\:ring-primary-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 26 51 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 226 255 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(159 122 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 243 252 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 32 238 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.hover\:ring-purple-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 26 51 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 60 64 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 230 232 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 207 209 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 60 64 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(186 57 60 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity, 1));
}

.hover\:ring-red-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity, 1));
}

.hover\:ring-rootly-orange:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 176 64 / var(--tw-ring-opacity, 1));
}

.hover\:ring-secondary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.hover\:ring-secondary-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 240 239 / var(--tw-ring-opacity, 1));
}

.hover\:ring-secondary-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 228 225 / var(--tw-ring-opacity, 1));
}

.hover\:ring-secondary-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.hover\:ring-secondary-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.hover\:ring-secondary-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 118 116 / var(--tw-ring-opacity, 1));
}

.hover\:ring-secondary-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 85 84 / var(--tw-ring-opacity, 1));
}

.hover\:ring-transparent:hover {
  --tw-ring-color: transparent;
}

.hover\:ring-v2-ai-bg:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 243 250 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-bg-strong:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 227 244 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-bg-subtle:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 250 253 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-border-base:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(195 195 234 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-border-faint:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-border-strong:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 146 218 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-border-subdued:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 227 244 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-edit-border:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 28 81 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-primary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-secondary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(104 88 194 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-ai-tertiary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(116 104 203 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-background:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-background-overlay:hover {
  --tw-ring-color: rgba(19, 19, 19, 0.15);
}

.hover\:ring-v2-body:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-border-base:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-border-critical:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 219 218 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-border-forms:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-border-selected:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-border-selected\/60:hover {
  --tw-ring-color: rgb(84 70 162 / 0.6);
}

.hover\:ring-v2-border-subdued:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-border-tooltip-shortcut:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(195 195 234 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-brand-bg:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 243 250 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-button-critical:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-button-critical-hover:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 32 27 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-button-critical-pressed:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(104 28 24 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-button-disabled:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-button-primary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 32 72 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-button-primary-hover:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(67 56 123 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-chip-bg-neutral:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-chip-border-neutral:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-chip-text-neutral:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 71 65 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-critical:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-critical-bg:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 243 242 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-default-shortcut-bg:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-disabled:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-divider:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-drawer:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-field-disabled:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-focus-shadow:hover {
  --tw-ring-color: rgba(151, 146, 218, 0.25);
}

.hover\:ring-v2-icon-ai-base:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-icon-ai-subdued:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 146 218 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-icon-base:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 55 51 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-icon-critical:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 32 27 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-icon-disabled:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-icon-on-primary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-icon-subdued:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-level1:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-level2:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-level3:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 240 239 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-placeholder:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-popup:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-primary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 35 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-secondary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 83 77 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-selected:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-shortcut-text:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(108 103 97 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-subdued:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-success:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(46 97 64 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-success-bg:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 250 239 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-tertiary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(108 103 97 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-text-on-primary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-text-on-secondary:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 35 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-tooltip:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(54 46 100 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-tooltip-shortcut-bg:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-tooltip-shortcut-text:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-warning:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 80 12 / var(--tw-ring-opacity, 1));
}

.hover\:ring-v2-warning-bg:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 251 214 / var(--tw-ring-opacity, 1));
}

.hover\:ring-white:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-100:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 242 207 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-200:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 240 138 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-300:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 235 183 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-400:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-50:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 252 232 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-600:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-700:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 122 37 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-800:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(133 77 14 / var(--tw-ring-opacity, 1));
}

.hover\:ring-yellow-900:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(113 63 18 / var(--tw-ring-opacity, 1));
}

.hover\:brightness-105:hover {
  --tw-brightness: brightness(1.05);
  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);
}

.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  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);
}

.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95);
  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);
}

.hover\:brightness-\[1\.03\]:hover {
  --tw-brightness: brightness(1.03);
  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);
}

.hover\:drop-shadow-sm:hover {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  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);
}

.hover\:file\:bg-indigo-100::-webkit-file-upload-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.hover\:file\:bg-indigo-100::file-selector-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.hover\:before\:bg-v2-border-selected:hover::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.hover\:before\:opacity-10:hover::before {
  content: var(--tw-content);
  opacity: 0.1;
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:fixed:focus {
  position: fixed;
}

.focus\:left-3:focus {
  left: 0.75rem;
}

.focus\:top-3:focus {
  top: 0.75rem;
}

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

.focus\:divide-black:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-100:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(228 238 247 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-200:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-300:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 231 245 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-400:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-50:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(234 242 248 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-500:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-600:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-700:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(53 95 137 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-800:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-divide-opacity, 1));
}

.focus\:divide-blue-900:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-100:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-200:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-300:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-400:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-50:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-500:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-600:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-700:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-800:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
}

.focus\:divide-gray-900:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-100:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 250 238 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-200:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-300:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 245 225 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-400:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(60 184 120 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-50:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 253 244 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-500:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-600:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-700:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-800:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-divide-opacity, 1));
}

.focus\:divide-green-900:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-100:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 238 230 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-200:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-300:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 217 196 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-400:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-50:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 247 237 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-500:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-600:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-700:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-800:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-divide-opacity, 1));
}

.focus\:divide-orange-900:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-divide-opacity, 1));
}

.focus\:divide-primary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-primary-100:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-divide-opacity, 1));
}

.focus\:divide-primary-300:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-primary-50:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-divide-opacity, 1));
}

.focus\:divide-primary-500:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-primary-600:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-primary-700:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-divide-opacity, 1));
}

.focus\:divide-primary-800:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.focus\:divide-primary-900:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-100:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-200:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-300:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-400:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-50:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-500:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-600:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-700:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-800:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.focus\:divide-purple-900:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-100:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 230 232 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-200:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-300:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(244 207 209 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-400:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-50:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 242 242 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-500:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-600:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-700:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(186 57 60 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-800:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-divide-opacity, 1));
}

.focus\:divide-red-900:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-divide-opacity, 1));
}

.focus\:divide-rootly-orange:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(251 176 64 / var(--tw-divide-opacity, 1));
}

.focus\:divide-secondary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.focus\:divide-secondary-100:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-divide-opacity, 1));
}

.focus\:divide-secondary-300:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-divide-opacity, 1));
}

.focus\:divide-secondary-50:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.focus\:divide-secondary-500:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.focus\:divide-secondary-700:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-divide-opacity, 1));
}

.focus\:divide-secondary-900:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-divide-opacity, 1));
}

.focus\:divide-transparent:focus > :not([hidden]) ~ :not([hidden]) {
  border-color: transparent;
}

.focus\:divide-v2-ai-bg:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-bg-strong:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-bg-subtle:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 250 253 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-border-base:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-border-faint:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-border-strong:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-border-subdued:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-edit-border:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 28 81 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-primary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-secondary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(104 88 194 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-ai-tertiary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(116 104 203 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-background:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-background-overlay:focus > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(19, 19, 19, 0.15);
}

.focus\:divide-v2-body:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-border-base:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-border-critical:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 219 218 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-border-forms:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-border-selected:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-border-subdued:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-border-tooltip-shortcut:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-brand-bg:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-button-critical:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-button-critical-hover:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-button-critical-pressed:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(104 28 24 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-button-disabled:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-button-primary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(38 32 72 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-button-primary-hover:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(67 56 123 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-chip-bg-neutral:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-chip-border-neutral:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-chip-text-neutral:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 71 65 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-critical:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-critical-bg:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(253 243 242 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-default-shortcut-bg:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-disabled:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-divider:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-drawer:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-field-disabled:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-focus-shadow:focus > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(151, 146, 218, 0.25);
}

.focus\:divide-v2-icon-ai-base:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-icon-ai-subdued:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-icon-base:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 55 51 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-icon-critical:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-icon-disabled:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-icon-on-primary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-icon-subdued:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-level1:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-level2:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-level3:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 240 239 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-placeholder:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-popup:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-primary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-secondary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 83 77 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-selected:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-shortcut-text:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-subdued:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-success:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(46 97 64 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-success-bg:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(232 250 239 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-tertiary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-text-on-primary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-text-on-secondary:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-tooltip:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(54 46 100 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-tooltip-shortcut-bg:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-tooltip-shortcut-text:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-warning:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(127 80 12 / var(--tw-divide-opacity, 1));
}

.focus\:divide-v2-warning-bg:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 251 214 / var(--tw-divide-opacity, 1));
}

.focus\:divide-white:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-100:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 242 207 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-200:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-300:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 235 183 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-400:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-50:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 252 232 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-500:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-600:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-700:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 122 37 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-800:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-divide-opacity, 1));
}

.focus\:divide-yellow-900:focus > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-divide-opacity, 1));
}

.focus\:rounded-v2-md:focus {
  border-radius: 0.375rem;
}

.focus\:\!border-0:focus {
  border-width: 0px !important;
}

.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.focus\:border-blue:focus {
  --tw-border-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-100:focus {
  --tw-border-opacity: 1;
  border-color: rgb(228 238 247 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-200:focus {
  --tw-border-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(215 231 245 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(234 242 248 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(53 95 137 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity, 1));
}

.focus\:border-gray:focus {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-100:focus {
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-200:focus {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.focus\:border-gray-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-border-opacity, 1));
}

.focus\:border-green:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-border-opacity, 1));
}

.focus\:border-green-100:focus {
  --tw-border-opacity: 1;
  border-color: rgb(230 250 238 / var(--tw-border-opacity, 1));
}

.focus\:border-green-200:focus {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.focus\:border-green-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(215 245 225 / var(--tw-border-opacity, 1));
}

.focus\:border-green-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(60 184 120 / var(--tw-border-opacity, 1));
}

.focus\:border-green-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(240 253 244 / var(--tw-border-opacity, 1));
}

.focus\:border-green-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-border-opacity, 1));
}

.focus\:border-green-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.focus\:border-green-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}

.focus\:border-green-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.focus\:border-green-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-border-opacity, 1));
}

.focus\:border-indigo-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.focus\:border-orange:focus {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-100:focus {
  --tw-border-opacity: 1;
  border-color: rgb(250 238 230 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-200:focus {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(245 217 196 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 247 237 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
}

.focus\:border-orange-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-border-opacity, 1));
}

.focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-100:focus {
  --tw-border-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.focus\:border-primary-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-border-opacity, 1));
}

.focus\:border-purple:focus {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-100:focus {
  --tw-border-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-200:focus {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.focus\:border-purple-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-border-opacity, 1));
}

.focus\:border-red:focus {
  --tw-border-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-border-opacity, 1));
}

.focus\:border-red-100:focus {
  --tw-border-opacity: 1;
  border-color: rgb(250 230 232 / var(--tw-border-opacity, 1));
}

.focus\:border-red-200:focus {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.focus\:border-red-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(244 207 209 / var(--tw-border-opacity, 1));
}

.focus\:border-red-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}

.focus\:border-red-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(254 242 242 / var(--tw-border-opacity, 1));
}

.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-border-opacity, 1));
}

.focus\:border-red-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.focus\:border-red-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(186 57 60 / var(--tw-border-opacity, 1));
}

.focus\:border-red-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.focus\:border-red-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}

.focus\:border-rootly-orange:focus {
  --tw-border-opacity: 1;
  border-color: rgb(251 176 64 / var(--tw-border-opacity, 1));
}

.focus\:border-secondary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.focus\:border-secondary-100:focus {
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.focus\:border-secondary-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.focus\:border-secondary-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.focus\:border-secondary-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.focus\:border-secondary-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-border-opacity, 1));
}

.focus\:border-secondary-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-border-opacity, 1));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:border-v2-ai-bg:focus {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-bg-strong:focus {
  --tw-border-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-bg-subtle:focus {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 253 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-border-base:focus {
  --tw-border-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-border-faint:focus {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-border-strong:focus {
  --tw-border-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-border-subdued:focus {
  --tw-border-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-edit-border:focus {
  --tw-border-opacity: 1;
  border-color: rgb(178 28 81 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-secondary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(104 88 194 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-ai-tertiary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(116 104 203 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-background:focus {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-background-overlay:focus {
  border-color: rgba(19, 19, 19, 0.15);
}

.focus\:border-v2-body:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-border-base:focus {
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-border-critical:focus {
  --tw-border-opacity: 1;
  border-color: rgb(252 219 218 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-border-forms:focus {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-border-selected:focus {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-border-subdued:focus {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-border-tooltip-shortcut:focus {
  --tw-border-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-brand-bg:focus {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-button-critical:focus {
  --tw-border-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-button-critical-hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-button-critical-pressed:focus {
  --tw-border-opacity: 1;
  border-color: rgb(104 28 24 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-button-disabled:focus {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-button-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(38 32 72 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-button-primary-hover:focus {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 123 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-chip-bg-neutral:focus {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-chip-border-neutral:focus {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-chip-text-neutral:focus {
  --tw-border-opacity: 1;
  border-color: rgb(74 71 65 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-critical:focus {
  --tw-border-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-critical-bg:focus {
  --tw-border-opacity: 1;
  border-color: rgb(253 243 242 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-default-shortcut-bg:focus {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-disabled:focus {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-divider:focus {
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-drawer:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-field-disabled:focus {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-focus-shadow:focus {
  border-color: rgba(151, 146, 218, 0.25);
}

.focus\:border-v2-icon-ai-base:focus {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-icon-ai-subdued:focus {
  --tw-border-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-icon-base:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 55 51 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-icon-critical:focus {
  --tw-border-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-icon-disabled:focus {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-icon-on-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-icon-subdued:focus {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-level1:focus {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-level2:focus {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-level3:focus {
  --tw-border-opacity: 1;
  border-color: rgb(240 240 239 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-placeholder:focus {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-popup:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-secondary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(87 83 77 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-selected:focus {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-shortcut-text:focus {
  --tw-border-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-subdued:focus {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-success:focus {
  --tw-border-opacity: 1;
  border-color: rgb(46 97 64 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-success-bg:focus {
  --tw-border-opacity: 1;
  border-color: rgb(232 250 239 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-tertiary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-text-on-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-text-on-secondary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-tooltip:focus {
  --tw-border-opacity: 1;
  border-color: rgb(54 46 100 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-tooltip-shortcut-bg:focus {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-tooltip-shortcut-text:focus {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-warning:focus {
  --tw-border-opacity: 1;
  border-color: rgb(127 80 12 / var(--tw-border-opacity, 1));
}

.focus\:border-v2-warning-bg:focus {
  --tw-border-opacity: 1;
  border-color: rgb(250 251 214 / var(--tw-border-opacity, 1));
}

.focus\:border-white:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow:focus {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-100:focus {
  --tw-border-opacity: 1;
  border-color: rgb(252 242 207 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-200:focus {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(250 235 183 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-50:focus {
  --tw-border-opacity: 1;
  border-color: rgb(254 252 232 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-700:focus {
  --tw-border-opacity: 1;
  border-color: rgb(178 122 37 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-800:focus {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}

.focus\:border-yellow-900:focus {
  --tw-border-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-border-opacity, 1));
}

.focus\:bg-black:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(33 114 217 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(228 238 247 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(203 224 240 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(215 231 245 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 248 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(33 114 217 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(53 95 137 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.focus\:bg-blue-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(120 118 116 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.focus\:bg-gray-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(230 250 238 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(215 245 225 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(60 184 120 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

.focus\:bg-green-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 238 230 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(245 217 196 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(154 52 18 / var(--tw-bg-opacity, 1));
}

.focus\:bg-orange-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
}

.focus\:bg-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-primary-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.focus\:bg-primary-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(159 122 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-primary-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.focus\:bg-primary-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-primary-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-primary-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(87 32 238 / var(--tw-bg-opacity, 1));
}

.focus\:bg-primary-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.focus\:bg-primary-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(159 122 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(87 32 238 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.focus\:bg-purple-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(199 60 64 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 230 232 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(244 207 209 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(199 60 64 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(186 57 60 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.focus\:bg-red-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}

.focus\:bg-rootly-orange:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(251 176 64 / var(--tw-bg-opacity, 1));
}

.focus\:bg-secondary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.focus\:bg-secondary-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.focus\:bg-secondary-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.focus\:bg-secondary-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.focus\:bg-secondary-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.focus\:bg-secondary-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(120 118 116 / var(--tw-bg-opacity, 1));
}

.focus\:bg-secondary-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

.focus\:bg-transparent:focus {
  background-color: transparent;
}

.focus\:bg-v2-ai-bg:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-bg-strong:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-bg-subtle:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 253 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-border-base:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-border-faint:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-border-strong:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(151 146 218 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-border-subdued:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-edit-border:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(178 28 81 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-secondary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(104 88 194 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-ai-tertiary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(116 104 203 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-background:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-background-overlay:focus {
  background-color: rgba(19, 19, 19, 0.15);
}

.focus\:bg-v2-body:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-border-base:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(220 217 215 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-border-critical:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(252 219 218 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-border-forms:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-border-selected:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-border-subdued:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-border-tooltip-shortcut:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-brand-bg:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-button-critical:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-button-critical-hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-button-critical-pressed:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(104 28 24 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-button-disabled:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-button-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-button-primary-hover:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 123 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-chip-bg-neutral:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-chip-border-neutral:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-chip-text-neutral:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 71 65 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-critical:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-critical-bg:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-default-shortcut-bg:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-disabled:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-divider:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(220 217 215 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-drawer:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-field-disabled:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-focus-shadow:focus {
  background-color: rgba(151, 146, 218, 0.25);
}

.focus\:bg-v2-icon-ai-base:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-icon-ai-subdued:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(151 146 218 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-icon-base:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(59 55 51 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-icon-critical:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-icon-disabled:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-icon-on-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-icon-subdued:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-level1:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-level2:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-level3:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-placeholder:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-popup:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 35 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-secondary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 77 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-selected:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-shortcut-text:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(108 103 97 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-subdued:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-success:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(46 97 64 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-success-bg:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(232 250 239 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-tertiary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(108 103 97 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-text-on-primary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-text-on-secondary:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 35 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-tooltip:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(54 46 100 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-tooltip-shortcut-bg:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-tooltip-shortcut-text:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-warning:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(127 80 12 / var(--tw-bg-opacity, 1));
}

.focus\:bg-v2-warning-bg:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 214 / var(--tw-bg-opacity, 1));
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(252 242 207 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-200:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-300:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 235 183 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-400:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-500:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-600:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-700:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(178 122 37 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
}

.focus\:bg-yellow-900:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

.focus\:from-black:focus {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue:focus {
  --tw-gradient-from: #2172d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(33 114 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-100:focus {
  --tw-gradient-from: #E4EEF7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(228 238 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-200:focus {
  --tw-gradient-from: #CBE0F0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(203 224 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-300:focus {
  --tw-gradient-from: #D7E7F5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 231 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-400:focus {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-50:focus {
  --tw-gradient-from: #EAF2F8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 242 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-500:focus {
  --tw-gradient-from: #2172d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(33 114 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-600:focus {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-700:focus {
  --tw-gradient-from: #355F89 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(53 95 137 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-800:focus {
  --tw-gradient-from: #1e40af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-blue-900:focus {
  --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray:focus {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-100:focus {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-200:focus {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-300:focus {
  --tw-gradient-from: #E6E4E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 228 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-400:focus {
  --tw-gradient-from: #9ca3af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-50:focus {
  --tw-gradient-from: #FCFBFA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-500:focus {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-600:focus {
  --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-700:focus {
  --tw-gradient-from: #787674 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 118 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-800:focus {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-gray-900:focus {
  --tw-gradient-from: #575554 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 85 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green:focus {
  --tw-gradient-from: #3B8552 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 133 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-100:focus {
  --tw-gradient-from: #E6FAEE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 250 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-200:focus {
  --tw-gradient-from: #bbf7d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-300:focus {
  --tw-gradient-from: #D7F5E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 245 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-400:focus {
  --tw-gradient-from: #3CB878 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(60 184 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-50:focus {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-500:focus {
  --tw-gradient-from: #3B8552 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 133 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-600:focus {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-700:focus {
  --tw-gradient-from: #15803d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-800:focus {
  --tw-gradient-from: #166534 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-green-900:focus {
  --tw-gradient-from: #14532d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange:focus {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-100:focus {
  --tw-gradient-from: #FAEEE6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 238 230 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-200:focus {
  --tw-gradient-from: #fed7aa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-300:focus {
  --tw-gradient-from: #F5D9C4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 217 196 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-400:focus {
  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-50:focus {
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-500:focus {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-600:focus {
  --tw-gradient-from: #ea580c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-700:focus {
  --tw-gradient-from: #c2410c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-800:focus {
  --tw-gradient-from: #9a3412 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-orange-900:focus {
  --tw-gradient-from: #7c2d12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-primary:focus {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-primary-100:focus {
  --tw-gradient-from: #E9E2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 226 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-primary-300:focus {
  --tw-gradient-from: #9F7AF6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 122 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-primary-50:focus {
  --tw-gradient-from: #F5F3FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-primary-500:focus {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-primary-600:focus {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-primary-700:focus {
  --tw-gradient-from: #5720EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 32 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-primary-800:focus {
  --tw-gradient-from: #5446A2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-primary-900:focus {
  --tw-gradient-from: #1E1A33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 26 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple:focus {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-100:focus {
  --tw-gradient-from: #E9E2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 226 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-200:focus {
  --tw-gradient-from: #e9d5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-300:focus {
  --tw-gradient-from: #9F7AF6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 122 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-400:focus {
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-50:focus {
  --tw-gradient-from: #F5F3FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-500:focus {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-600:focus {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-700:focus {
  --tw-gradient-from: #5720EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 32 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-800:focus {
  --tw-gradient-from: #5446A2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-purple-900:focus {
  --tw-gradient-from: #1E1A33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 26 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red:focus {
  --tw-gradient-from: #C73C40 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 60 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-100:focus {
  --tw-gradient-from: #FAE6E8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 230 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-200:focus {
  --tw-gradient-from: #fecaca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-300:focus {
  --tw-gradient-from: #F4CFD1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 207 209 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-400:focus {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-50:focus {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-500:focus {
  --tw-gradient-from: #C73C40 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 60 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-600:focus {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-700:focus {
  --tw-gradient-from: #BA393C var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(186 57 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-800:focus {
  --tw-gradient-from: #991b1b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-red-900:focus {
  --tw-gradient-from: #7f1d1d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-rootly-orange:focus {
  --tw-gradient-from: #FBB040 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 176 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-secondary:focus {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-secondary-100:focus {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-secondary-300:focus {
  --tw-gradient-from: #E6E4E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 228 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-secondary-50:focus {
  --tw-gradient-from: #FCFBFA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-secondary-500:focus {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-secondary-700:focus {
  --tw-gradient-from: #787674 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 118 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-secondary-900:focus {
  --tw-gradient-from: #575554 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 85 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-transparent:focus {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-bg:focus {
  --tw-gradient-from: #f3f3fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 243 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-bg-strong:focus {
  --tw-gradient-from: #e3e3f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 227 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-bg-subtle:focus {
  --tw-gradient-from: #fafafd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-border-base:focus {
  --tw-gradient-from: #c3c3ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 195 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-border-faint:focus {
  --tw-gradient-from: #d7d7f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 215 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-border-strong:focus {
  --tw-gradient-from: #9792da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 146 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-border-subdued:focus {
  --tw-gradient-from: #e3e3f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 227 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-edit-border:focus {
  --tw-gradient-from: #b21c51 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 28 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-primary:focus {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-secondary:focus {
  --tw-gradient-from: #6858c2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(104 88 194 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-ai-tertiary:focus {
  --tw-gradient-from: #7468cb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(116 104 203 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-background:focus {
  --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-background-overlay:focus {
  --tw-gradient-from: rgba(19, 19, 19, 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(19, 19, 19, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-body:focus {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-border-base:focus {
  --tw-gradient-from: #dcd9d7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 217 215 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-border-critical:focus {
  --tw-gradient-from: #fcdbda var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 219 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-border-forms:focus {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-border-selected:focus {
  --tw-gradient-from: #5446a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-border-subdued:focus {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-border-tooltip-shortcut:focus {
  --tw-gradient-from: #c3c3ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 195 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-brand-bg:focus {
  --tw-gradient-from: #f3f3fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 243 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-button-critical:focus {
  --tw-gradient-from: #ad211a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 33 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-button-critical-hover:focus {
  --tw-gradient-from: #97201b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 32 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-button-critical-pressed:focus {
  --tw-gradient-from: #681c18 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(104 28 24 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-button-disabled:focus {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-button-primary:focus {
  --tw-gradient-from: #262048 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(38 32 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-button-primary-hover:focus {
  --tw-gradient-from: #43387b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 56 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-chip-bg-neutral:focus {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-chip-border-neutral:focus {
  --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-chip-text-neutral:focus {
  --tw-gradient-from: #4a4741 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 71 65 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-critical:focus {
  --tw-gradient-from: #ad211a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 33 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-critical-bg:focus {
  --tw-gradient-from: #fdf3f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 243 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-default-shortcut-bg:focus {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-disabled:focus {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-divider:focus {
  --tw-gradient-from: #dcd9d7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 217 215 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-drawer:focus {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-field-disabled:focus {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-focus-shadow:focus {
  --tw-gradient-from: rgba(151, 146, 218, 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(151, 146, 218, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-icon-ai-base:focus {
  --tw-gradient-from: #5446a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-icon-ai-subdued:focus {
  --tw-gradient-from: #9792da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 146 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-icon-base:focus {
  --tw-gradient-from: #3b3733 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 55 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-icon-critical:focus {
  --tw-gradient-from: #97201b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 32 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-icon-disabled:focus {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-icon-on-primary:focus {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-icon-subdued:focus {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-level1:focus {
  --tw-gradient-from: #fcfbfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-level2:focus {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-level3:focus {
  --tw-gradient-from: #f0f0ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-placeholder:focus {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-popup:focus {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-primary:focus {
  --tw-gradient-from: #292523 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 37 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-secondary:focus {
  --tw-gradient-from: #57534d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 83 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-selected:focus {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-shortcut-text:focus {
  --tw-gradient-from: #6c6761 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(108 103 97 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-subdued:focus {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-success:focus {
  --tw-gradient-from: #2e6140 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(46 97 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-success-bg:focus {
  --tw-gradient-from: #e8faef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 250 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-tertiary:focus {
  --tw-gradient-from: #6c6761 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(108 103 97 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-text-on-primary:focus {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-text-on-secondary:focus {
  --tw-gradient-from: #292523 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 37 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-tooltip:focus {
  --tw-gradient-from: #362e64 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(54 46 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-tooltip-shortcut-bg:focus {
  --tw-gradient-from: #d7d7f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 215 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-tooltip-shortcut-text:focus {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-warning:focus {
  --tw-gradient-from: #7f500c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 80 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-v2-warning-bg:focus {
  --tw-gradient-from: #fafbd6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 251 214 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-white:focus {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow:focus {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-100:focus {
  --tw-gradient-from: #FCF2CF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 242 207 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-200:focus {
  --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-300:focus {
  --tw-gradient-from: #FAEBB7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 235 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-400:focus {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-50:focus {
  --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-500:focus {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-600:focus {
  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-700:focus {
  --tw-gradient-from: #B27A25 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 122 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-800:focus {
  --tw-gradient-from: #854d0e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(133 77 14 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:from-yellow-900:focus {
  --tw-gradient-from: #713f12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.focus\:to-black:focus {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}

.focus\:to-blue:focus {
  --tw-gradient-to: #2172d9 var(--tw-gradient-to-position);
}

.focus\:to-blue-100:focus {
  --tw-gradient-to: #E4EEF7 var(--tw-gradient-to-position);
}

.focus\:to-blue-200:focus {
  --tw-gradient-to: #CBE0F0 var(--tw-gradient-to-position);
}

.focus\:to-blue-300:focus {
  --tw-gradient-to: #D7E7F5 var(--tw-gradient-to-position);
}

.focus\:to-blue-400:focus {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}

.focus\:to-blue-50:focus {
  --tw-gradient-to: #EAF2F8 var(--tw-gradient-to-position);
}

.focus\:to-blue-500:focus {
  --tw-gradient-to: #2172d9 var(--tw-gradient-to-position);
}

.focus\:to-blue-600:focus {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}

.focus\:to-blue-700:focus {
  --tw-gradient-to: #355F89 var(--tw-gradient-to-position);
}

.focus\:to-blue-800:focus {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}

.focus\:to-blue-900:focus {
  --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position);
}

.focus\:to-gray:focus {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.focus\:to-gray-100:focus {
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.focus\:to-gray-200:focus {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}

.focus\:to-gray-300:focus {
  --tw-gradient-to: #E6E4E1 var(--tw-gradient-to-position);
}

.focus\:to-gray-400:focus {
  --tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
}

.focus\:to-gray-50:focus {
  --tw-gradient-to: #FCFBFA var(--tw-gradient-to-position);
}

.focus\:to-gray-500:focus {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.focus\:to-gray-600:focus {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}

.focus\:to-gray-700:focus {
  --tw-gradient-to: #787674 var(--tw-gradient-to-position);
}

.focus\:to-gray-800:focus {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}

.focus\:to-gray-900:focus {
  --tw-gradient-to: #575554 var(--tw-gradient-to-position);
}

.focus\:to-green:focus {
  --tw-gradient-to: #3B8552 var(--tw-gradient-to-position);
}

.focus\:to-green-100:focus {
  --tw-gradient-to: #E6FAEE var(--tw-gradient-to-position);
}

.focus\:to-green-200:focus {
  --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position);
}

.focus\:to-green-300:focus {
  --tw-gradient-to: #D7F5E1 var(--tw-gradient-to-position);
}

.focus\:to-green-400:focus {
  --tw-gradient-to: #3CB878 var(--tw-gradient-to-position);
}

.focus\:to-green-50:focus {
  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
}

.focus\:to-green-500:focus {
  --tw-gradient-to: #3B8552 var(--tw-gradient-to-position);
}

.focus\:to-green-600:focus {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}

.focus\:to-green-700:focus {
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}

.focus\:to-green-800:focus {
  --tw-gradient-to: #166534 var(--tw-gradient-to-position);
}

.focus\:to-green-900:focus {
  --tw-gradient-to: #14532d var(--tw-gradient-to-position);
}

.focus\:to-orange:focus {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.focus\:to-orange-100:focus {
  --tw-gradient-to: #FAEEE6 var(--tw-gradient-to-position);
}

.focus\:to-orange-200:focus {
  --tw-gradient-to: #fed7aa var(--tw-gradient-to-position);
}

.focus\:to-orange-300:focus {
  --tw-gradient-to: #F5D9C4 var(--tw-gradient-to-position);
}

.focus\:to-orange-400:focus {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}

.focus\:to-orange-50:focus {
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}

.focus\:to-orange-500:focus {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.focus\:to-orange-600:focus {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}

.focus\:to-orange-700:focus {
  --tw-gradient-to: #c2410c var(--tw-gradient-to-position);
}

.focus\:to-orange-800:focus {
  --tw-gradient-to: #9a3412 var(--tw-gradient-to-position);
}

.focus\:to-orange-900:focus {
  --tw-gradient-to: #7c2d12 var(--tw-gradient-to-position);
}

.focus\:to-primary:focus {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.focus\:to-primary-100:focus {
  --tw-gradient-to: #E9E2FF var(--tw-gradient-to-position);
}

.focus\:to-primary-300:focus {
  --tw-gradient-to: #9F7AF6 var(--tw-gradient-to-position);
}

.focus\:to-primary-50:focus {
  --tw-gradient-to: #F5F3FC var(--tw-gradient-to-position);
}

.focus\:to-primary-500:focus {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.focus\:to-primary-600:focus {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.focus\:to-primary-700:focus {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.focus\:to-primary-800:focus {
  --tw-gradient-to: #5446A2 var(--tw-gradient-to-position);
}

.focus\:to-primary-900:focus {
  --tw-gradient-to: #1E1A33 var(--tw-gradient-to-position);
}

.focus\:to-purple:focus {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.focus\:to-purple-100:focus {
  --tw-gradient-to: #E9E2FF var(--tw-gradient-to-position);
}

.focus\:to-purple-200:focus {
  --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position);
}

.focus\:to-purple-300:focus {
  --tw-gradient-to: #9F7AF6 var(--tw-gradient-to-position);
}

.focus\:to-purple-400:focus {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.focus\:to-purple-50:focus {
  --tw-gradient-to: #F5F3FC var(--tw-gradient-to-position);
}

.focus\:to-purple-500:focus {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.focus\:to-purple-600:focus {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.focus\:to-purple-700:focus {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.focus\:to-purple-800:focus {
  --tw-gradient-to: #5446A2 var(--tw-gradient-to-position);
}

.focus\:to-purple-900:focus {
  --tw-gradient-to: #1E1A33 var(--tw-gradient-to-position);
}

.focus\:to-red:focus {
  --tw-gradient-to: #C73C40 var(--tw-gradient-to-position);
}

.focus\:to-red-100:focus {
  --tw-gradient-to: #FAE6E8 var(--tw-gradient-to-position);
}

.focus\:to-red-200:focus {
  --tw-gradient-to: #fecaca var(--tw-gradient-to-position);
}

.focus\:to-red-300:focus {
  --tw-gradient-to: #F4CFD1 var(--tw-gradient-to-position);
}

.focus\:to-red-400:focus {
  --tw-gradient-to: #f87171 var(--tw-gradient-to-position);
}

.focus\:to-red-50:focus {
  --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position);
}

.focus\:to-red-500:focus {
  --tw-gradient-to: #C73C40 var(--tw-gradient-to-position);
}

.focus\:to-red-600:focus {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.focus\:to-red-700:focus {
  --tw-gradient-to: #BA393C var(--tw-gradient-to-position);
}

.focus\:to-red-800:focus {
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position);
}

.focus\:to-red-900:focus {
  --tw-gradient-to: #7f1d1d var(--tw-gradient-to-position);
}

.focus\:to-rootly-orange:focus {
  --tw-gradient-to: #FBB040 var(--tw-gradient-to-position);
}

.focus\:to-secondary:focus {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.focus\:to-secondary-100:focus {
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.focus\:to-secondary-300:focus {
  --tw-gradient-to: #E6E4E1 var(--tw-gradient-to-position);
}

.focus\:to-secondary-50:focus {
  --tw-gradient-to: #FCFBFA var(--tw-gradient-to-position);
}

.focus\:to-secondary-500:focus {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.focus\:to-secondary-700:focus {
  --tw-gradient-to: #787674 var(--tw-gradient-to-position);
}

.focus\:to-secondary-900:focus {
  --tw-gradient-to: #575554 var(--tw-gradient-to-position);
}

.focus\:to-transparent:focus {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-bg:focus {
  --tw-gradient-to: #f3f3fa var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-bg-strong:focus {
  --tw-gradient-to: #e3e3f4 var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-bg-subtle:focus {
  --tw-gradient-to: #fafafd var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-border-base:focus {
  --tw-gradient-to: #c3c3ea var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-border-faint:focus {
  --tw-gradient-to: #d7d7f0 var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-border-strong:focus {
  --tw-gradient-to: #9792da var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-border-subdued:focus {
  --tw-gradient-to: #e3e3f4 var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-edit-border:focus {
  --tw-gradient-to: #b21c51 var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-primary:focus {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-secondary:focus {
  --tw-gradient-to: #6858c2 var(--tw-gradient-to-position);
}

.focus\:to-v2-ai-tertiary:focus {
  --tw-gradient-to: #7468cb var(--tw-gradient-to-position);
}

.focus\:to-v2-background:focus {
  --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position);
}

.focus\:to-v2-background-overlay:focus {
  --tw-gradient-to: rgba(19, 19, 19, 0.15) var(--tw-gradient-to-position);
}

.focus\:to-v2-body:focus {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.focus\:to-v2-border-base:focus {
  --tw-gradient-to: #dcd9d7 var(--tw-gradient-to-position);
}

.focus\:to-v2-border-critical:focus {
  --tw-gradient-to: #fcdbda var(--tw-gradient-to-position);
}

.focus\:to-v2-border-forms:focus {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.focus\:to-v2-border-selected:focus {
  --tw-gradient-to: #5446a2 var(--tw-gradient-to-position);
}

.focus\:to-v2-border-subdued:focus {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.focus\:to-v2-border-tooltip-shortcut:focus {
  --tw-gradient-to: #c3c3ea var(--tw-gradient-to-position);
}

.focus\:to-v2-brand-bg:focus {
  --tw-gradient-to: #f3f3fa var(--tw-gradient-to-position);
}

.focus\:to-v2-button-critical:focus {
  --tw-gradient-to: #ad211a var(--tw-gradient-to-position);
}

.focus\:to-v2-button-critical-hover:focus {
  --tw-gradient-to: #97201b var(--tw-gradient-to-position);
}

.focus\:to-v2-button-critical-pressed:focus {
  --tw-gradient-to: #681c18 var(--tw-gradient-to-position);
}

.focus\:to-v2-button-disabled:focus {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.focus\:to-v2-button-primary:focus {
  --tw-gradient-to: #262048 var(--tw-gradient-to-position);
}

.focus\:to-v2-button-primary-hover:focus {
  --tw-gradient-to: #43387b var(--tw-gradient-to-position);
}

.focus\:to-v2-chip-bg-neutral:focus {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.focus\:to-v2-chip-border-neutral:focus {
  --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position);
}

.focus\:to-v2-chip-text-neutral:focus {
  --tw-gradient-to: #4a4741 var(--tw-gradient-to-position);
}

.focus\:to-v2-critical:focus {
  --tw-gradient-to: #ad211a var(--tw-gradient-to-position);
}

.focus\:to-v2-critical-bg:focus {
  --tw-gradient-to: #fdf3f2 var(--tw-gradient-to-position);
}

.focus\:to-v2-default-shortcut-bg:focus {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.focus\:to-v2-disabled:focus {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.focus\:to-v2-divider:focus {
  --tw-gradient-to: #dcd9d7 var(--tw-gradient-to-position);
}

.focus\:to-v2-drawer:focus {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.focus\:to-v2-field-disabled:focus {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.focus\:to-v2-focus-shadow:focus {
  --tw-gradient-to: rgba(151, 146, 218, 0.25) var(--tw-gradient-to-position);
}

.focus\:to-v2-icon-ai-base:focus {
  --tw-gradient-to: #5446a2 var(--tw-gradient-to-position);
}

.focus\:to-v2-icon-ai-subdued:focus {
  --tw-gradient-to: #9792da var(--tw-gradient-to-position);
}

.focus\:to-v2-icon-base:focus {
  --tw-gradient-to: #3b3733 var(--tw-gradient-to-position);
}

.focus\:to-v2-icon-critical:focus {
  --tw-gradient-to: #97201b var(--tw-gradient-to-position);
}

.focus\:to-v2-icon-disabled:focus {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.focus\:to-v2-icon-on-primary:focus {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.focus\:to-v2-icon-subdued:focus {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.focus\:to-v2-level1:focus {
  --tw-gradient-to: #fcfbfa var(--tw-gradient-to-position);
}

.focus\:to-v2-level2:focus {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.focus\:to-v2-level3:focus {
  --tw-gradient-to: #f0f0ef var(--tw-gradient-to-position);
}

.focus\:to-v2-placeholder:focus {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.focus\:to-v2-popup:focus {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.focus\:to-v2-primary:focus {
  --tw-gradient-to: #292523 var(--tw-gradient-to-position);
}

.focus\:to-v2-secondary:focus {
  --tw-gradient-to: #57534d var(--tw-gradient-to-position);
}

.focus\:to-v2-selected:focus {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.focus\:to-v2-shortcut-text:focus {
  --tw-gradient-to: #6c6761 var(--tw-gradient-to-position);
}

.focus\:to-v2-subdued:focus {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.focus\:to-v2-success:focus {
  --tw-gradient-to: #2e6140 var(--tw-gradient-to-position);
}

.focus\:to-v2-success-bg:focus {
  --tw-gradient-to: #e8faef var(--tw-gradient-to-position);
}

.focus\:to-v2-tertiary:focus {
  --tw-gradient-to: #6c6761 var(--tw-gradient-to-position);
}

.focus\:to-v2-text-on-primary:focus {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.focus\:to-v2-text-on-secondary:focus {
  --tw-gradient-to: #292523 var(--tw-gradient-to-position);
}

.focus\:to-v2-tooltip:focus {
  --tw-gradient-to: #362e64 var(--tw-gradient-to-position);
}

.focus\:to-v2-tooltip-shortcut-bg:focus {
  --tw-gradient-to: #d7d7f0 var(--tw-gradient-to-position);
}

.focus\:to-v2-tooltip-shortcut-text:focus {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.focus\:to-v2-warning:focus {
  --tw-gradient-to: #7f500c var(--tw-gradient-to-position);
}

.focus\:to-v2-warning-bg:focus {
  --tw-gradient-to: #fafbd6 var(--tw-gradient-to-position);
}

.focus\:to-white:focus {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.focus\:to-yellow:focus {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.focus\:to-yellow-100:focus {
  --tw-gradient-to: #FCF2CF var(--tw-gradient-to-position);
}

.focus\:to-yellow-200:focus {
  --tw-gradient-to: #fef08a var(--tw-gradient-to-position);
}

.focus\:to-yellow-300:focus {
  --tw-gradient-to: #FAEBB7 var(--tw-gradient-to-position);
}

.focus\:to-yellow-400:focus {
  --tw-gradient-to: #facc15 var(--tw-gradient-to-position);
}

.focus\:to-yellow-50:focus {
  --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
}

.focus\:to-yellow-500:focus {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.focus\:to-yellow-600:focus {
  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
}

.focus\:to-yellow-700:focus {
  --tw-gradient-to: #B27A25 var(--tw-gradient-to-position);
}

.focus\:to-yellow-800:focus {
  --tw-gradient-to: #854d0e var(--tw-gradient-to-position);
}

.focus\:to-yellow-900:focus {
  --tw-gradient-to: #713f12 var(--tw-gradient-to-position);
}

.focus\:fill-black:focus {
  fill: #000;
}

.focus\:fill-blue:focus {
  fill: #2172d9;
}

.focus\:fill-blue-100:focus {
  fill: #E4EEF7;
}

.focus\:fill-blue-200:focus {
  fill: #CBE0F0;
}

.focus\:fill-blue-300:focus {
  fill: #D7E7F5;
}

.focus\:fill-blue-400:focus {
  fill: #60a5fa;
}

.focus\:fill-blue-50:focus {
  fill: #EAF2F8;
}

.focus\:fill-blue-500:focus {
  fill: #2172d9;
}

.focus\:fill-blue-600:focus {
  fill: #2563eb;
}

.focus\:fill-blue-700:focus {
  fill: #355F89;
}

.focus\:fill-blue-800:focus {
  fill: #1e40af;
}

.focus\:fill-blue-900:focus {
  fill: #1e3a8a;
}

.focus\:fill-gray:focus {
  fill: #B2B0AD;
}

.focus\:fill-gray-100:focus {
  fill: #F2F0EF;
}

.focus\:fill-gray-200:focus {
  fill: #e5e7eb;
}

.focus\:fill-gray-300:focus {
  fill: #E6E4E1;
}

.focus\:fill-gray-400:focus {
  fill: #9ca3af;
}

.focus\:fill-gray-50:focus {
  fill: #FCFBFA;
}

.focus\:fill-gray-500:focus {
  fill: #B2B0AD;
}

.focus\:fill-gray-600:focus {
  fill: #4b5563;
}

.focus\:fill-gray-700:focus {
  fill: #787674;
}

.focus\:fill-gray-800:focus {
  fill: #1f2937;
}

.focus\:fill-gray-900:focus {
  fill: #575554;
}

.focus\:fill-green:focus {
  fill: #3B8552;
}

.focus\:fill-green-100:focus {
  fill: #E6FAEE;
}

.focus\:fill-green-200:focus {
  fill: #bbf7d0;
}

.focus\:fill-green-300:focus {
  fill: #D7F5E1;
}

.focus\:fill-green-400:focus {
  fill: #3CB878;
}

.focus\:fill-green-50:focus {
  fill: #f0fdf4;
}

.focus\:fill-green-500:focus {
  fill: #3B8552;
}

.focus\:fill-green-600:focus {
  fill: #16a34a;
}

.focus\:fill-green-700:focus {
  fill: #15803d;
}

.focus\:fill-green-800:focus {
  fill: #166534;
}

.focus\:fill-green-900:focus {
  fill: #14532d;
}

.focus\:fill-orange:focus {
  fill: #E58A1F;
}

.focus\:fill-orange-100:focus {
  fill: #FAEEE6;
}

.focus\:fill-orange-200:focus {
  fill: #fed7aa;
}

.focus\:fill-orange-300:focus {
  fill: #F5D9C4;
}

.focus\:fill-orange-400:focus {
  fill: #fb923c;
}

.focus\:fill-orange-50:focus {
  fill: #fff7ed;
}

.focus\:fill-orange-500:focus {
  fill: #E58A1F;
}

.focus\:fill-orange-600:focus {
  fill: #ea580c;
}

.focus\:fill-orange-700:focus {
  fill: #c2410c;
}

.focus\:fill-orange-800:focus {
  fill: #9a3412;
}

.focus\:fill-orange-900:focus {
  fill: #7c2d12;
}

.focus\:fill-primary:focus {
  fill: #7748F6;
}

.focus\:fill-primary-100:focus {
  fill: #E9E2FF;
}

.focus\:fill-primary-300:focus {
  fill: #9F7AF6;
}

.focus\:fill-primary-50:focus {
  fill: #F5F3FC;
}

.focus\:fill-primary-500:focus {
  fill: #7748F6;
}

.focus\:fill-primary-600:focus {
  fill: #7748F6;
}

.focus\:fill-primary-700:focus {
  fill: #5720EE;
}

.focus\:fill-primary-800:focus {
  fill: #5446A2;
}

.focus\:fill-primary-900:focus {
  fill: #1E1A33;
}

.focus\:fill-purple:focus {
  fill: #7748F6;
}

.focus\:fill-purple-100:focus {
  fill: #E9E2FF;
}

.focus\:fill-purple-200:focus {
  fill: #e9d5ff;
}

.focus\:fill-purple-300:focus {
  fill: #9F7AF6;
}

.focus\:fill-purple-400:focus {
  fill: #c084fc;
}

.focus\:fill-purple-50:focus {
  fill: #F5F3FC;
}

.focus\:fill-purple-500:focus {
  fill: #7748F6;
}

.focus\:fill-purple-600:focus {
  fill: #7748F6;
}

.focus\:fill-purple-700:focus {
  fill: #5720EE;
}

.focus\:fill-purple-800:focus {
  fill: #5446A2;
}

.focus\:fill-purple-900:focus {
  fill: #1E1A33;
}

.focus\:fill-red:focus {
  fill: #C73C40;
}

.focus\:fill-red-100:focus {
  fill: #FAE6E8;
}

.focus\:fill-red-200:focus {
  fill: #fecaca;
}

.focus\:fill-red-300:focus {
  fill: #F4CFD1;
}

.focus\:fill-red-400:focus {
  fill: #f87171;
}

.focus\:fill-red-50:focus {
  fill: #fef2f2;
}

.focus\:fill-red-500:focus {
  fill: #C73C40;
}

.focus\:fill-red-600:focus {
  fill: #dc2626;
}

.focus\:fill-red-700:focus {
  fill: #BA393C;
}

.focus\:fill-red-800:focus {
  fill: #991b1b;
}

.focus\:fill-red-900:focus {
  fill: #7f1d1d;
}

.focus\:fill-rootly-orange:focus {
  fill: #FBB040;
}

.focus\:fill-secondary:focus {
  fill: #B2B0AD;
}

.focus\:fill-secondary-100:focus {
  fill: #F2F0EF;
}

.focus\:fill-secondary-300:focus {
  fill: #E6E4E1;
}

.focus\:fill-secondary-50:focus {
  fill: #FCFBFA;
}

.focus\:fill-secondary-500:focus {
  fill: #B2B0AD;
}

.focus\:fill-secondary-700:focus {
  fill: #787674;
}

.focus\:fill-secondary-900:focus {
  fill: #575554;
}

.focus\:fill-transparent:focus {
  fill: transparent;
}

.focus\:fill-v2-ai-bg:focus {
  fill: #f3f3fa;
}

.focus\:fill-v2-ai-bg-strong:focus {
  fill: #e3e3f4;
}

.focus\:fill-v2-ai-bg-subtle:focus {
  fill: #fafafd;
}

.focus\:fill-v2-ai-border-base:focus {
  fill: #c3c3ea;
}

.focus\:fill-v2-ai-border-faint:focus {
  fill: #d7d7f0;
}

.focus\:fill-v2-ai-border-strong:focus {
  fill: #9792da;
}

.focus\:fill-v2-ai-border-subdued:focus {
  fill: #e3e3f4;
}

.focus\:fill-v2-ai-edit-border:focus {
  fill: #b21c51;
}

.focus\:fill-v2-ai-primary:focus {
  fill: #4a3e8e;
}

.focus\:fill-v2-ai-secondary:focus {
  fill: #6858c2;
}

.focus\:fill-v2-ai-tertiary:focus {
  fill: #7468cb;
}

.focus\:fill-v2-background:focus {
  fill: #e7e5e4;
}

.focus\:fill-v2-background-overlay:focus {
  fill: rgba(19, 19, 19, 0.15);
}

.focus\:fill-v2-body:focus {
  fill: #ffffff;
}

.focus\:fill-v2-border-base:focus {
  fill: #dcd9d7;
}

.focus\:fill-v2-border-critical:focus {
  fill: #fcdbda;
}

.focus\:fill-v2-border-forms:focus {
  fill: #87817b;
}

.focus\:fill-v2-border-selected:focus {
  fill: #5446a2;
}

.focus\:fill-v2-border-subdued:focus {
  fill: #f7f7f6;
}

.focus\:fill-v2-border-tooltip-shortcut:focus {
  fill: #c3c3ea;
}

.focus\:fill-v2-brand-bg:focus {
  fill: #f3f3fa;
}

.focus\:fill-v2-button-critical:focus {
  fill: #ad211a;
}

.focus\:fill-v2-button-critical-hover:focus {
  fill: #97201b;
}

.focus\:fill-v2-button-critical-pressed:focus {
  fill: #681c18;
}

.focus\:fill-v2-button-disabled:focus {
  fill: #c6c2bf;
}

.focus\:fill-v2-button-primary:focus {
  fill: #262048;
}

.focus\:fill-v2-button-primary-hover:focus {
  fill: #43387b;
}

.focus\:fill-v2-chip-bg-neutral:focus {
  fill: #f7f7f6;
}

.focus\:fill-v2-chip-border-neutral:focus {
  fill: #e7e5e4;
}

.focus\:fill-v2-chip-text-neutral:focus {
  fill: #4a4741;
}

.focus\:fill-v2-critical:focus {
  fill: #ad211a;
}

.focus\:fill-v2-critical-bg:focus {
  fill: #fdf3f2;
}

.focus\:fill-v2-default-shortcut-bg:focus {
  fill: #f7f7f6;
}

.focus\:fill-v2-disabled:focus {
  fill: #c6c2bf;
}

.focus\:fill-v2-divider:focus {
  fill: #dcd9d7;
}

.focus\:fill-v2-drawer:focus {
  fill: #ffffff;
}

.focus\:fill-v2-field-disabled:focus {
  fill: #f7f7f6;
}

.focus\:fill-v2-focus-shadow:focus {
  fill: rgba(151, 146, 218, 0.25);
}

.focus\:fill-v2-icon-ai-base:focus {
  fill: #5446a2;
}

.focus\:fill-v2-icon-ai-subdued:focus {
  fill: #9792da;
}

.focus\:fill-v2-icon-base:focus {
  fill: #3b3733;
}

.focus\:fill-v2-icon-critical:focus {
  fill: #97201b;
}

.focus\:fill-v2-icon-disabled:focus {
  fill: #c6c2bf;
}

.focus\:fill-v2-icon-on-primary:focus {
  fill: #ffffff;
}

.focus\:fill-v2-icon-subdued:focus {
  fill: #87817b;
}

.focus\:fill-v2-level1:focus {
  fill: #fcfbfa;
}

.focus\:fill-v2-level2:focus {
  fill: #f7f7f6;
}

.focus\:fill-v2-level3:focus {
  fill: #f0f0ef;
}

.focus\:fill-v2-placeholder:focus {
  fill: #87817b;
}

.focus\:fill-v2-popup:focus {
  fill: #ffffff;
}

.focus\:fill-v2-primary:focus {
  fill: #292523;
}

.focus\:fill-v2-secondary:focus {
  fill: #57534d;
}

.focus\:fill-v2-selected:focus {
  fill: #4a3e8e;
}

.focus\:fill-v2-shortcut-text:focus {
  fill: #6c6761;
}

.focus\:fill-v2-subdued:focus {
  fill: #87817b;
}

.focus\:fill-v2-success:focus {
  fill: #2e6140;
}

.focus\:fill-v2-success-bg:focus {
  fill: #e8faef;
}

.focus\:fill-v2-tertiary:focus {
  fill: #6c6761;
}

.focus\:fill-v2-text-on-primary:focus {
  fill: #ffffff;
}

.focus\:fill-v2-text-on-secondary:focus {
  fill: #292523;
}

.focus\:fill-v2-tooltip:focus {
  fill: #362e64;
}

.focus\:fill-v2-tooltip-shortcut-bg:focus {
  fill: #d7d7f0;
}

.focus\:fill-v2-tooltip-shortcut-text:focus {
  fill: #4a3e8e;
}

.focus\:fill-v2-warning:focus {
  fill: #7f500c;
}

.focus\:fill-v2-warning-bg:focus {
  fill: #fafbd6;
}

.focus\:fill-white:focus {
  fill: #fff;
}

.focus\:fill-yellow:focus {
  fill: #E58A1F;
}

.focus\:fill-yellow-100:focus {
  fill: #FCF2CF;
}

.focus\:fill-yellow-200:focus {
  fill: #fef08a;
}

.focus\:fill-yellow-300:focus {
  fill: #FAEBB7;
}

.focus\:fill-yellow-400:focus {
  fill: #facc15;
}

.focus\:fill-yellow-50:focus {
  fill: #fefce8;
}

.focus\:fill-yellow-500:focus {
  fill: #E58A1F;
}

.focus\:fill-yellow-600:focus {
  fill: #ca8a04;
}

.focus\:fill-yellow-700:focus {
  fill: #B27A25;
}

.focus\:fill-yellow-800:focus {
  fill: #854d0e;
}

.focus\:fill-yellow-900:focus {
  fill: #713f12;
}

.focus\:px-4:focus {
  padding-left: 1rem;
  padding-right: 1rem;
}

.focus\:py-2:focus {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.focus\:text-black:focus {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.focus\:text-blue:focus {
  --tw-text-opacity: 1;
  color: rgb(33 114 217 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-100:focus {
  --tw-text-opacity: 1;
  color: rgb(228 238 247 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-200:focus {
  --tw-text-opacity: 1;
  color: rgb(203 224 240 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-300:focus {
  --tw-text-opacity: 1;
  color: rgb(215 231 245 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-400:focus {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-50:focus {
  --tw-text-opacity: 1;
  color: rgb(234 242 248 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-500:focus {
  --tw-text-opacity: 1;
  color: rgb(33 114 217 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-600:focus {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-700:focus {
  --tw-text-opacity: 1;
  color: rgb(53 95 137 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-800:focus {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.focus\:text-blue-900:focus {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.focus\:text-gray:focus {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-100:focus {
  --tw-text-opacity: 1;
  color: rgb(242 240 239 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-200:focus {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-300:focus {
  --tw-text-opacity: 1;
  color: rgb(230 228 225 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-400:focus {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-50:focus {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-500:focus {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-600:focus {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-700:focus {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-800:focus {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.focus\:text-gray-900:focus {
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

.focus\:text-green:focus {
  --tw-text-opacity: 1;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1));
}

.focus\:text-green-100:focus {
  --tw-text-opacity: 1;
  color: rgb(230 250 238 / var(--tw-text-opacity, 1));
}

.focus\:text-green-200:focus {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.focus\:text-green-300:focus {
  --tw-text-opacity: 1;
  color: rgb(215 245 225 / var(--tw-text-opacity, 1));
}

.focus\:text-green-400:focus {
  --tw-text-opacity: 1;
  color: rgb(60 184 120 / var(--tw-text-opacity, 1));
}

.focus\:text-green-50:focus {
  --tw-text-opacity: 1;
  color: rgb(240 253 244 / var(--tw-text-opacity, 1));
}

.focus\:text-green-500:focus {
  --tw-text-opacity: 1;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1));
}

.focus\:text-green-600:focus {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.focus\:text-green-700:focus {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.focus\:text-green-800:focus {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.focus\:text-green-900:focus {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.focus\:text-orange:focus {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-100:focus {
  --tw-text-opacity: 1;
  color: rgb(250 238 230 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-200:focus {
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-300:focus {
  --tw-text-opacity: 1;
  color: rgb(245 217 196 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-400:focus {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-50:focus {
  --tw-text-opacity: 1;
  color: rgb(255 247 237 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-500:focus {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-600:focus {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-700:focus {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-800:focus {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

.focus\:text-orange-900:focus {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}

.focus\:text-primary:focus {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.focus\:text-primary-100:focus {
  --tw-text-opacity: 1;
  color: rgb(233 226 255 / var(--tw-text-opacity, 1));
}

.focus\:text-primary-300:focus {
  --tw-text-opacity: 1;
  color: rgb(159 122 246 / var(--tw-text-opacity, 1));
}

.focus\:text-primary-50:focus {
  --tw-text-opacity: 1;
  color: rgb(245 243 252 / var(--tw-text-opacity, 1));
}

.focus\:text-primary-500:focus {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.focus\:text-primary-600:focus {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.focus\:text-primary-700:focus {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.focus\:text-primary-800:focus {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.focus\:text-primary-900:focus {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.focus\:text-purple:focus {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-100:focus {
  --tw-text-opacity: 1;
  color: rgb(233 226 255 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-200:focus {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-300:focus {
  --tw-text-opacity: 1;
  color: rgb(159 122 246 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-400:focus {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-50:focus {
  --tw-text-opacity: 1;
  color: rgb(245 243 252 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-500:focus {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-600:focus {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-700:focus {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-800:focus {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.focus\:text-purple-900:focus {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.focus\:text-red:focus {
  --tw-text-opacity: 1;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1));
}

.focus\:text-red-100:focus {
  --tw-text-opacity: 1;
  color: rgb(250 230 232 / var(--tw-text-opacity, 1));
}

.focus\:text-red-200:focus {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.focus\:text-red-300:focus {
  --tw-text-opacity: 1;
  color: rgb(244 207 209 / var(--tw-text-opacity, 1));
}

.focus\:text-red-400:focus {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.focus\:text-red-50:focus {
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}

.focus\:text-red-500:focus {
  --tw-text-opacity: 1;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1));
}

.focus\:text-red-600:focus {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.focus\:text-red-700:focus {
  --tw-text-opacity: 1;
  color: rgb(186 57 60 / var(--tw-text-opacity, 1));
}

.focus\:text-red-800:focus {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.focus\:text-red-900:focus {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.focus\:text-rootly-orange:focus {
  --tw-text-opacity: 1;
  color: rgb(251 176 64 / var(--tw-text-opacity, 1));
}

.focus\:text-secondary:focus {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.focus\:text-secondary-100:focus {
  --tw-text-opacity: 1;
  color: rgb(242 240 239 / var(--tw-text-opacity, 1));
}

.focus\:text-secondary-300:focus {
  --tw-text-opacity: 1;
  color: rgb(230 228 225 / var(--tw-text-opacity, 1));
}

.focus\:text-secondary-50:focus {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.focus\:text-secondary-500:focus {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.focus\:text-secondary-700:focus {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.focus\:text-secondary-900:focus {
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

.focus\:text-transparent:focus {
  color: transparent;
}

.focus\:text-v2-ai-bg:focus {
  --tw-text-opacity: 1;
  color: rgb(243 243 250 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-bg-strong:focus {
  --tw-text-opacity: 1;
  color: rgb(227 227 244 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-bg-subtle:focus {
  --tw-text-opacity: 1;
  color: rgb(250 250 253 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-border-base:focus {
  --tw-text-opacity: 1;
  color: rgb(195 195 234 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-border-faint:focus {
  --tw-text-opacity: 1;
  color: rgb(215 215 240 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-border-strong:focus {
  --tw-text-opacity: 1;
  color: rgb(151 146 218 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-border-subdued:focus {
  --tw-text-opacity: 1;
  color: rgb(227 227 244 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-edit-border:focus {
  --tw-text-opacity: 1;
  color: rgb(178 28 81 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-primary:focus {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-secondary:focus {
  --tw-text-opacity: 1;
  color: rgb(104 88 194 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-ai-tertiary:focus {
  --tw-text-opacity: 1;
  color: rgb(116 104 203 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-background:focus {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-background-overlay:focus {
  color: rgba(19, 19, 19, 0.15);
}

.focus\:text-v2-body:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-border-base:focus {
  --tw-text-opacity: 1;
  color: rgb(220 217 215 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-border-critical:focus {
  --tw-text-opacity: 1;
  color: rgb(252 219 218 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-border-forms:focus {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-border-selected:focus {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-border-subdued:focus {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-border-tooltip-shortcut:focus {
  --tw-text-opacity: 1;
  color: rgb(195 195 234 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-brand-bg:focus {
  --tw-text-opacity: 1;
  color: rgb(243 243 250 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-button-critical:focus {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-button-critical-hover:focus {
  --tw-text-opacity: 1;
  color: rgb(151 32 27 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-button-critical-pressed:focus {
  --tw-text-opacity: 1;
  color: rgb(104 28 24 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-button-disabled:focus {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-button-primary:focus {
  --tw-text-opacity: 1;
  color: rgb(38 32 72 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-button-primary-hover:focus {
  --tw-text-opacity: 1;
  color: rgb(67 56 123 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-chip-bg-neutral:focus {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-chip-border-neutral:focus {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-chip-text-neutral:focus {
  --tw-text-opacity: 1;
  color: rgb(74 71 65 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-critical:focus {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-critical-bg:focus {
  --tw-text-opacity: 1;
  color: rgb(253 243 242 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-default-shortcut-bg:focus {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-disabled:focus {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-divider:focus {
  --tw-text-opacity: 1;
  color: rgb(220 217 215 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-drawer:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-field-disabled:focus {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-focus-shadow:focus {
  color: rgba(151, 146, 218, 0.25);
}

.focus\:text-v2-icon-ai-base:focus {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-icon-ai-subdued:focus {
  --tw-text-opacity: 1;
  color: rgb(151 146 218 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-icon-base:focus {
  --tw-text-opacity: 1;
  color: rgb(59 55 51 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-icon-critical:focus {
  --tw-text-opacity: 1;
  color: rgb(151 32 27 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-icon-disabled:focus {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-icon-on-primary:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-icon-subdued:focus {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-level1:focus {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-level2:focus {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-level3:focus {
  --tw-text-opacity: 1;
  color: rgb(240 240 239 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-placeholder:focus {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-popup:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-primary:focus {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-secondary:focus {
  --tw-text-opacity: 1;
  color: rgb(87 83 77 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-selected:focus {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-shortcut-text:focus {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-subdued:focus {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-success:focus {
  --tw-text-opacity: 1;
  color: rgb(46 97 64 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-success-bg:focus {
  --tw-text-opacity: 1;
  color: rgb(232 250 239 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-tertiary:focus {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-text-on-primary:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-text-on-secondary:focus {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-tooltip:focus {
  --tw-text-opacity: 1;
  color: rgb(54 46 100 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-tooltip-shortcut-bg:focus {
  --tw-text-opacity: 1;
  color: rgb(215 215 240 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-tooltip-shortcut-text:focus {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-warning:focus {
  --tw-text-opacity: 1;
  color: rgb(127 80 12 / var(--tw-text-opacity, 1));
}

.focus\:text-v2-warning-bg:focus {
  --tw-text-opacity: 1;
  color: rgb(250 251 214 / var(--tw-text-opacity, 1));
}

.focus\:text-white:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow:focus {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-100:focus {
  --tw-text-opacity: 1;
  color: rgb(252 242 207 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-200:focus {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-300:focus {
  --tw-text-opacity: 1;
  color: rgb(250 235 183 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-400:focus {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-50:focus {
  --tw-text-opacity: 1;
  color: rgb(254 252 232 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-500:focus {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-600:focus {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-700:focus {
  --tw-text-opacity: 1;
  color: rgb(178 122 37 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-800:focus {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.focus\:text-yellow-900:focus {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.focus\:opacity-100:focus {
  opacity: 1;
}

.focus\:\!shadow-none:focus {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:shadow-v2-focus:focus {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:\!outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:\!ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(33 114 217 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(228 238 247 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 224 240 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 231 245 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 242 248 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(33 114 217 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(53 95 137 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 240 239 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 228 225 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 118 116 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 85 84 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 133 82 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 250 238 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 245 225 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(60 184 120 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 253 244 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 133 82 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity, 1));
}

.focus\:ring-green-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 83 45 / var(--tw-ring-opacity, 1));
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 238 230 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 217 196 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 247 237 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(194 65 12 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(154 52 18 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 45 18 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 226 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(159 122 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 243 252 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 32 238 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.focus\:ring-primary-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 26 51 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 226 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(159 122 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 243 252 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 32 238 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.focus\:ring-purple-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 26 51 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 60 64 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 230 232 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 207 209 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 60 64 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(186 57 60 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity, 1));
}

.focus\:ring-rootly-orange:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 176 64 / var(--tw-ring-opacity, 1));
}

.focus\:ring-secondary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.focus\:ring-secondary-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 240 239 / var(--tw-ring-opacity, 1));
}

.focus\:ring-secondary-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 228 225 / var(--tw-ring-opacity, 1));
}

.focus\:ring-secondary-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.focus\:ring-secondary-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.focus\:ring-secondary-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 118 116 / var(--tw-ring-opacity, 1));
}

.focus\:ring-secondary-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 85 84 / var(--tw-ring-opacity, 1));
}

.focus\:ring-transparent:focus {
  --tw-ring-color: transparent;
}

.focus\:ring-v2-ai-bg:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 243 250 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-bg-strong:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 227 244 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-bg-subtle:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 250 253 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-border-base:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(195 195 234 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-border-faint:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-border-strong:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 146 218 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-border-subdued:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 227 244 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-edit-border:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 28 81 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-secondary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(104 88 194 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-ai-tertiary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(116 104 203 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-background:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-background-overlay:focus {
  --tw-ring-color: rgba(19, 19, 19, 0.15);
}

.focus\:ring-v2-body:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-border-base:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-border-critical:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 219 218 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-border-forms:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-border-selected:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-border-subdued:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-border-tooltip-shortcut:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(195 195 234 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-brand-bg:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 243 250 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-button-critical:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-button-critical-hover:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 32 27 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-button-critical-pressed:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(104 28 24 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-button-disabled:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-button-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 32 72 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-button-primary-hover:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(67 56 123 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-chip-bg-neutral:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-chip-border-neutral:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-chip-text-neutral:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 71 65 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-critical:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-critical-bg:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 243 242 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-default-shortcut-bg:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-disabled:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-divider:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-drawer:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-field-disabled:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-focus-shadow:focus {
  --tw-ring-color: rgba(151, 146, 218, 0.25);
}

.focus\:ring-v2-icon-ai-base:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-icon-ai-subdued:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 146 218 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-icon-base:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 55 51 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-icon-critical:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 32 27 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-icon-disabled:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-icon-on-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-icon-subdued:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-level1:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-level2:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-level3:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 240 239 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-placeholder:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-popup:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 35 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-secondary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 83 77 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-selected:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-shortcut-text:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(108 103 97 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-subdued:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-success:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(46 97 64 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-success-bg:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 250 239 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-tertiary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(108 103 97 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-text-on-primary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-text-on-secondary:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 35 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-tooltip:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(54 46 100 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-tooltip-shortcut-bg:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-tooltip-shortcut-text:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-warning:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 80 12 / var(--tw-ring-opacity, 1));
}

.focus\:ring-v2-warning-bg:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 251 214 / var(--tw-ring-opacity, 1));
}

.focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 242 207 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-200:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 240 138 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 235 183 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-50:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 252 232 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 122 37 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-800:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(133 77 14 / var(--tw-ring-opacity, 1));
}

.focus\:ring-yellow-900:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(113 63 18 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus\:focus-ring:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.25;
  --tw-ring-offset-width: 0px;
}

.focus\:empty\:before\:text-v2-text-on-primary:empty:focus::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.focus-visible\:pointer-events-auto:focus-visible {
  pointer-events: auto;
}

.focus-visible\:w-6:focus-visible {
  width: 1.5rem;
}

.focus-visible\:scale-100:focus-visible {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.focus-visible\:underline:focus-visible {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.focus-visible\:opacity-100:focus-visible {
  opacity: 1;
}

.focus-visible\:shadow-v2-focus:focus-visible {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25);
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-visible\:\!outline-none:focus-visible {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:-outline-offset-2:focus-visible {
  outline-offset: -2px;
}

.focus-visible\:outline-offset-1:focus-visible {
  outline-offset: 1px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-indigo-600:focus-visible {
  outline-color: #4f46e5;
}

.focus-visible\:outline-v2-border-selected:focus-visible {
  outline-color: #5446a2;
}

.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset;
}

.focus-visible\:ring-gray-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-primary:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-v2-border-selected:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-v2-icon-ai-base:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:focus-ring:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
  --tw-ring-opacity: 0.25;
  --tw-ring-offset-width: 0px;
}

.focus-visible\:before\:bg-v2-border-selected:focus-visible::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:cursor-grabbing:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.active\:border-primary-300:active {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.active\:border-v2-button-critical-pressed:active {
  --tw-border-opacity: 1;
  border-color: rgb(104 28 24 / var(--tw-border-opacity, 1));
}

.active\:border-white\/10:active {
  border-color: rgb(255 255 255 / 0.1);
}

.active\:\!bg-v2-button-critical-pressed:active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(104 28 24 / var(--tw-bg-opacity, 1)) !important;
}

.active\:bg-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.active\:bg-green-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(230 250 238 / var(--tw-bg-opacity, 1));
}

.active\:bg-orange-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(250 238 230 / var(--tw-bg-opacity, 1));
}

.active\:bg-primary-50:active {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.active\:bg-secondary-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-ai-border-subdued:active {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-button-critical-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(104 28 24 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-button-primary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-avocado-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(233 245 152 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-brick-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(253 213 179 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-cherry-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(251 206 211 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-critical-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(251 179 177 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-glacier-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(203 224 240 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-lavender-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-neutral-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-pothos-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(200 242 216 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-robin-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(151 246 240 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-rose-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(249 208 228 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-saffron-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(245 242 153 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-chip-bg-tangerine-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(253 229 149 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-level2:active {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.active\:bg-v2-level3:active {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.active\:from-secondary-100:active {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.active\:to-secondary-100:active {
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.active\:brightness-95:active {
  --tw-brightness: brightness(.95);
  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);
}

.active\:before\:opacity-20:active::before {
  content: var(--tw-content);
  opacity: 0.2;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:resize-none:disabled {
  resize: none;
}

.disabled\:border-v2-border-subdued:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.disabled\:border-v2-disabled:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.disabled\:\!bg-gray-100:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1)) !important;
}

.disabled\:\!bg-green-100:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(230 250 238 / var(--tw-bg-opacity, 1)) !important;
}

.disabled\:\!bg-orange-100:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 238 230 / var(--tw-bg-opacity, 1)) !important;
}

.disabled\:\!bg-transparent:disabled {
  background-color: transparent !important;
}

.disabled\:bg-transparent:disabled {
  background-color: transparent;
}

.disabled\:bg-v2-disabled:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-v2-level3:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.disabled\:\!text-gray-900:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1)) !important;
}

.disabled\:\!text-green-700:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1)) !important;
}

.disabled\:\!text-orange-700:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1)) !important;
}

.disabled\:text-v2-disabled:disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.disabled\:\!opacity-100:disabled {
  opacity: 1 !important;
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

.disabled\:shadow-none:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.disabled\:placeholder\:text-v2-disabled:disabled::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.disabled\:placeholder\:text-v2-disabled:disabled::-ms-input-placeholder {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.disabled\:placeholder\:text-v2-disabled:disabled::placeholder {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.disabled\:before\:hidden:disabled::before {
  content: var(--tw-content);
  display: none;
}

.disabled\:hover\:rounded-none:hover:disabled {
  border-radius: 0px;
}

.disabled\:hover\:bg-transparent:hover:disabled {
  background-color: transparent;
}

.disabled\:hover\:text-v2-disabled:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.disabled\:hover\:text-v2-tertiary:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.disabled\:hover\:shadow-none:hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:first-child .group-first\:hidden {
  display: none;
}

.group:first-child .group-first\:capitalize {
  text-transform: capitalize;
}

.group\/thread:only-child .group-only\/thread\:last\:rounded-b-md:last-child {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.group[open] .group-open\:hidden {
  display: none;
}

.group[open] .group-open\:rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[open] .group-open\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/workflow-row[open] .group-open\/workflow-row\:rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.group[open] .group-open\:rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.group\/chip:focus-within .group-focus-within\/chip\:pointer-events-auto {
  pointer-events: auto;
}

.group\/link-row:focus-within .group-focus-within\/link-row\:pointer-events-auto {
  pointer-events: auto;
}

.group:focus-within .group-focus-within\:pointer-events-auto {
  pointer-events: auto;
}

.group\/priority:focus-within .group-focus-within\/priority\:block {
  display: block;
}

.group\/header-cell:focus-within .group-focus-within\/header-cell\:w-6 {
  width: 1.5rem;
}

.group\/header-cell:focus-within .group-focus-within\/header-cell\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/details-section:focus-within .group-focus-within\/details-section\:bg-v2-ai-bg-strong {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.group\/details-section:focus-within .group-focus-within\/details-section\:bg-v2-level2 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.group\/chip:focus-within .group-focus-within\/chip\:opacity-100 {
  opacity: 1;
}

.group\/comment:focus-within .group-focus-within\/comment\:opacity-100 {
  opacity: 1;
}

.group\/header-cell:focus-within .group-focus-within\/header-cell\:opacity-100 {
  opacity: 1;
}

.group\/link-row:focus-within .group-focus-within\/link-row\:opacity-100 {
  opacity: 1;
}

.group\/liquid-block:focus-within .group-focus-within\/liquid-block\:opacity-100 {
  opacity: 1;
}

.group\/news-card:focus-within .group-focus-within\/news-card\:opacity-100 {
  opacity: 1;
}

.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}

.group\/ai-block:hover .group-hover\/ai-block\:pointer-events-auto {
  pointer-events: auto;
}

.group\/chip:hover .group-hover\/chip\:pointer-events-auto {
  pointer-events: auto;
}

.group\/field:hover .group-hover\/field\:pointer-events-auto {
  pointer-events: auto;
}

.group\/link-row:hover .group-hover\/link-row\:pointer-events-auto {
  pointer-events: auto;
}

.group\/tiptap:hover .group-hover\/tiptap\:pointer-events-auto {
  pointer-events: auto;
}

.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}

.group\/item:hover .group-hover\/item\:visible {
  visibility: visible;
}

.group\/menu-item:hover .group-hover\/menu-item\:visible {
  visibility: visible;
}

.group:hover .group-hover\:visible {
  visibility: visible;
}

.group:hover .group-hover\:ml-0 {
  margin-left: 0px;
}

.group\/details-sidebar-header:hover .group-hover\/details-sidebar-header\:block {
  display: block;
}

.group\/priority:hover .group-hover\/priority\:block {
  display: block;
}

.group\/option:hover .group-hover\/option\:flex {
  display: flex;
}

.group\/switcher:hover .group-hover\/switcher\:flex {
  display: flex;
}

.group:hover .group-hover\:flex {
  display: flex;
}

.group\/details-sidebar-header:hover .group-hover\/details-sidebar-header\:hidden {
  display: none;
}

.group:hover .group-hover\:hidden {
  display: none;
}

.group\/header-cell:hover .group-hover\/header-cell\:w-6 {
  width: 1.5rem;
}

.group:hover .group-hover\:max-w-4 {
  max-width: 1rem;
}

.group:hover .group-hover\:max-w-\[13rem\] {
  max-width: 13rem;
}

.group\/card:hover .group-hover\/card\:-translate-y-px {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/card:hover .group-hover\/card\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/header-cell:hover .group-hover\/header-cell\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.15\] {
  --tw-scale-x: 1.15;
  --tw-scale-y: 1.15;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:divide-black > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(228 238 247 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 231 245 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(234 242 248 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(53 95 137 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 250 238 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 245 225 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(60 184 120 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 253 244 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-green-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 238 230 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 217 196 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 247 237 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-orange-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-primary-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-primary-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-primary-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-primary-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-primary-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-primary-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-primary-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-primary-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 230 232 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(244 207 209 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 242 242 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(186 57 60 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-red-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-rootly-orange > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(251 176 64 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-secondary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-secondary-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-secondary-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-secondary-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-secondary-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-secondary-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-secondary-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
  border-color: transparent;
}

.group:hover .group-hover\:divide-v2-ai-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-bg-strong > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-bg-subtle > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 250 253 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-border-base > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-border-faint > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-border-strong > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-border-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-edit-border > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 28 81 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-secondary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(104 88 194 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-ai-tertiary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(116 104 203 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-background > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-background-overlay > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(19, 19, 19, 0.15);
}

.group:hover .group-hover\:divide-v2-body > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-border-base > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-border-critical > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 219 218 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-border-forms > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-border-selected > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-border-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-border-tooltip-shortcut > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-brand-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-button-critical > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-button-critical-hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-button-critical-pressed > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(104 28 24 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-button-disabled > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-button-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(38 32 72 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-button-primary-hover > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(67 56 123 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-chip-bg-neutral > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-chip-border-neutral > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-chip-text-neutral > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 71 65 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-critical > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-critical-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(253 243 242 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-default-shortcut-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-disabled > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-divider > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-drawer > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-field-disabled > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-focus-shadow > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(151, 146, 218, 0.25);
}

.group:hover .group-hover\:divide-v2-icon-ai-base > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-icon-ai-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-icon-base > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(59 55 51 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-icon-critical > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-icon-disabled > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-icon-on-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-icon-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-level1 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-level2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-level3 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(240 240 239 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-placeholder > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-popup > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-secondary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(87 83 77 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-selected > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-shortcut-text > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-subdued > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-success > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(46 97 64 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-success-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(232 250 239 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-tertiary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-text-on-primary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-text-on-secondary > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-tooltip > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(54 46 100 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-tooltip-shortcut-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-tooltip-shortcut-text > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-warning > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(127 80 12 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-v2-warning-bg > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 251 214 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-white > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(252 242 207 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 235 183 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(254 252 232 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(178 122 37 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-divide-opacity, 1));
}

.group:hover .group-hover\:border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue {
  --tw-border-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(228 238 247 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(203 224 240 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(215 231 245 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-50 {
  --tw-border-opacity: 1;
  border-color: rgb(234 242 248 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(33 114 217 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(53 95 137 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-blue-900 {
  --tw-border-opacity: 1;
  border-color: rgb(30 58 138 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green {
  --tw-border-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-100 {
  --tw-border-opacity: 1;
  border-color: rgb(230 250 238 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(215 245 225 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-400 {
  --tw-border-opacity: 1;
  border-color: rgb(60 184 120 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-50 {
  --tw-border-opacity: 1;
  border-color: rgb(240 253 244 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 133 82 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-green-900 {
  --tw-border-opacity: 1;
  border-color: rgb(20 83 45 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(250 238 230 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-300 {
  --tw-border-opacity: 1;
  border-color: rgb(245 217 196 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-50 {
  --tw-border-opacity: 1;
  border-color: rgb(255 247 237 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-600 {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-700 {
  --tw-border-opacity: 1;
  border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-800 {
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-orange-900 {
  --tw-border-opacity: 1;
  border-color: rgb(124 45 18 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-primary-100 {
  --tw-border-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-primary-300 {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-primary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-primary-600 {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-primary-700 {
  --tw-border-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-primary-800 {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-primary-900 {
  --tw-border-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgb(233 226 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-50 {
  --tw-border-opacity: 1;
  border-color: rgb(245 243 252 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-600 {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-purple-900 {
  --tw-border-opacity: 1;
  border-color: rgb(30 26 51 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red {
  --tw-border-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(250 230 232 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(244 207 209 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-50 {
  --tw-border-opacity: 1;
  border-color: rgb(254 242 242 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(199 60 64 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(186 57 60 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-800 {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-red-900 {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-rootly-orange {
  --tw-border-opacity: 1;
  border-color: rgb(251 176 64 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-secondary-100 {
  --tw-border-opacity: 1;
  border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-secondary-300 {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-secondary-50 {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-secondary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(178 176 173 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-secondary-700 {
  --tw-border-opacity: 1;
  border-color: rgb(120 118 116 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-secondary-900 {
  --tw-border-opacity: 1;
  border-color: rgb(87 85 84 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-transparent {
  border-color: transparent;
}

.group:hover .group-hover\:border-v2-ai-bg {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-bg-strong {
  --tw-border-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-bg-subtle {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 253 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-border-base {
  --tw-border-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-border-faint {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-border-strong {
  --tw-border-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-border-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(227 227 244 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-edit-border {
  --tw-border-opacity: 1;
  border-color: rgb(178 28 81 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-primary {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(104 88 194 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-ai-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(116 104 203 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-background {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-background-overlay {
  border-color: rgba(19, 19, 19, 0.15);
}

.group:hover .group-hover\:border-v2-body {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-border-base {
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-border-critical {
  --tw-border-opacity: 1;
  border-color: rgb(252 219 218 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-border-forms {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-border-selected {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-border-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-border-tooltip-shortcut {
  --tw-border-opacity: 1;
  border-color: rgb(195 195 234 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-brand-bg {
  --tw-border-opacity: 1;
  border-color: rgb(243 243 250 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-button-critical {
  --tw-border-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-button-critical-hover {
  --tw-border-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-button-critical-pressed {
  --tw-border-opacity: 1;
  border-color: rgb(104 28 24 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-button-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-button-primary {
  --tw-border-opacity: 1;
  border-color: rgb(38 32 72 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-button-primary-hover {
  --tw-border-opacity: 1;
  border-color: rgb(67 56 123 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-chip-bg-neutral {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-chip-border-neutral {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-chip-text-neutral {
  --tw-border-opacity: 1;
  border-color: rgb(74 71 65 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-critical {
  --tw-border-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-critical-bg {
  --tw-border-opacity: 1;
  border-color: rgb(253 243 242 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-default-shortcut-bg {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-divider {
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-drawer {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-field-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-focus-shadow {
  border-color: rgba(151, 146, 218, 0.25);
}

.group:hover .group-hover\:border-v2-icon-ai-base {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-icon-ai-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(151 146 218 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-icon-base {
  --tw-border-opacity: 1;
  border-color: rgb(59 55 51 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-icon-critical {
  --tw-border-opacity: 1;
  border-color: rgb(151 32 27 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-icon-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-icon-on-primary {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-icon-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-level1 {
  --tw-border-opacity: 1;
  border-color: rgb(252 251 250 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-level2 {
  --tw-border-opacity: 1;
  border-color: rgb(247 247 246 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-level3 {
  --tw-border-opacity: 1;
  border-color: rgb(240 240 239 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-placeholder {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-popup {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-primary {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(87 83 77 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-selected {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-shortcut-text {
  --tw-border-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-subdued {
  --tw-border-opacity: 1;
  border-color: rgb(135 129 123 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-success {
  --tw-border-opacity: 1;
  border-color: rgb(46 97 64 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-success-bg {
  --tw-border-opacity: 1;
  border-color: rgb(232 250 239 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(108 103 97 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-text-on-primary {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-text-on-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(41 37 35 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-tooltip {
  --tw-border-opacity: 1;
  border-color: rgb(54 46 100 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-tooltip-shortcut-bg {
  --tw-border-opacity: 1;
  border-color: rgb(215 215 240 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-tooltip-shortcut-text {
  --tw-border-opacity: 1;
  border-color: rgb(74 62 142 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-warning {
  --tw-border-opacity: 1;
  border-color: rgb(127 80 12 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-v2-warning-bg {
  --tw-border-opacity: 1;
  border-color: rgb(250 251 214 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgb(252 242 207 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(250 235 183 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-400 {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-50 {
  --tw-border-opacity: 1;
  border-color: rgb(254 252 232 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(229 138 31 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgb(178 122 37 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-800 {
  --tw-border-opacity: 1;
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-yellow-900 {
  --tw-border-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-border-opacity, 1));
}

.group\/card:hover .group-hover\/card\:bg-v2-ai-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.group\/card:hover .group-hover\/card\:bg-v2-chip-bg-glacier {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 248 / var(--tw-bg-opacity, 1));
}

.group\/card:hover .group-hover\/card\:bg-v2-chip-bg-lavender {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 248 / var(--tw-bg-opacity, 1));
}

.group\/card:hover .group-hover\/card\:bg-v2-chip-bg-robin {
  --tw-bg-opacity: 1;
  background-color: rgb(215 252 249 / var(--tw-bg-opacity, 1));
}

.group\/card:hover .group-hover\/card\:bg-v2-chip-bg-saffron {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 214 / var(--tw-bg-opacity, 1));
}

.group\/card:hover .group-hover\/card\:bg-v2-level1 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.group\/details-section:hover .group-hover\/details-section\:bg-v2-ai-bg-strong {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.group\/details-section:hover .group-hover\/details-section\:bg-v2-level2 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.group\/option-row:hover .group-hover\/option-row\:bg-v2-level3 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.group\/section-header:hover .group-hover\/section-header\:bg-v2-level3 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.group\/tree-toggle:hover .group-hover\/tree-toggle\:bg-v2-level2 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(33 114 217 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 238 247 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 224 240 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 231 245 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 248 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(33 114 217 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(53 95 137 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 118 116 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green {
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 250 238 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 245 225 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(60 184 120 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 238 230 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 217 196 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(154 52 18 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-orange-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(159 122 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 32 238 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-primary-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(159 122 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 32 238 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-purple-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 26 51 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red {
  --tw-bg-opacity: 1;
  background-color: rgb(199 60 64 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 230 232 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 207 209 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(199 60 64 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(186 57 60 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-rootly-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(251 176 64 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-secondary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-secondary-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 225 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-secondary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-secondary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-secondary-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(120 118 116 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-secondary-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(87 85 84 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-transparent {
  background-color: transparent;
}

.group:hover .group-hover\:bg-v2-ai-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-bg-strong {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-bg-subtle {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 253 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-border-base {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-border-faint {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-border-strong {
  --tw-bg-opacity: 1;
  background-color: rgb(151 146 218 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-border-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-edit-border {
  --tw-bg-opacity: 1;
  background-color: rgb(178 28 81 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(104 88 194 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-ai-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(116 104 203 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-background {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-background-overlay {
  background-color: rgba(19, 19, 19, 0.15);
}

.group:hover .group-hover\:bg-v2-body {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-border-base {
  --tw-bg-opacity: 1;
  background-color: rgb(220 217 215 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-border-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(252 219 218 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-border-forms {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-border-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-border-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-border-tooltip-shortcut {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-brand-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-button-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-button-critical-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-button-critical-pressed {
  --tw-bg-opacity: 1;
  background-color: rgb(104 28 24 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-button-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-button-primary-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 123 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-chip-bg-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-chip-border-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-chip-text-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(74 71 65 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-critical-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-default-shortcut-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-divider {
  --tw-bg-opacity: 1;
  background-color: rgb(220 217 215 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-drawer {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-field-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-focus-shadow {
  background-color: rgba(151, 146, 218, 0.25);
}

.group:hover .group-hover\:bg-v2-icon-ai-base {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-icon-ai-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(151 146 218 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-icon-base {
  --tw-bg-opacity: 1;
  background-color: rgb(59 55 51 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-icon-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(151 32 27 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-icon-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-icon-on-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-icon-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-level1 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-level2 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-level3 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-placeholder {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-popup {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 35 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(87 83 77 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-shortcut-text {
  --tw-bg-opacity: 1;
  background-color: rgb(108 103 97 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-subdued {
  --tw-bg-opacity: 1;
  background-color: rgb(135 129 123 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-success {
  --tw-bg-opacity: 1;
  background-color: rgb(46 97 64 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-success-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(232 250 239 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(108 103 97 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-text-on-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-text-on-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 35 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-tooltip {
  --tw-bg-opacity: 1;
  background-color: rgb(54 46 100 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-tooltip-shortcut-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-tooltip-shortcut-text {
  --tw-bg-opacity: 1;
  background-color: rgb(74 62 142 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(127 80 12 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-v2-warning-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 214 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 242 207 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 235 183 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 138 31 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 122 37 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(133 77 14 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue {
  --tw-gradient-from: #2172d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(33 114 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-100 {
  --tw-gradient-from: #E4EEF7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(228 238 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-200 {
  --tw-gradient-from: #CBE0F0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(203 224 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-300 {
  --tw-gradient-from: #D7E7F5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 231 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-400 {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-50 {
  --tw-gradient-from: #EAF2F8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 242 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-500 {
  --tw-gradient-from: #2172d9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(33 114 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-700 {
  --tw-gradient-from: #355F89 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(53 95 137 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-800 {
  --tw-gradient-from: #1e40af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-blue-900 {
  --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-100 {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-200 {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-300 {
  --tw-gradient-from: #E6E4E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 228 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-400 {
  --tw-gradient-from: #9ca3af var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 163 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-50 {
  --tw-gradient-from: #FCFBFA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-500 {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-600 {
  --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-700 {
  --tw-gradient-from: #787674 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 118 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-800 {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-gray-900 {
  --tw-gradient-from: #575554 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 85 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green {
  --tw-gradient-from: #3B8552 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 133 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-100 {
  --tw-gradient-from: #E6FAEE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 250 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-200 {
  --tw-gradient-from: #bbf7d0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(187 247 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-300 {
  --tw-gradient-from: #D7F5E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 245 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-400 {
  --tw-gradient-from: #3CB878 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(60 184 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-500 {
  --tw-gradient-from: #3B8552 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 133 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-600 {
  --tw-gradient-from: #16a34a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-700 {
  --tw-gradient-from: #15803d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-800 {
  --tw-gradient-from: #166534 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-green-900 {
  --tw-gradient-from: #14532d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-100 {
  --tw-gradient-from: #FAEEE6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 238 230 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-200 {
  --tw-gradient-from: #fed7aa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 215 170 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-300 {
  --tw-gradient-from: #F5D9C4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 217 196 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-400 {
  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-50 {
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-500 {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-600 {
  --tw-gradient-from: #ea580c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-700 {
  --tw-gradient-from: #c2410c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-800 {
  --tw-gradient-from: #9a3412 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-orange-900 {
  --tw-gradient-from: #7c2d12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-primary {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-primary-100 {
  --tw-gradient-from: #E9E2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 226 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-primary-300 {
  --tw-gradient-from: #9F7AF6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 122 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-primary-50 {
  --tw-gradient-from: #F5F3FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-primary-500 {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-primary-600 {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-primary-700 {
  --tw-gradient-from: #5720EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 32 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-primary-800 {
  --tw-gradient-from: #5446A2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-primary-900 {
  --tw-gradient-from: #1E1A33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 26 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-100 {
  --tw-gradient-from: #E9E2FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 226 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-200 {
  --tw-gradient-from: #e9d5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-300 {
  --tw-gradient-from: #9F7AF6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 122 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-400 {
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-50 {
  --tw-gradient-from: #F5F3FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-500 {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-600 {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-700 {
  --tw-gradient-from: #5720EE var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 32 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-800 {
  --tw-gradient-from: #5446A2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-purple-900 {
  --tw-gradient-from: #1E1A33 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 26 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red {
  --tw-gradient-from: #C73C40 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 60 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-100 {
  --tw-gradient-from: #FAE6E8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 230 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-200 {
  --tw-gradient-from: #fecaca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 202 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-300 {
  --tw-gradient-from: #F4CFD1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 207 209 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-50 {
  --tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-500 {
  --tw-gradient-from: #C73C40 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(199 60 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-600 {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-700 {
  --tw-gradient-from: #BA393C var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(186 57 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-800 {
  --tw-gradient-from: #991b1b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-red-900 {
  --tw-gradient-from: #7f1d1d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-rootly-orange {
  --tw-gradient-from: #FBB040 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 176 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-secondary {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-secondary-100 {
  --tw-gradient-from: #F2F0EF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-secondary-300 {
  --tw-gradient-from: #E6E4E1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(230 228 225 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-secondary-50 {
  --tw-gradient-from: #FCFBFA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-secondary-500 {
  --tw-gradient-from: #B2B0AD var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 176 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-secondary-700 {
  --tw-gradient-from: #787674 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(120 118 116 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-secondary-900 {
  --tw-gradient-from: #575554 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 85 84 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-bg {
  --tw-gradient-from: #f3f3fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 243 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-bg-strong {
  --tw-gradient-from: #e3e3f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 227 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-bg-subtle {
  --tw-gradient-from: #fafafd var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 253 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-border-base {
  --tw-gradient-from: #c3c3ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 195 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-border-faint {
  --tw-gradient-from: #d7d7f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 215 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-border-strong {
  --tw-gradient-from: #9792da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 146 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-border-subdued {
  --tw-gradient-from: #e3e3f4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(227 227 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-edit-border {
  --tw-gradient-from: #b21c51 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 28 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-primary {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-secondary {
  --tw-gradient-from: #6858c2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(104 88 194 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-ai-tertiary {
  --tw-gradient-from: #7468cb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(116 104 203 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-background {
  --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-background-overlay {
  --tw-gradient-from: rgba(19, 19, 19, 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(19, 19, 19, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-body {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-border-base {
  --tw-gradient-from: #dcd9d7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 217 215 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-border-critical {
  --tw-gradient-from: #fcdbda var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 219 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-border-forms {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-border-selected {
  --tw-gradient-from: #5446a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-border-subdued {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-border-tooltip-shortcut {
  --tw-gradient-from: #c3c3ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 195 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-brand-bg {
  --tw-gradient-from: #f3f3fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 243 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-button-critical {
  --tw-gradient-from: #ad211a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 33 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-button-critical-hover {
  --tw-gradient-from: #97201b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 32 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-button-critical-pressed {
  --tw-gradient-from: #681c18 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(104 28 24 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-button-disabled {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-button-primary {
  --tw-gradient-from: #262048 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(38 32 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-button-primary-hover {
  --tw-gradient-from: #43387b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 56 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-chip-bg-neutral {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-chip-border-neutral {
  --tw-gradient-from: #e7e5e4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 229 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-chip-text-neutral {
  --tw-gradient-from: #4a4741 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 71 65 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-critical {
  --tw-gradient-from: #ad211a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 33 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-critical-bg {
  --tw-gradient-from: #fdf3f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(253 243 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-default-shortcut-bg {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-disabled {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-divider {
  --tw-gradient-from: #dcd9d7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 217 215 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-drawer {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-field-disabled {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-focus-shadow {
  --tw-gradient-from: rgba(151, 146, 218, 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(151, 146, 218, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-icon-ai-base {
  --tw-gradient-from: #5446a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-icon-ai-subdued {
  --tw-gradient-from: #9792da var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 146 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-icon-base {
  --tw-gradient-from: #3b3733 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 55 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-icon-critical {
  --tw-gradient-from: #97201b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(151 32 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-icon-disabled {
  --tw-gradient-from: #c6c2bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(198 194 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-icon-on-primary {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-icon-subdued {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-level1 {
  --tw-gradient-from: #fcfbfa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 251 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-level2 {
  --tw-gradient-from: #f7f7f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 247 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-level3 {
  --tw-gradient-from: #f0f0ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 240 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-placeholder {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-popup {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-primary {
  --tw-gradient-from: #292523 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 37 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-secondary {
  --tw-gradient-from: #57534d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(87 83 77 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-selected {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-shortcut-text {
  --tw-gradient-from: #6c6761 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(108 103 97 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-subdued {
  --tw-gradient-from: #87817b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(135 129 123 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-success {
  --tw-gradient-from: #2e6140 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(46 97 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-success-bg {
  --tw-gradient-from: #e8faef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 250 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-tertiary {
  --tw-gradient-from: #6c6761 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(108 103 97 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-text-on-primary {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-text-on-secondary {
  --tw-gradient-from: #292523 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(41 37 35 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-tooltip {
  --tw-gradient-from: #362e64 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(54 46 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-tooltip-shortcut-bg {
  --tw-gradient-from: #d7d7f0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 215 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-tooltip-shortcut-text {
  --tw-gradient-from: #4a3e8e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(74 62 142 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-warning {
  --tw-gradient-from: #7f500c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 80 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-v2-warning-bg {
  --tw-gradient-from: #fafbd6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 251 214 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-100 {
  --tw-gradient-from: #FCF2CF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(252 242 207 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-200 {
  --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-300 {
  --tw-gradient-from: #FAEBB7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 235 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-400 {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-50 {
  --tw-gradient-from: #fefce8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-500 {
  --tw-gradient-from: #E58A1F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 138 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-600 {
  --tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-700 {
  --tw-gradient-from: #B27A25 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(178 122 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-800 {
  --tw-gradient-from: #854d0e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(133 77 14 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:from-yellow-900 {
  --tw-gradient-from: #713f12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group:hover .group-hover\:to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue {
  --tw-gradient-to: #2172d9 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-100 {
  --tw-gradient-to: #E4EEF7 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-200 {
  --tw-gradient-to: #CBE0F0 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-300 {
  --tw-gradient-to: #D7E7F5 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-400 {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-50 {
  --tw-gradient-to: #EAF2F8 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-500 {
  --tw-gradient-to: #2172d9 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-700 {
  --tw-gradient-to: #355F89 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-800 {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-blue-900 {
  --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-100 {
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-200 {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-300 {
  --tw-gradient-to: #E6E4E1 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-400 {
  --tw-gradient-to: #9ca3af var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-50 {
  --tw-gradient-to: #FCFBFA var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-500 {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-600 {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-700 {
  --tw-gradient-to: #787674 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-800 {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-gray-900 {
  --tw-gradient-to: #575554 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green {
  --tw-gradient-to: #3B8552 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-100 {
  --tw-gradient-to: #E6FAEE var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-200 {
  --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-300 {
  --tw-gradient-to: #D7F5E1 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-400 {
  --tw-gradient-to: #3CB878 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-50 {
  --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-500 {
  --tw-gradient-to: #3B8552 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-600 {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-700 {
  --tw-gradient-to: #15803d var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-800 {
  --tw-gradient-to: #166534 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-green-900 {
  --tw-gradient-to: #14532d var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-100 {
  --tw-gradient-to: #FAEEE6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-200 {
  --tw-gradient-to: #fed7aa var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-300 {
  --tw-gradient-to: #F5D9C4 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-400 {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-50 {
  --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-500 {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-700 {
  --tw-gradient-to: #c2410c var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-800 {
  --tw-gradient-to: #9a3412 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-orange-900 {
  --tw-gradient-to: #7c2d12 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-primary {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-primary-100 {
  --tw-gradient-to: #E9E2FF var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-primary-300 {
  --tw-gradient-to: #9F7AF6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-primary-50 {
  --tw-gradient-to: #F5F3FC var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-primary-500 {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-primary-600 {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-primary-700 {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-primary-800 {
  --tw-gradient-to: #5446A2 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-primary-900 {
  --tw-gradient-to: #1E1A33 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-100 {
  --tw-gradient-to: #E9E2FF var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-200 {
  --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-300 {
  --tw-gradient-to: #9F7AF6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-400 {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-50 {
  --tw-gradient-to: #F5F3FC var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-500 {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-600 {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-700 {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-800 {
  --tw-gradient-to: #5446A2 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-purple-900 {
  --tw-gradient-to: #1E1A33 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red {
  --tw-gradient-to: #C73C40 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-100 {
  --tw-gradient-to: #FAE6E8 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-200 {
  --tw-gradient-to: #fecaca var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-300 {
  --tw-gradient-to: #F4CFD1 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-400 {
  --tw-gradient-to: #f87171 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-50 {
  --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-500 {
  --tw-gradient-to: #C73C40 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-700 {
  --tw-gradient-to: #BA393C var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-800 {
  --tw-gradient-to: #991b1b var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-red-900 {
  --tw-gradient-to: #7f1d1d var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-rootly-orange {
  --tw-gradient-to: #FBB040 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-secondary {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-secondary-100 {
  --tw-gradient-to: #F2F0EF var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-secondary-300 {
  --tw-gradient-to: #E6E4E1 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-secondary-50 {
  --tw-gradient-to: #FCFBFA var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-secondary-500 {
  --tw-gradient-to: #B2B0AD var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-secondary-700 {
  --tw-gradient-to: #787674 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-secondary-900 {
  --tw-gradient-to: #575554 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-bg {
  --tw-gradient-to: #f3f3fa var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-bg-strong {
  --tw-gradient-to: #e3e3f4 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-bg-subtle {
  --tw-gradient-to: #fafafd var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-border-base {
  --tw-gradient-to: #c3c3ea var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-border-faint {
  --tw-gradient-to: #d7d7f0 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-border-strong {
  --tw-gradient-to: #9792da var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-border-subdued {
  --tw-gradient-to: #e3e3f4 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-edit-border {
  --tw-gradient-to: #b21c51 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-primary {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-secondary {
  --tw-gradient-to: #6858c2 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-ai-tertiary {
  --tw-gradient-to: #7468cb var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-background {
  --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-background-overlay {
  --tw-gradient-to: rgba(19, 19, 19, 0.15) var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-body {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-border-base {
  --tw-gradient-to: #dcd9d7 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-border-critical {
  --tw-gradient-to: #fcdbda var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-border-forms {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-border-selected {
  --tw-gradient-to: #5446a2 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-border-subdued {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-border-tooltip-shortcut {
  --tw-gradient-to: #c3c3ea var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-brand-bg {
  --tw-gradient-to: #f3f3fa var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-button-critical {
  --tw-gradient-to: #ad211a var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-button-critical-hover {
  --tw-gradient-to: #97201b var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-button-critical-pressed {
  --tw-gradient-to: #681c18 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-button-disabled {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-button-primary {
  --tw-gradient-to: #262048 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-button-primary-hover {
  --tw-gradient-to: #43387b var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-chip-bg-neutral {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-chip-border-neutral {
  --tw-gradient-to: #e7e5e4 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-chip-text-neutral {
  --tw-gradient-to: #4a4741 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-critical {
  --tw-gradient-to: #ad211a var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-critical-bg {
  --tw-gradient-to: #fdf3f2 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-default-shortcut-bg {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-disabled {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-divider {
  --tw-gradient-to: #dcd9d7 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-drawer {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-field-disabled {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-focus-shadow {
  --tw-gradient-to: rgba(151, 146, 218, 0.25) var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-icon-ai-base {
  --tw-gradient-to: #5446a2 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-icon-ai-subdued {
  --tw-gradient-to: #9792da var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-icon-base {
  --tw-gradient-to: #3b3733 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-icon-critical {
  --tw-gradient-to: #97201b var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-icon-disabled {
  --tw-gradient-to: #c6c2bf var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-icon-on-primary {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-icon-subdued {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-level1 {
  --tw-gradient-to: #fcfbfa var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-level2 {
  --tw-gradient-to: #f7f7f6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-level3 {
  --tw-gradient-to: #f0f0ef var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-placeholder {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-popup {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-primary {
  --tw-gradient-to: #292523 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-secondary {
  --tw-gradient-to: #57534d var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-selected {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-shortcut-text {
  --tw-gradient-to: #6c6761 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-subdued {
  --tw-gradient-to: #87817b var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-success {
  --tw-gradient-to: #2e6140 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-success-bg {
  --tw-gradient-to: #e8faef var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-tertiary {
  --tw-gradient-to: #6c6761 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-text-on-primary {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-text-on-secondary {
  --tw-gradient-to: #292523 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-tooltip {
  --tw-gradient-to: #362e64 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-tooltip-shortcut-bg {
  --tw-gradient-to: #d7d7f0 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-tooltip-shortcut-text {
  --tw-gradient-to: #4a3e8e var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-warning {
  --tw-gradient-to: #7f500c var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-v2-warning-bg {
  --tw-gradient-to: #fafbd6 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-100 {
  --tw-gradient-to: #FCF2CF var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-200 {
  --tw-gradient-to: #fef08a var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-300 {
  --tw-gradient-to: #FAEBB7 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-400 {
  --tw-gradient-to: #facc15 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-50 {
  --tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-500 {
  --tw-gradient-to: #E58A1F var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-600 {
  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-700 {
  --tw-gradient-to: #B27A25 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-800 {
  --tw-gradient-to: #854d0e var(--tw-gradient-to-position);
}

.group:hover .group-hover\:to-yellow-900 {
  --tw-gradient-to: #713f12 var(--tw-gradient-to-position);
}

.group:hover .group-hover\:fill-black {
  fill: #000;
}

.group:hover .group-hover\:fill-blue {
  fill: #2172d9;
}

.group:hover .group-hover\:fill-blue-100 {
  fill: #E4EEF7;
}

.group:hover .group-hover\:fill-blue-200 {
  fill: #CBE0F0;
}

.group:hover .group-hover\:fill-blue-300 {
  fill: #D7E7F5;
}

.group:hover .group-hover\:fill-blue-400 {
  fill: #60a5fa;
}

.group:hover .group-hover\:fill-blue-50 {
  fill: #EAF2F8;
}

.group:hover .group-hover\:fill-blue-500 {
  fill: #2172d9;
}

.group:hover .group-hover\:fill-blue-600 {
  fill: #2563eb;
}

.group:hover .group-hover\:fill-blue-700 {
  fill: #355F89;
}

.group:hover .group-hover\:fill-blue-800 {
  fill: #1e40af;
}

.group:hover .group-hover\:fill-blue-900 {
  fill: #1e3a8a;
}

.group:hover .group-hover\:fill-gray {
  fill: #B2B0AD;
}

.group:hover .group-hover\:fill-gray-100 {
  fill: #F2F0EF;
}

.group:hover .group-hover\:fill-gray-200 {
  fill: #e5e7eb;
}

.group:hover .group-hover\:fill-gray-300 {
  fill: #E6E4E1;
}

.group:hover .group-hover\:fill-gray-400 {
  fill: #9ca3af;
}

.group:hover .group-hover\:fill-gray-50 {
  fill: #FCFBFA;
}

.group:hover .group-hover\:fill-gray-500 {
  fill: #B2B0AD;
}

.group:hover .group-hover\:fill-gray-600 {
  fill: #4b5563;
}

.group:hover .group-hover\:fill-gray-700 {
  fill: #787674;
}

.group:hover .group-hover\:fill-gray-800 {
  fill: #1f2937;
}

.group:hover .group-hover\:fill-gray-900 {
  fill: #575554;
}

.group:hover .group-hover\:fill-green {
  fill: #3B8552;
}

.group:hover .group-hover\:fill-green-100 {
  fill: #E6FAEE;
}

.group:hover .group-hover\:fill-green-200 {
  fill: #bbf7d0;
}

.group:hover .group-hover\:fill-green-300 {
  fill: #D7F5E1;
}

.group:hover .group-hover\:fill-green-400 {
  fill: #3CB878;
}

.group:hover .group-hover\:fill-green-50 {
  fill: #f0fdf4;
}

.group:hover .group-hover\:fill-green-500 {
  fill: #3B8552;
}

.group:hover .group-hover\:fill-green-600 {
  fill: #16a34a;
}

.group:hover .group-hover\:fill-green-700 {
  fill: #15803d;
}

.group:hover .group-hover\:fill-green-800 {
  fill: #166534;
}

.group:hover .group-hover\:fill-green-900 {
  fill: #14532d;
}

.group:hover .group-hover\:fill-orange {
  fill: #E58A1F;
}

.group:hover .group-hover\:fill-orange-100 {
  fill: #FAEEE6;
}

.group:hover .group-hover\:fill-orange-200 {
  fill: #fed7aa;
}

.group:hover .group-hover\:fill-orange-300 {
  fill: #F5D9C4;
}

.group:hover .group-hover\:fill-orange-400 {
  fill: #fb923c;
}

.group:hover .group-hover\:fill-orange-50 {
  fill: #fff7ed;
}

.group:hover .group-hover\:fill-orange-500 {
  fill: #E58A1F;
}

.group:hover .group-hover\:fill-orange-600 {
  fill: #ea580c;
}

.group:hover .group-hover\:fill-orange-700 {
  fill: #c2410c;
}

.group:hover .group-hover\:fill-orange-800 {
  fill: #9a3412;
}

.group:hover .group-hover\:fill-orange-900 {
  fill: #7c2d12;
}

.group:hover .group-hover\:fill-primary {
  fill: #7748F6;
}

.group:hover .group-hover\:fill-primary-100 {
  fill: #E9E2FF;
}

.group:hover .group-hover\:fill-primary-300 {
  fill: #9F7AF6;
}

.group:hover .group-hover\:fill-primary-50 {
  fill: #F5F3FC;
}

.group:hover .group-hover\:fill-primary-500 {
  fill: #7748F6;
}

.group:hover .group-hover\:fill-primary-600 {
  fill: #7748F6;
}

.group:hover .group-hover\:fill-primary-700 {
  fill: #5720EE;
}

.group:hover .group-hover\:fill-primary-800 {
  fill: #5446A2;
}

.group:hover .group-hover\:fill-primary-900 {
  fill: #1E1A33;
}

.group:hover .group-hover\:fill-purple {
  fill: #7748F6;
}

.group:hover .group-hover\:fill-purple-100 {
  fill: #E9E2FF;
}

.group:hover .group-hover\:fill-purple-200 {
  fill: #e9d5ff;
}

.group:hover .group-hover\:fill-purple-300 {
  fill: #9F7AF6;
}

.group:hover .group-hover\:fill-purple-400 {
  fill: #c084fc;
}

.group:hover .group-hover\:fill-purple-50 {
  fill: #F5F3FC;
}

.group:hover .group-hover\:fill-purple-500 {
  fill: #7748F6;
}

.group:hover .group-hover\:fill-purple-600 {
  fill: #7748F6;
}

.group:hover .group-hover\:fill-purple-700 {
  fill: #5720EE;
}

.group:hover .group-hover\:fill-purple-800 {
  fill: #5446A2;
}

.group:hover .group-hover\:fill-purple-900 {
  fill: #1E1A33;
}

.group:hover .group-hover\:fill-red {
  fill: #C73C40;
}

.group:hover .group-hover\:fill-red-100 {
  fill: #FAE6E8;
}

.group:hover .group-hover\:fill-red-200 {
  fill: #fecaca;
}

.group:hover .group-hover\:fill-red-300 {
  fill: #F4CFD1;
}

.group:hover .group-hover\:fill-red-400 {
  fill: #f87171;
}

.group:hover .group-hover\:fill-red-50 {
  fill: #fef2f2;
}

.group:hover .group-hover\:fill-red-500 {
  fill: #C73C40;
}

.group:hover .group-hover\:fill-red-600 {
  fill: #dc2626;
}

.group:hover .group-hover\:fill-red-700 {
  fill: #BA393C;
}

.group:hover .group-hover\:fill-red-800 {
  fill: #991b1b;
}

.group:hover .group-hover\:fill-red-900 {
  fill: #7f1d1d;
}

.group:hover .group-hover\:fill-rootly-orange {
  fill: #FBB040;
}

.group:hover .group-hover\:fill-secondary {
  fill: #B2B0AD;
}

.group:hover .group-hover\:fill-secondary-100 {
  fill: #F2F0EF;
}

.group:hover .group-hover\:fill-secondary-300 {
  fill: #E6E4E1;
}

.group:hover .group-hover\:fill-secondary-50 {
  fill: #FCFBFA;
}

.group:hover .group-hover\:fill-secondary-500 {
  fill: #B2B0AD;
}

.group:hover .group-hover\:fill-secondary-700 {
  fill: #787674;
}

.group:hover .group-hover\:fill-secondary-900 {
  fill: #575554;
}

.group:hover .group-hover\:fill-transparent {
  fill: transparent;
}

.group:hover .group-hover\:fill-v2-ai-bg {
  fill: #f3f3fa;
}

.group:hover .group-hover\:fill-v2-ai-bg-strong {
  fill: #e3e3f4;
}

.group:hover .group-hover\:fill-v2-ai-bg-subtle {
  fill: #fafafd;
}

.group:hover .group-hover\:fill-v2-ai-border-base {
  fill: #c3c3ea;
}

.group:hover .group-hover\:fill-v2-ai-border-faint {
  fill: #d7d7f0;
}

.group:hover .group-hover\:fill-v2-ai-border-strong {
  fill: #9792da;
}

.group:hover .group-hover\:fill-v2-ai-border-subdued {
  fill: #e3e3f4;
}

.group:hover .group-hover\:fill-v2-ai-edit-border {
  fill: #b21c51;
}

.group:hover .group-hover\:fill-v2-ai-primary {
  fill: #4a3e8e;
}

.group:hover .group-hover\:fill-v2-ai-secondary {
  fill: #6858c2;
}

.group:hover .group-hover\:fill-v2-ai-tertiary {
  fill: #7468cb;
}

.group:hover .group-hover\:fill-v2-background {
  fill: #e7e5e4;
}

.group:hover .group-hover\:fill-v2-background-overlay {
  fill: rgba(19, 19, 19, 0.15);
}

.group:hover .group-hover\:fill-v2-body {
  fill: #ffffff;
}

.group:hover .group-hover\:fill-v2-border-base {
  fill: #dcd9d7;
}

.group:hover .group-hover\:fill-v2-border-critical {
  fill: #fcdbda;
}

.group:hover .group-hover\:fill-v2-border-forms {
  fill: #87817b;
}

.group:hover .group-hover\:fill-v2-border-selected {
  fill: #5446a2;
}

.group:hover .group-hover\:fill-v2-border-subdued {
  fill: #f7f7f6;
}

.group:hover .group-hover\:fill-v2-border-tooltip-shortcut {
  fill: #c3c3ea;
}

.group:hover .group-hover\:fill-v2-brand-bg {
  fill: #f3f3fa;
}

.group:hover .group-hover\:fill-v2-button-critical {
  fill: #ad211a;
}

.group:hover .group-hover\:fill-v2-button-critical-hover {
  fill: #97201b;
}

.group:hover .group-hover\:fill-v2-button-critical-pressed {
  fill: #681c18;
}

.group:hover .group-hover\:fill-v2-button-disabled {
  fill: #c6c2bf;
}

.group:hover .group-hover\:fill-v2-button-primary {
  fill: #262048;
}

.group:hover .group-hover\:fill-v2-button-primary-hover {
  fill: #43387b;
}

.group:hover .group-hover\:fill-v2-chip-bg-neutral {
  fill: #f7f7f6;
}

.group:hover .group-hover\:fill-v2-chip-border-neutral {
  fill: #e7e5e4;
}

.group:hover .group-hover\:fill-v2-chip-text-neutral {
  fill: #4a4741;
}

.group:hover .group-hover\:fill-v2-critical {
  fill: #ad211a;
}

.group:hover .group-hover\:fill-v2-critical-bg {
  fill: #fdf3f2;
}

.group:hover .group-hover\:fill-v2-default-shortcut-bg {
  fill: #f7f7f6;
}

.group:hover .group-hover\:fill-v2-disabled {
  fill: #c6c2bf;
}

.group:hover .group-hover\:fill-v2-divider {
  fill: #dcd9d7;
}

.group:hover .group-hover\:fill-v2-drawer {
  fill: #ffffff;
}

.group:hover .group-hover\:fill-v2-field-disabled {
  fill: #f7f7f6;
}

.group:hover .group-hover\:fill-v2-focus-shadow {
  fill: rgba(151, 146, 218, 0.25);
}

.group:hover .group-hover\:fill-v2-icon-ai-base {
  fill: #5446a2;
}

.group:hover .group-hover\:fill-v2-icon-ai-subdued {
  fill: #9792da;
}

.group:hover .group-hover\:fill-v2-icon-base {
  fill: #3b3733;
}

.group:hover .group-hover\:fill-v2-icon-critical {
  fill: #97201b;
}

.group:hover .group-hover\:fill-v2-icon-disabled {
  fill: #c6c2bf;
}

.group:hover .group-hover\:fill-v2-icon-on-primary {
  fill: #ffffff;
}

.group:hover .group-hover\:fill-v2-icon-subdued {
  fill: #87817b;
}

.group:hover .group-hover\:fill-v2-level1 {
  fill: #fcfbfa;
}

.group:hover .group-hover\:fill-v2-level2 {
  fill: #f7f7f6;
}

.group:hover .group-hover\:fill-v2-level3 {
  fill: #f0f0ef;
}

.group:hover .group-hover\:fill-v2-placeholder {
  fill: #87817b;
}

.group:hover .group-hover\:fill-v2-popup {
  fill: #ffffff;
}

.group:hover .group-hover\:fill-v2-primary {
  fill: #292523;
}

.group:hover .group-hover\:fill-v2-secondary {
  fill: #57534d;
}

.group:hover .group-hover\:fill-v2-selected {
  fill: #4a3e8e;
}

.group:hover .group-hover\:fill-v2-shortcut-text {
  fill: #6c6761;
}

.group:hover .group-hover\:fill-v2-subdued {
  fill: #87817b;
}

.group:hover .group-hover\:fill-v2-success {
  fill: #2e6140;
}

.group:hover .group-hover\:fill-v2-success-bg {
  fill: #e8faef;
}

.group:hover .group-hover\:fill-v2-tertiary {
  fill: #6c6761;
}

.group:hover .group-hover\:fill-v2-text-on-primary {
  fill: #ffffff;
}

.group:hover .group-hover\:fill-v2-text-on-secondary {
  fill: #292523;
}

.group:hover .group-hover\:fill-v2-tooltip {
  fill: #362e64;
}

.group:hover .group-hover\:fill-v2-tooltip-shortcut-bg {
  fill: #d7d7f0;
}

.group:hover .group-hover\:fill-v2-tooltip-shortcut-text {
  fill: #4a3e8e;
}

.group:hover .group-hover\:fill-v2-warning {
  fill: #7f500c;
}

.group:hover .group-hover\:fill-v2-warning-bg {
  fill: #fafbd6;
}

.group:hover .group-hover\:fill-white {
  fill: #fff;
}

.group:hover .group-hover\:fill-yellow {
  fill: #E58A1F;
}

.group:hover .group-hover\:fill-yellow-100 {
  fill: #FCF2CF;
}

.group:hover .group-hover\:fill-yellow-200 {
  fill: #fef08a;
}

.group:hover .group-hover\:fill-yellow-300 {
  fill: #FAEBB7;
}

.group:hover .group-hover\:fill-yellow-400 {
  fill: #facc15;
}

.group:hover .group-hover\:fill-yellow-50 {
  fill: #fefce8;
}

.group:hover .group-hover\:fill-yellow-500 {
  fill: #E58A1F;
}

.group:hover .group-hover\:fill-yellow-600 {
  fill: #ca8a04;
}

.group:hover .group-hover\:fill-yellow-700 {
  fill: #B27A25;
}

.group:hover .group-hover\:fill-yellow-800 {
  fill: #854d0e;
}

.group:hover .group-hover\:fill-yellow-900 {
  fill: #713f12;
}

.group\/field:hover .group-hover\/field\:text-v2-tertiary {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.group\/icon:hover .group-hover\/icon\:text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.group\/section-header:hover .group-hover\/section-header\:text-v2-primary {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.group\/tree-toggle:hover .group-hover\/tree-toggle\:text-v2-primary {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue {
  --tw-text-opacity: 1;
  color: rgb(33 114 217 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(228 238 247 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(203 224 240 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(215 231 245 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-50 {
  --tw-text-opacity: 1;
  color: rgb(234 242 248 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(33 114 217 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(53 95 137 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(242 240 239 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(230 228 225 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-50 {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green {
  --tw-text-opacity: 1;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(230 250 238 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-200 {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(215 245 225 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(60 184 120 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-50 {
  --tw-text-opacity: 1;
  color: rgb(240 253 244 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(59 133 82 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-100 {
  --tw-text-opacity: 1;
  color: rgb(250 238 230 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-200 {
  --tw-text-opacity: 1;
  color: rgb(254 215 170 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-300 {
  --tw-text-opacity: 1;
  color: rgb(245 217 196 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-50 {
  --tw-text-opacity: 1;
  color: rgb(255 247 237 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-orange-900 {
  --tw-text-opacity: 1;
  color: rgb(124 45 18 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-100 {
  --tw-text-opacity: 1;
  color: rgb(233 226 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-300 {
  --tw-text-opacity: 1;
  color: rgb(159 122 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-50 {
  --tw-text-opacity: 1;
  color: rgb(245 243 252 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-500 {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-700 {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-800 {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-primary-900 {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-100 {
  --tw-text-opacity: 1;
  color: rgb(233 226 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-200 {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(159 122 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-50 {
  --tw-text-opacity: 1;
  color: rgb(245 243 252 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-800 {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-purple-900 {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red {
  --tw-text-opacity: 1;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(250 230 232 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(244 207 209 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-50 {
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(199 60 64 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(186 57 60 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-rootly-orange {
  --tw-text-opacity: 1;
  color: rgb(251 176 64 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-secondary {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-secondary-100 {
  --tw-text-opacity: 1;
  color: rgb(242 240 239 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-secondary-300 {
  --tw-text-opacity: 1;
  color: rgb(230 228 225 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-secondary-50 {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-secondary-500 {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-secondary-700 {
  --tw-text-opacity: 1;
  color: rgb(120 118 116 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-secondary-900 {
  --tw-text-opacity: 1;
  color: rgb(87 85 84 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-transparent {
  color: transparent;
}

.group:hover .group-hover\:text-v2-ai-bg {
  --tw-text-opacity: 1;
  color: rgb(243 243 250 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-bg-strong {
  --tw-text-opacity: 1;
  color: rgb(227 227 244 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-bg-subtle {
  --tw-text-opacity: 1;
  color: rgb(250 250 253 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-border-base {
  --tw-text-opacity: 1;
  color: rgb(195 195 234 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-border-faint {
  --tw-text-opacity: 1;
  color: rgb(215 215 240 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-border-strong {
  --tw-text-opacity: 1;
  color: rgb(151 146 218 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-border-subdued {
  --tw-text-opacity: 1;
  color: rgb(227 227 244 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-edit-border {
  --tw-text-opacity: 1;
  color: rgb(178 28 81 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-primary {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-secondary {
  --tw-text-opacity: 1;
  color: rgb(104 88 194 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-ai-tertiary {
  --tw-text-opacity: 1;
  color: rgb(116 104 203 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-background {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-background-overlay {
  color: rgba(19, 19, 19, 0.15);
}

.group:hover .group-hover\:text-v2-body {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-border-base {
  --tw-text-opacity: 1;
  color: rgb(220 217 215 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-border-critical {
  --tw-text-opacity: 1;
  color: rgb(252 219 218 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-border-forms {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-border-selected {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-border-subdued {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-border-tooltip-shortcut {
  --tw-text-opacity: 1;
  color: rgb(195 195 234 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-brand-bg {
  --tw-text-opacity: 1;
  color: rgb(243 243 250 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-button-critical {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-button-critical-hover {
  --tw-text-opacity: 1;
  color: rgb(151 32 27 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-button-critical-pressed {
  --tw-text-opacity: 1;
  color: rgb(104 28 24 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-button-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-button-primary {
  --tw-text-opacity: 1;
  color: rgb(38 32 72 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-button-primary-hover {
  --tw-text-opacity: 1;
  color: rgb(67 56 123 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-chip-bg-neutral {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-chip-border-neutral {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-chip-text-neutral {
  --tw-text-opacity: 1;
  color: rgb(74 71 65 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-critical {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-critical-bg {
  --tw-text-opacity: 1;
  color: rgb(253 243 242 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-default-shortcut-bg {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-divider {
  --tw-text-opacity: 1;
  color: rgb(220 217 215 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-drawer {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-field-disabled {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-focus-shadow {
  color: rgba(151, 146, 218, 0.25);
}

.group:hover .group-hover\:text-v2-icon-ai-base {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-icon-ai-subdued {
  --tw-text-opacity: 1;
  color: rgb(151 146 218 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-icon-base {
  --tw-text-opacity: 1;
  color: rgb(59 55 51 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-icon-critical {
  --tw-text-opacity: 1;
  color: rgb(151 32 27 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-icon-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-icon-on-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-icon-subdued {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-level1 {
  --tw-text-opacity: 1;
  color: rgb(252 251 250 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-level2 {
  --tw-text-opacity: 1;
  color: rgb(247 247 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-level3 {
  --tw-text-opacity: 1;
  color: rgb(240 240 239 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-placeholder {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-popup {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-primary {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-secondary {
  --tw-text-opacity: 1;
  color: rgb(87 83 77 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-selected {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-shortcut-text {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-subdued {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-success {
  --tw-text-opacity: 1;
  color: rgb(46 97 64 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-success-bg {
  --tw-text-opacity: 1;
  color: rgb(232 250 239 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-tertiary {
  --tw-text-opacity: 1;
  color: rgb(108 103 97 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-text-on-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-text-on-secondary {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-tooltip {
  --tw-text-opacity: 1;
  color: rgb(54 46 100 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-tooltip-shortcut-bg {
  --tw-text-opacity: 1;
  color: rgb(215 215 240 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-tooltip-shortcut-text {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-warning {
  --tw-text-opacity: 1;
  color: rgb(127 80 12 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-v2-warning-bg {
  --tw-text-opacity: 1;
  color: rgb(250 251 214 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgb(252 242 207 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(250 235 183 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-50 {
  --tw-text-opacity: 1;
  color: rgb(254 252 232 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(229 138 31 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(178 122 37 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.group\/alert-summary:hover .group-hover\/alert-summary\:underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.group\/link-chip:hover .group-hover\/link-chip\:underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.group\/ai-block:hover .group-hover\/ai-block\:opacity-100 {
  opacity: 1;
}

.group\/chip:hover .group-hover\/chip\:opacity-100 {
  opacity: 1;
}

.group\/comment:hover .group-hover\/comment\:opacity-100 {
  opacity: 1;
}

.group\/editor:hover .group-hover\/editor\:opacity-100 {
  opacity: 1;
}

.group\/field:hover .group-hover\/field\:opacity-100 {
  opacity: 1;
}

.group\/header-cell:hover .group-hover\/header-cell\:opacity-100 {
  opacity: 1;
}

.group\/level:hover .group-hover\/level\:opacity-100 {
  opacity: 1;
}

.group\/link-row:hover .group-hover\/link-row\:opacity-100 {
  opacity: 1;
}

.group\/liquid-block:hover .group-hover\/liquid-block\:opacity-100 {
  opacity: 1;
}

.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
  opacity: 1;
}

.group\/news-card:hover .group-hover\/news-card\:opacity-100 {
  opacity: 1;
}

.group\/option-row:hover .group-hover\/option-row\:opacity-0 {
  opacity: 0;
}

.group\/option-row:hover .group-hover\/option-row\:opacity-100 {
  opacity: 1;
}

.group\/paged:hover .group-hover\/paged\:opacity-100 {
  opacity: 1;
}

.group\/row:hover .group-hover\/row\:opacity-100 {
  opacity: 1;
}

.group\/tiptap:hover .group-hover\/tiptap\:opacity-100 {
  opacity: 1;
}

.group\/update:hover .group-hover\/update\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-0 {
  opacity: 0;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-30 {
  opacity: 0.3;
}

.group:hover .group-hover\:opacity-\[0\.2\] {
  opacity: 0.2;
}

.group:hover .group-hover\:opacity-\[0\.6\] {
  opacity: 0.6;
}

.group:hover .group-hover\:ring-black {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(33 114 217 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(228 238 247 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 224 240 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 231 245 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 242 248 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(33 114 217 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(53 95 137 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-blue-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 240 239 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 228 225 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 118 116 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-gray-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 85 84 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 133 82 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 250 238 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 245 225 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(60 184 120 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 253 244 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 133 82 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-green-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 83 45 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 238 230 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 217 196 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 247 237 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(194 65 12 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(154 52 18 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-orange-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(124 45 18 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-primary-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 226 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-primary-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(159 122 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-primary-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 243 252 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-primary-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-primary-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-primary-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 32 238 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-primary-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-primary-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 26 51 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 226 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(159 122 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(245 243 252 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(119 72 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 32 238 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-purple-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 26 51 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 60 64 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 230 232 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 207 209 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(199 60 64 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(186 57 60 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-red-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-rootly-orange {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 176 64 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-secondary-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(242 240 239 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-secondary-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(230 228 225 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-secondary-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-secondary-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 176 173 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-secondary-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(120 118 116 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-secondary-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 85 84 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-transparent {
  --tw-ring-color: transparent;
}

.group:hover .group-hover\:ring-v2-ai-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 243 250 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-bg-strong {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 227 244 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-bg-subtle {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 250 253 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-border-base {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(195 195 234 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-border-faint {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-border-strong {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 146 218 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-border-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(227 227 244 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-edit-border {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 28 81 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(104 88 194 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-ai-tertiary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(116 104 203 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-background {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-background-overlay {
  --tw-ring-color: rgba(19, 19, 19, 0.15);
}

.group:hover .group-hover\:ring-v2-body {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-border-base {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-border-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 219 218 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-border-forms {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-border-selected {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-border-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-border-tooltip-shortcut {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(195 195 234 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-brand-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 243 250 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-button-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-button-critical-hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 32 27 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-button-critical-pressed {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(104 28 24 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-button-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-button-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 32 72 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-button-primary-hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(67 56 123 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-chip-bg-neutral {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-chip-border-neutral {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-chip-text-neutral {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 71 65 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-critical-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 243 242 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-default-shortcut-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-divider {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-drawer {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-field-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-focus-shadow {
  --tw-ring-color: rgba(151, 146, 218, 0.25);
}

.group:hover .group-hover\:ring-v2-icon-ai-base {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-icon-ai-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 146 218 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-icon-base {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 55 51 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-icon-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(151 32 27 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-icon-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-icon-on-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-icon-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-level1 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 251 250 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-level2 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(247 247 246 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-level3 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(240 240 239 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-placeholder {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-popup {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 35 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(87 83 77 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-selected {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-shortcut-text {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(108 103 97 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-subdued {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(135 129 123 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-success {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(46 97 64 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-success-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 250 239 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-tertiary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(108 103 97 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-text-on-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-text-on-secondary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(41 37 35 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-tooltip {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(54 46 100 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-tooltip-shortcut-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(215 215 240 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-tooltip-shortcut-text {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(74 62 142 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-warning {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 80 12 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-v2-warning-bg {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 251 214 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 242 207 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 240 138 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 235 183 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-400 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-50 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 252 232 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 138 31 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(178 122 37 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(133 77 14 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:ring-yellow-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(113 63 18 / var(--tw-ring-opacity, 1));
}

.group:hover .group-hover\:brightness-75 {
  --tw-brightness: brightness(.75);
  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);
}

.group\/details-section[open] .group\/details-sidebar-header:hover .group-open\/details-section\:group-hover\/details-sidebar-header\:block {
  display: block;
}

.group\/details-section[open] .group\/details-sidebar-header:hover .group-open\/details-section\:group-hover\/details-sidebar-header\:hidden {
  display: none;
}

.group:focus-visible .group-focus-visible\:ml-0 {
  margin-left: 0px;
}

.group\/details-summary:focus-visible .group-focus-visible\/details-summary\:block {
  display: block;
}

.group\/details-summary:focus-visible .group-focus-visible\/details-summary\:hidden {
  display: none;
}

.group:focus-visible .group-focus-visible\:max-w-4 {
  max-width: 1rem;
}

.group:focus-visible .group-focus-visible\:max-w-\[13rem\] {
  max-width: 13rem;
}

.group\/card:focus-visible .group-focus-visible\/card\:-translate-y-px {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/card:focus-visible .group-focus-visible\/card\:translate-x-0\.5 {
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/card:focus-visible .group-focus-visible\/card\:bg-v2-ai-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.group\/card:focus-visible .group-focus-visible\/card\:bg-v2-chip-bg-glacier {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 248 / var(--tw-bg-opacity, 1));
}

.group\/card:focus-visible .group-focus-visible\/card\:bg-v2-chip-bg-lavender {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 248 / var(--tw-bg-opacity, 1));
}

.group\/card:focus-visible .group-focus-visible\/card\:bg-v2-chip-bg-robin {
  --tw-bg-opacity: 1;
  background-color: rgb(215 252 249 / var(--tw-bg-opacity, 1));
}

.group\/card:focus-visible .group-focus-visible\/card\:bg-v2-chip-bg-saffron {
  --tw-bg-opacity: 1;
  background-color: rgb(250 251 214 / var(--tw-bg-opacity, 1));
}

.group\/card:focus-visible .group-focus-visible\/card\:bg-v2-level1 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.group\/editor:focus-visible .group-focus-visible\/editor\:opacity-100 {
  opacity: 1;
}

.group:focus-visible .group-focus-visible\:opacity-100 {
  opacity: 1;
}

.group\/field:focus-visible .group-focus-visible\/field\:outline {
  outline-style: solid;
}

.group\/field:focus-visible .group-focus-visible\/field\:outline-2 {
  outline-width: 2px;
}

.group\/field:focus-visible .group-focus-visible\/field\:outline-offset-1 {
  outline-offset: 1px;
}

.group\/field:focus-visible .group-focus-visible\/field\:outline-v2-border-selected {
  outline-color: #5446a2;
}

.group:focus-visible .group-focus-visible\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.group:focus-visible .group-focus-visible\:ring-v2-border-selected {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.group:focus-visible .group-focus-visible\:ring-offset-1 {
  --tw-ring-offset-width: 1px;
}

.group\/details-section[open] .group\/details-summary:focus-visible .group-open\/details-section\:group-focus-visible\/details-summary\:block {
  display: block;
}

.group\/details-section[open] .group\/details-summary:focus-visible .group-open\/details-section\:group-focus-visible\/details-summary\:hidden {
  display: none;
}

.group\/menu-item:disabled .group-disabled\/menu-item\:text-v2-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.group\/ai-block.ProseMirror-selectednode .group-\[\.ProseMirror-selectednode\]\/ai-block\:pointer-events-auto {
  pointer-events: auto;
}

.group\/ai-block.ai-block-active .group-\[\.ai-block-active\]\/ai-block\:pointer-events-auto {
  pointer-events: auto;
}

.group\/ai-block.ai-block-focused .group-\[\.ai-block-focused\]\/ai-block\:pointer-events-auto {
  pointer-events: auto;
}

.group.first .group-\[\.first\]\:\!block {
  display: block !important;
}

.group\/comment-form.active-form .group-\[\.active-form\]\/comment-form\:flex {
  display: flex;
}

.group\/event-form.active-form .group-\[\.active-form\]\/event-form\:flex {
  display: flex;
}

.group.first .group-\[\.first\]\:\!hidden {
  display: none !important;
}

.group.first .group-\[\.first\]\:hidden {
  display: none;
}

.group.sortable-chosen .group-\[\.sortable-chosen\]\:cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.group\/thread.resolved-thread .group-\[\.resolved-thread\]\/thread\:rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.group.bg-purple-50 .group-\[\.bg-purple-50\]\:border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(159 122 246 / var(--tw-border-opacity, 1));
}

.group.disabled .group-\[\.disabled\]\:border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
}

.group.bg-purple-50 .group-\[\.bg-purple-50\]\:bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.group.disabled .group-\[\.disabled\]\:bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 239 / var(--tw-bg-opacity, 1));
}

.group.disabled .group-\[\.disabled\]\:bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.group[data-selected]:hover .group-\[\[data-selected\]\:hover\]\:bg-v2-active-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.group:open .group-\[\:open\]\:pb-0 {
  padding-bottom: 0px;
}

.group.first .group-\[\.first\]\:capitalize {
  text-transform: capitalize;
}

.group.bg-purple-50 .group-\[\.bg-purple-50\]\:text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.group.disabled .group-\[\.disabled\]\:text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.group\/ai-block.ProseMirror-selectednode .group-\[\.ProseMirror-selectednode\]\/ai-block\:opacity-100 {
  opacity: 1;
}

.group.active .group-\[\.active\]\:opacity-0 {
  opacity: 0;
}

.group\/ai-block.ai-block-active .group-\[\.ai-block-active\]\/ai-block\:opacity-100 {
  opacity: 1;
}

.group\/ai-block.ai-block-focused .group-\[\.ai-block-focused\]\/ai-block\:opacity-100 {
  opacity: 1;
}

.group.disabled .group-\[\.disabled\]\:opacity-60 {
  opacity: 0.6;
}

.group.hovered .group-\[\.hovered\]\:opacity-\[0\.2\] {
  opacity: 0.2;
}

.group.hovered .group-\[\.hovered\]\:opacity-\[0\.6\] {
  opacity: 0.6;
}

.peer:checked ~ .peer-checked\:visible {
  visibility: visible;
}

.peer:checked ~ .peer-checked\:block {
  display: block;
}

.peer:checked ~ .peer-checked\:-translate-x-0\.5 {
  --tw-translate-x: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:-translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:translate-x-3 {
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:translate-x-3\.5 {
  --tw-translate-x: 0.875rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:border-0 {
  border-width: 0px;
}

.peer:checked ~ .peer-checked\:border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:border-purple {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:border-transparent {
  border-color: transparent;
}

.peer:checked ~ .peer-checked\:border-v2-border-selected {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:border-v2-button-primary {
  --tw-border-opacity: 1;
  border-color: rgb(38 32 72 / var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:border-v2-critical {
  --tw-border-opacity: 1;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:border-v2-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(198 194 191 / var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-lavender-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(195 195 234 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-v2-brand-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-v2-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-v2-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-v2-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-v2-tooltip-shortcut-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.peer:checked ~ .peer-checked\:from-primary-300 {
  --tw-gradient-from: #9F7AF6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 122 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.peer:checked ~ .peer-checked\:from-purple-50 {
  --tw-gradient-from: #F5F3FC var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 243 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.peer:checked ~ .peer-checked\:to-primary-700 {
  --tw-gradient-to: #5720EE var(--tw-gradient-to-position);
}

.peer:checked ~ .peer-checked\:to-purple-50 {
  --tw-gradient-to: #F5F3FC var(--tw-gradient-to-position);
}

.peer:checked ~ .peer-checked\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.peer:checked ~ .peer-checked\:text-purple {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.peer:checked ~ .peer-checked\:text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.peer:checked ~ .peer-checked\:text-v2-selected {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.peer:checked ~ .peer-checked\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.peer:checked ~ .peer-checked\:shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.peer:checked ~ .peer-checked\:ring-v2-button-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 32 72 / var(--tw-ring-opacity, 1));
}

.peer:checked ~ .peer-checked\:ring-v2-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.peer:checked ~ .peer-checked\:after\:translate-x-3::after {
  content: var(--tw-content);
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:hover ~ .peer-hover\:border-purple-700 {
  --tw-border-opacity: 1;
  border-color: rgb(87 32 238 / var(--tw-border-opacity, 1));
}

.peer:hover ~ .peer-hover\:bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity, 1));
}

.peer:hover ~ .peer-hover\:text-primary-900 {
  --tw-text-opacity: 1;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1));
}

.peer:hover ~ .peer-hover\:text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(87 32 238 / var(--tw-text-opacity, 1));
}

.peer:hover:checked ~ .peer-hover\:peer-checked\:text-primary {
  --tw-text-opacity: 1;
  color: rgb(119 72 246 / var(--tw-text-opacity, 1));
}

.peer:focus-visible ~ .peer-focus-visible\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus-visible ~ .peer-focus-visible\:ring-v2-border-selected {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.peer:focus-visible ~ .peer-focus-visible\:ring-offset-1 {
  --tw-ring-offset-width: 1px;
}

.peer:disabled ~ .peer-disabled\:block {
  display: block;
}

.peer:disabled ~ .peer-disabled\:cursor-default {
  cursor: default;
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(178 176 173 / var(--tw-bg-opacity, 1));
}

.peer:disabled ~ .peer-disabled\:bg-v2-chip-bg-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.peer:disabled ~ .peer-disabled\:bg-v2-field-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.peer:disabled ~ .peer-disabled\:text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(178 176 173 / var(--tw-text-opacity, 1));
}

.peer:disabled ~ .peer-disabled\:opacity-60 {
  opacity: 0.6;
}

.peer:disabled ~ .peer-disabled\:ring-v2-divider {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.peer:disabled:checked ~ .peer-disabled\:peer-checked\:bg-lavender-4 {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.peer:disabled:checked ~ .peer-disabled\:peer-checked\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(119 72 246 / var(--tw-bg-opacity, 1));
}

.peer:disabled:checked ~ .peer-disabled\:peer-checked\:bg-v2-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.peer:disabled:checked ~ .peer-disabled\:peer-checked\:from-primary {
  --tw-gradient-from: #7748F6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 72 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.peer:disabled:checked ~ .peer-disabled\:peer-checked\:to-primary {
  --tw-gradient-to: #7748F6 var(--tw-gradient-to-position);
}

.peer:disabled:checked ~ .peer-disabled\:peer-checked\:ring-v2-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.peer:indeterminate ~ .peer-\[\:indeterminate\]\:visible {
  visibility: visible;
}

.peer:indeterminate ~ .peer-\[\:indeterminate\]\:invisible {
  visibility: hidden;
}

.peer\/thread.resolved-thread ~ .peer-\[\.resolved-thread\]\/thread\:hidden {
  display: none;
}

.peer\/thread.empty ~ .peer-\[\.empty\]\/thread\:rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.peer\/thread.empty ~ .peer-\[\.empty\]\/thread\:border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.peer:indeterminate ~ .peer-\[\:indeterminate\]\:bg-v2-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.peer:indeterminate ~ .peer-\[\:indeterminate\]\:bg-v2-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.peer:indeterminate ~ .peer-\[\:indeterminate\]\:ring-v2-button-primary {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 32 72 / var(--tw-ring-opacity, 1));
}

.peer:indeterminate ~ .peer-\[\:indeterminate\]\:ring-v2-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.peer:disabled:indeterminate ~ .peer-disabled\:peer-\[\:indeterminate\]\:bg-v2-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.peer:disabled:indeterminate ~ .peer-disabled\:peer-\[\:indeterminate\]\:ring-v2-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.has-\[\:focus-within\]\:pointer-events-auto:has(:focus-within) {
  pointer-events: auto;
}

.has-\[\[data-v2-dropdown-open\]\]\:pointer-events-auto:has([data-v2-dropdown-open]) {
  pointer-events: auto;
}

.has-\[\*\]\:flex:has(*) {
  display: flex;
}

.has-\[\:checked\]\:flex:has(:checked) {
  display: flex;
}

.has-\[\:checked\]\:border-purple-500:has(:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(119 72 246 / var(--tw-border-opacity, 1));
}

.has-\[\:checked\]\:border-v2-border-selected:has(:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.has-\[\#panel-timeline\:not\(\[hidden\]\)\]\:bg-v2-level2:has(#panel-timeline:not([hidden])) {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.has-\[\:checked\]\:bg-v2-brand-bg:has(:checked) {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-avocado-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(233 245 152 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-brick-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(253 213 179 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-cherry-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 206 211 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-critical-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 179 177 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-glacier-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(203 224 240 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-lavender-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-neutral-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-pothos-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(200 242 216 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-robin-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(151 246 240 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-rose-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(249 208 228 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-saffron-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(245 242 153 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:active\:hover\]\:bg-v2-chip-bg-tangerine-pressed:has([data-chip-main]:active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(253 229 149 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-avocado-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(240 248 186 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-brick-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 204 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-cherry-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(252 221 224 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-critical-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(252 204 202 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-glacier-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(220 234 244 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-lavender-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-neutral-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-pothos-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(218 246 229 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-robin-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(187 249 244 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-rose-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(251 223 236 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-saffron-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 187 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-chip-main\]\:hover\]\:bg-v2-chip-bg-tangerine-hover:has([data-chip-main]:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 187 / var(--tw-bg-opacity, 1));
}

.has-\[\[data-back-button\]\:not\(\.hidden\)\]\:pt-0:has([data-back-button]:not(.hidden)) {
  padding-top: 0px;
}

.has-\[\[data-group-header\]\]\:pt-0:has([data-group-header]) {
  padding-top: 0px;
}

.has-\[\[data-group-label\]\]\:pt-0:has([data-group-label]) {
  padding-top: 0px;
}

.has-\[\:focus-within\]\:opacity-100:has(:focus-within) {
  opacity: 1;
}

.has-\[\[data-v2-dropdown-open\]\]\:opacity-100:has([data-v2-dropdown-open]) {
  opacity: 1;
}

.has-\[\:checked\]\:shadow-\[0_2px_4px_rgba\(151\2c 146\2c 218\2c 0\.25\)\]:has(:checked) {
  --tw-shadow: 0 2px 4px rgba(151,146,218,0.25);
  --tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.has-\[\[data-chip-main\]\:focus-visible\]\:outline:has([data-chip-main]:focus-visible) {
  outline-style: solid;
}

.has-\[\[data-chip-main\]\:focus-visible\]\:outline-2:has([data-chip-main]:focus-visible) {
  outline-width: 2px;
}

.has-\[\[data-chip-main\]\:focus-visible\]\:outline-offset-1:has([data-chip-main]:focus-visible) {
  outline-offset: 1px;
}

.has-\[\[data-chip-main\]\:focus-visible\]\:outline-v2-border-selected:has([data-chip-main]:focus-visible) {
  outline-color: #5446a2;
}

.group:has(.alert-sources-v2-urgency-rule-item) .group-has-\[\.alert-sources-v2-urgency-rule-item\]\:\!block {
  display: block !important;
}

.group:has(.available-options-list) .group-has-\[\.available-options-list\]\:block {
  display: block;
}

.group\/conditions:has(.condition-row:not(.hidden)) .group-has-\[\.condition-row\:not\(\.hidden\)\]\/conditions\:block {
  display: block;
}

.group\/section:has(.group-field-item.block) .group-has-\[\.group-field-item\.block\]\/section\:block {
  display: block;
}

.group:has(.group-item.block) .group-has-\[\.group-item\.block\]\:\!block {
  display: block !important;
}

.group:has(:checked) .group-has-\[\:checked\]\:block {
  display: block;
}

.group:has(.alert-routing-rules--v2--condition-field-component) .group-has-\[\.alert-routing-rules--v2--condition-field-component\]\:\!inline-flex {
  display: inline-flex !important;
}

.group:has(.escalation-policy-paths--v2--condition-field-component) .group-has-\[\.escalation-policy-paths--v2--condition-field-component\]\:\!inline-flex {
  display: inline-flex !important;
}

.group:has(.escalation-policy-paths--v2--conditions--rule-field-component) .group-has-\[\.escalation-policy-paths--v2--conditions--rule-field-component\]\:\!inline-flex {
  display: inline-flex !important;
}

.group:has(.alert-routing-rules--v2--condition-field-component) .group-has-\[\.alert-routing-rules--v2--condition-field-component\]\:\!hidden {
  display: none !important;
}

.group:has(.alert-sources-v2-urgency-rule-item) .group-has-\[\.alert-sources-v2-urgency-rule-item\]\:\!hidden {
  display: none !important;
}

.group:has(.available-options-list) .group-has-\[\.available-options-list\]\:hidden {
  display: none;
}

.group\/conditions:has(.condition-row:not(.hidden)) .group-has-\[\.condition-row\:not\(\.hidden\)\]\/conditions\:hidden {
  display: none;
}

.group:has(.escalation-policy-paths--v2--condition-field-component) .group-has-\[\.escalation-policy-paths--v2--condition-field-component\]\:\!hidden {
  display: none !important;
}

.group:has(.escalation-policy-paths--v2--conditions--rule-field-component) .group-has-\[\.escalation-policy-paths--v2--conditions--rule-field-component\]\:\!hidden {
  display: none !important;
}

.group\/list:has(.group-field-item.block) .group-has-\[\.group-field-item\.block\]\/list\:hidden {
  display: none;
}

.group:has(.group-item.block) .group-has-\[\.group-item\.block\]\:hidden {
  display: none;
}

.group:has(:checked) .group-has-\[\:checked\]\:grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}

.aria-busy\:cursor-progress[aria-busy="true"] {
  cursor: progress;
}

.aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
  cursor: not-allowed;
}

.aria-disabled\:bg-v2-level3[aria-disabled="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.aria-disabled\:text-v2-disabled[aria-disabled="true"] {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}

.aria-disabled\:shadow-none[aria-disabled="true"] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.aria-disabled\:hover\:bg-transparent:hover[aria-disabled="true"] {
  background-color: transparent;
}

.aria-expanded\:w-6[aria-expanded="true"] {
  width: 1.5rem;
}

.aria-expanded\:scale-100[aria-expanded="true"] {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.aria-expanded\:opacity-100[aria-expanded="true"] {
  opacity: 1;
}

.aria-pressed\:bg-v2-button-primary[aria-pressed="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.aria-pressed\:text-v2-text-on-primary[aria-pressed="true"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.aria-selected\:bg-v2-level3[aria-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.aria-selected\:text-v2-primary[aria-selected="true"] {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.aria-\[current\]\:font-semibold[aria-current] {
  font-weight: 600;
}

.aria-\[current\]\:text-v2-primary[aria-current] {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.group\/v2ft-frame[aria-busy="true"] .group-aria-busy\/v2ft-frame\:pointer-events-none {
  pointer-events: none;
}

.group\/v2-dropdown-trigger[aria-busy="true"] .group-aria-busy\/v2-dropdown-trigger\:flex {
  display: flex;
}

.group\/v2ft-form[aria-busy="true"] .group-aria-busy\/v2ft-form\:flex {
  display: flex;
}

.group\/v2ft-frame[aria-busy="true"] .group-aria-busy\/v2ft-frame\:flex {
  display: flex;
}

.group\/v2ft-form[aria-busy="true"] .group-aria-busy\/v2ft-form\:hidden {
  display: none;
}

.group\/v2ft-frame[aria-busy="true"] .group-aria-busy\/v2ft-frame\:opacity-50 {
  opacity: 0.5;
}

.group[aria-checked="true"] .group-aria-checked\:translate-x-3 {
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[aria-checked="true"] .group-aria-checked\:bg-v2-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.data-\[alerts-count\=0\]\:pointer-events-none[data-alerts-count="0"] {
  pointer-events: none;
}

.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}

.data-\[open\=true\]\:pointer-events-auto[data-open="true"] {
  pointer-events: auto;
}

.data-\[open\=true\]\:visible[data-open="true"] {
  visibility: visible;
}

.data-\[visible\]\:visible[data-visible] {
  visibility: visible;
}

.data-\[details-sidebar-hidden\=true\]\:invisible[data-details-sidebar-hidden="true"] {
  visibility: hidden;
}

.data-\[empty\]\:invisible[data-empty] {
  visibility: hidden;
}

.data-\[checked\]\:block[data-checked] {
  display: block;
}

.data-\[closing\]\:block[data-closing] {
  display: block;
}

.data-\[open\]\:block[data-open] {
  display: block;
}

.data-\[show\]\:block[data-show] {
  display: block;
}

.data-\[visible\]\:block[data-visible] {
  display: block;
}

.data-\[visible\]\:inline[data-visible] {
  display: inline;
}

.data-\[selected\]\:flex[data-selected] {
  display: flex;
}

.data-\[visible\]\:flex[data-visible] {
  display: flex;
}

.data-\[alerts-count\=0\]\:hidden[data-alerts-count="0"] {
  display: none;
}

.data-\[collapsed\]\:\!hidden[data-collapsed] {
  display: none !important;
}

.data-\[collapsed\]\:hidden[data-collapsed] {
  display: none;
}

.data-\[details-sidebar-collapsed\=true\]\:hidden[data-details-sidebar-collapsed="true"] {
  display: none;
}

.data-\[pending\]\:hidden[data-pending] {
  display: none;
}

.data-\[search-hidden\]\:\!hidden[data-search-hidden] {
  display: none !important;
}

.data-\[search-hidden\]\:hidden[data-search-hidden] {
  display: none;
}

.data-\[details-sidebar-collapsed\=true\]\:h-16[data-details-sidebar-collapsed="true"] {
  height: 4rem;
}

.data-\[expanded\=false\]\:w-\[72px\][data-expanded="false"] {
  width: 72px;
}

.data-\[expanded\=true\]\:w-\[220px\][data-expanded="true"] {
  width: 220px;
}

.data-\[alerts-count\=0\]\:-translate-y-1\/2[data-alerts-count="0"] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[direction\=down\]\:translate-y-0[data-direction="down"] {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[direction\=left\]\:-translate-x-2[data-direction="left"] {
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[expanded\=true\]\:rotate-180[data-expanded="true"] {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[expanded\=true\]\:rotate-90[data-expanded="true"] {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[open\=true\]\:scale-100[data-open="true"] {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[show\=true\]\:scale-100[data-show="true"] {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[visible\]\:animate-\[red-pulse_1\.5s_linear_infinite\][data-visible] {
  animation: red-pulse 1.5s linear infinite;
}

.data-\[disabled\]\:cursor-not-allowed[data-disabled] {
  cursor: not-allowed;
}

.data-\[readonly\]\:cursor-default[data-readonly] {
  cursor: default;
}

.data-\[state\=closed\]\:grid-rows-\[0fr\][data-state="closed"] {
  grid-template-rows: 0fr;
}

.data-\[state\=open\]\:grid-rows-\[1fr\][data-state="open"] {
  grid-template-rows: 1fr;
}

.data-\[dropdown-open\=true\]\:overflow-y-hidden[data-dropdown-open="true"] {
  overflow-y: hidden;
}

.data-\[range-end\]\:rounded-r-v2-md[data-range-end] {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.data-\[range-start\]\:rounded-l-v2-md[data-range-start] {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.data-\[active\=true\]\:\!border-v2-border-selected[data-active="true"] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1)) !important;
}

.data-\[has-error\=true\]\:\!border-v2-critical[data-has-error="true"] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(173 33 26 / var(--tw-border-opacity, 1)) !important;
}

.data-\[selected\=true\]\:border-v2-chip-text-lavender[data-selected="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1));
}

.data-\[selected\=true\]\:border-v2-tooltip[data-selected="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(54 46 100 / var(--tw-border-opacity, 1));
}

.data-\[active\=true\]\:\!bg-v2-brand-bg[data-active="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1)) !important;
}

.data-\[active\]\:bg-v2-brand-bg[data-active] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.data-\[disabled\]\:bg-v2-chip-bg-neutral[data-disabled] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.data-\[disabled\]\:data-\[active\]\:bg-transparent[data-active][data-disabled] {
  background-color: transparent;
}

.data-\[error\]\:bg-v2-critical-bg[data-error] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1));
}

.data-\[has-error\=true\]\:\!bg-v2-critical-bg[data-has-error="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1)) !important;
}

.data-\[in-range\]\:bg-v2-brand-bg[data-in-range] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.data-\[open\]\:bg-v2-body[data-open] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.data-\[picker-open\]\:bg-v2-chip-bg-neutral-pressed[data-picker-open] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.data-\[picker-open\]\:bg-v2-level2[data-picker-open] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.data-\[range-end\]\:bg-v2-brand-bg[data-range-end] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.data-\[range-start\]\:bg-v2-brand-bg[data-range-start] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.data-\[reached\]\:bg-v2-text-on-primary[data-reached] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.data-\[readonly\]\:bg-transparent[data-readonly] {
  background-color: transparent;
}

.data-\[selected\=true\]\:bg-v2-button-primary[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:bg-v2-chip-bg-lavender[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 248 / var(--tw-bg-opacity, 1));
}

.data-\[selected\=true\]\:bg-v2-level1[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
}

.data-\[selected\]\:bg-v2-active[data-selected] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.data-\[selected\]\:bg-v2-brand-bg[data-selected] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 250 / var(--tw-bg-opacity, 1));
}

.data-\[selected\]\:bg-white[data-selected] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.data-\[expanded\=false\]\:px-4[data-expanded="false"] {
  padding-left: 1rem;
  padding-right: 1rem;
}

.data-\[active\]\:pl-2[data-active] {
  padding-left: 0.5rem;
}

.data-\[disabled\]\:\!pl-8[data-disabled] {
  padding-left: 2rem !important;
}

.data-\[populated\]\:pl-2[data-populated] {
  padding-left: 0.5rem;
}

.data-\[populated\]\:pr-3[data-populated] {
  padding-right: 0.75rem;
}

.data-\[selected\]\:pl-2[data-selected] {
  padding-left: 0.5rem;
}

.data-\[today\]\:font-semibold[data-today] {
  font-weight: 600;
}

.data-\[disabled\]\:data-\[selected\]\:text-v2-text-on-primary[data-selected][data-disabled] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.data-\[disabled\]\:text-v2-disabled[data-disabled] {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.data-\[outside-month\]\:text-v2-placeholder[data-outside-month] {
  --tw-text-opacity: 1;
  color: rgb(135 129 123 / var(--tw-text-opacity, 1));
}

.data-\[past\]\:text-v2-critical[data-past] {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-v2-selected[data-selected="true"] {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.data-\[selected\=true\]\:text-white[data-selected="true"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.data-\[selected\]\:text-v2-ai-primary[data-selected] {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.data-\[selected\]\:text-v2-primary[data-selected] {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.data-\[selected\]\:text-v2-text-on-primary[data-selected] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.data-\[alerts-count\=0\]\:opacity-0[data-alerts-count="0"] {
  opacity: 0;
}

.data-\[details-sidebar-collapsed\=true\]\:opacity-0[data-details-sidebar-collapsed="true"] {
  opacity: 0;
}

.data-\[disabled\]\:opacity-0[data-disabled] {
  opacity: 0;
}

.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}

.data-\[open\=true\]\:opacity-100[data-open="true"] {
  opacity: 1;
}

.data-\[pending\]\:opacity-40[data-pending] {
  opacity: 0.4;
}

.data-\[show\=true\]\:opacity-100[data-show="true"] {
  opacity: 1;
}

.data-\[active\=true\]\:\!shadow-v2-focus-subtle[data-active="true"] {
  --tw-shadow: 0px 1px 4px 0px rgba(151, 146, 218, 0.15) !important;
  --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.data-\[open\]\:shadow-v2-focus-subtle[data-open] {
  --tw-shadow: 0px 1px 4px 0px rgba(151, 146, 218, 0.15);
  --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[readonly\]\:shadow-none[data-readonly] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[selected\]\:shadow-tab-active[data-selected] {
  --tw-shadow: inset 0 -2px 0 0 #292523;
  --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[keyboard-active\]\:ring-2[data-keyboard-active] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.data-\[disabled\]\:ring-v2-divider[data-disabled] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 217 215 / var(--tw-ring-opacity, 1));
}

.data-\[error\]\:ring-v2-critical[data-error] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.data-\[keyboard-active\]\:ring-v2-border-selected[data-keyboard-active] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.data-\[open\]\:ring-v2-border-selected[data-open] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1));
}

.data-\[readonly\]\:ring-transparent[data-readonly] {
  --tw-ring-color: transparent;
}

.data-\[details-sidebar-animate\=true\]\:transition-\[width\2c border-left-width\2c transform\2c opacity\][data-details-sidebar-animate="true"] {
  transition-property: width,border-left-width,transform,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.data-\[details-sidebar-animate\=true\]\:transition-opacity[data-details-sidebar-animate="true"] {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.data-\[details-sidebar-animate\=true\]\:duration-200[data-details-sidebar-animate="true"] {
  transition-duration: 200ms;
}

.data-\[details-sidebar-animate\=true\]\:ease-out[data-details-sidebar-animate="true"] {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.data-\[resizing\]\:before\:bg-v2-border-selected[data-resizing]::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.data-\[error\]\:focus-within\:\!shadow-none:focus-within[data-error] {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.data-\[error\]\:focus-within\:\!ring-v2-critical:focus-within[data-error] {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1)) !important;
}

.data-\[selected\]\:hover\:rounded-none:hover[data-selected] {
  border-radius: 0px;
}

.data-\[disabled\]\:hover\:bg-transparent:hover[data-disabled] {
  background-color: transparent;
}

.data-\[selected\=true\]\:hover\:bg-v2-chip-bg-lavender:hover[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 248 / var(--tw-bg-opacity, 1));
}

.data-\[selected\]\:hover\:bg-transparent:hover[data-selected] {
  background-color: transparent;
}

.data-\[disabled\]\:hover\:\!pl-8:hover[data-disabled] {
  padding-left: 2rem !important;
}

.data-\[readonly\]\:hover\:shadow-none:hover[data-readonly] {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[selected\]\:hover\:shadow-tab-active:hover[data-selected] {
  --tw-shadow: inset 0 -2px 0 0 #292523;
  --tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[readonly\]\:hover\:ring-transparent:hover[data-readonly] {
  --tw-ring-color: transparent;
}

.data-\[populated\]\:focus-visible\:outline:focus-visible[data-populated] {
  outline-style: solid;
}

.data-\[populated\]\:focus-visible\:outline-2:focus-visible[data-populated] {
  outline-width: 2px;
}

.data-\[populated\]\:focus-visible\:outline-offset-1:focus-visible[data-populated] {
  outline-offset: 1px;
}

.data-\[populated\]\:focus-visible\:outline-v2-border-selected:focus-visible[data-populated] {
  outline-color: #5446a2;
}

.group\/field:hover .data-\[visible\]\:group-hover\/field\:flex[data-visible] {
  display: flex;
}

.group\/field:hover .data-\[selected\]\:group-hover\/field\:text-v2-primary[data-selected] {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.group[data-collapsing] .group-data-\[collapsing\]\:\!pointer-events-none {
  pointer-events: none !important;
}

.group\/actions[data-disabled] .group-data-\[disabled\]\/actions\:pointer-events-none {
  pointer-events: none;
}

.group[data-expanded="false"][data-hovering="true"] .group-data-\[expanded\=false\]\:group-data-\[hovering\=true\]\:pointer-events-auto {
  pointer-events: auto;
}

.group\/actions[data-open] .group-data-\[open\]\/actions\:pointer-events-auto {
  pointer-events: auto;
}

.group\/notif[data-open] .group-data-\[open\]\/notif\:pointer-events-auto {
  pointer-events: auto;
}

.group\/row[data-selected] .group-data-\[selected\]\/row\:visible {
  visibility: visible;
}

.group\/pane[data-expanded="false"] .group-data-\[expanded\=false\]\/pane\:right-2 {
  right: 0.5rem;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:block {
  display: block;
}

.group[data-expanded] .group-data-\[expanded\]\:block {
  display: block;
}

.group\/v2-data-table[data-horizontal-overflow] .group-data-\[horizontal-overflow\]\/v2-data-table\:block {
  display: block;
}

.group[data-path-default="true"] .group-data-\[path-default\=true\]\:block {
  display: block;
}

.group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:block {
  display: block;
}

.group\/option[data-active] .group-data-\[active\]\/option\:flex {
  display: flex;
}

.group\/option[data-disabled] .group-data-\[disabled\]\/option\:flex {
  display: flex;
}

.group[data-hovering="true"] .group-data-\[hovering\=true\]\:flex {
  display: flex;
}

.group[data-notification-type="audible"] .group-data-\[notification-type\=audible\]\:flex {
  display: flex;
}

.group[data-notification-type="quiet"] .group-data-\[notification-type\=quiet\]\:flex {
  display: flex;
}

.group[data-notification-type="silent"] .group-data-\[notification-type\=silent\]\:flex {
  display: flex;
}

.group\/switcher[data-open="true"] .group-data-\[open\=true\]\/switcher\:flex {
  display: flex;
}

.group\/notif[data-notification-type="audible"] .group-data-\[notification-type\=audible\]\/notif\:inline-flex {
  display: inline-flex;
}

.group\/notif[data-notification-type="quiet"] .group-data-\[notification-type\=quiet\]\/notif\:inline-flex {
  display: inline-flex;
}

.group\/option[data-disabled] .group-data-\[disabled\]\/option\:\!hidden {
  display: none !important;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:hidden {
  display: none;
}

.group[data-path-default="true"] .group-data-\[path-default\=true\]\:hidden {
  display: none;
}

.group\/field[data-readonly] .group-data-\[readonly\]\/field\:\!hidden {
  display: none !important;
}

.group\/field[data-readonly] .group-data-\[readonly\]\/field\:hidden {
  display: none;
}

.group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:hidden {
  display: none;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:size-8 {
  width: 2rem;
  height: 2rem;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:w-8 {
  width: 2rem;
}

.group\/header-cell[data-hover-held] .group-data-\[hover-held\]\/header-cell\:w-6 {
  width: 1.5rem;
}

.group\/header-cell[data-pinned] .group-data-\[pinned\]\/header-cell\:w-6 {
  width: 1.5rem;
}

.group\/tiptap-layout[data-tiptap-layout="full"] .group-data-\[tiptap-layout\=full\]\/tiptap-layout\:max-w-full {
  max-width: 100%;
}

.group\/tooltip[data-direction="down"] .group-data-\[direction\=down\]\/tooltip\:origin-top {
  transform-origin: top;
}

.group\/tooltip[data-direction="left"] .group-data-\[direction\=left\]\/tooltip\:origin-right {
  transform-origin: right;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:\!origin-bottom-left {
  transform-origin: bottom left !important;
}

.group[data-state="copied"] .group-data-\[state\=copied\]\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/pane[data-expanded="false"] .group-data-\[expanded\=false\]\/pane\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/section-header[data-expanded] .group-data-\[expanded\]\/section-header\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-expanded] .group-data-\[expanded\]\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/header-cell[data-hover-held] .group-data-\[hover-held\]\/header-cell\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/actions[data-open] .group-data-\[open\]\/actions\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/notif[data-open] .group-data-\[open\]\/notif\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/checkbox[data-disabled] .group-data-\[disabled\]\/checkbox\:cursor-not-allowed {
  cursor: not-allowed;
}

.group[data-disabled] .group-data-\[disabled\]\:cursor-not-allowed {
  cursor: not-allowed;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:gap-0 {
  gap: 0px;
}

.group[data-state="open"] .group-data-\[state\=open\]\:overflow-y-visible {
  overflow-y: visible;
}

.group\/sequential-card[data-has-error="true"] .group-data-\[has-error\=true\]\/sequential-card\:\!border-v2-critical\/50 {
  border-color: rgb(173 33 26 / 0.5) !important;
}

.group\/section-header[data-expanded] .group-data-\[expanded\]\/section-header\:border-b-v2-border-base {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

.group[data-active] .group-data-\[active\]\:bg-lavender-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.group[data-disabled] .group-data-\[disabled\]\:bg-v2-button-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(198 194 191 / var(--tw-bg-opacity, 1));
}

.group\/checkbox[data-error] .group-data-\[error\]\/checkbox\:bg-v2-critical-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1));
}

.group\/step[data-error] .group-data-\[error\]\/step\:\!bg-v2-critical-bg {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1)) !important;
}

.group\/sequential-card[data-has-error="true"] .group-data-\[has-error\=true\]\/sequential-card\:\!bg-v2-critical-bg {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 243 242 / var(--tw-bg-opacity, 1)) !important;
}

.group\/sequential-card[data-has-error="true"] .group-data-\[has-error\=true\]\/sequential-card\:\!bg-v2-critical\/20 {
  background-color: rgb(173 33 26 / 0.2) !important;
}

.group\/page[data-live-mode="true"] .group-data-\[live-mode\=true\]\/page\:bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 133 82 / var(--tw-bg-opacity, 1));
}

.group\/notif[data-notification-type="audible"] .group-data-\[notification-type\=audible\]\/notif\:bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.group\/notif[data-notification-type="quiet"] .group-data-\[notification-type\=quiet\]\/notif\:bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 252 / var(--tw-bg-opacity, 1));
}

.group\/field[data-open] .group-data-\[open\]\/field\:bg-v2-chip-bg-neutral-pressed {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.group[data-selected] .group-data-\[selected\]\:bg-v2-active {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.group[data-selected] .group-data-\[selected\]\:bg-v2-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.group\/step[data-state="active"] .group-data-\[state\=active\]\/step\:bg-v2-chip-bg-lavender {
  --tw-bg-opacity: 1;
  background-color: rgb(236 236 248 / var(--tw-bg-opacity, 1));
}

.group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:bg-v2-chip-text-lavender {
  --tw-bg-opacity: 1;
  background-color: rgb(84 70 162 / var(--tw-bg-opacity, 1));
}

.group\/step[data-state="upcoming"] .group-data-\[state\=upcoming\]\/step\:bg-v2-level3 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.group[data-maxed] .group-data-\[maxed\]\:bg-\[linear-gradient\(90deg\2c theme\(colors\.lavender\.12\)\2c theme\(colors\.rose\.9\)\2c theme\(colors\.tangerine\.9\)\2c theme\(colors\.rose\.9\)\2c theme\(colors\.lavender\.12\)\)\] {
  background-image: linear-gradient(90deg,#5446a2,#e93d84,#ed8f17,#e93d84,#5446a2);
}

.group[data-maxed] .group-data-\[maxed\]\:bg-\[length\:200\%_100\%\] {
  background-size: 200% 100%;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.group\/step[data-state="active"] .group-data-\[state\=active\]\/step\:font-semibold {
  font-weight: 600;
}

.group\/cell[data-active] .group-data-\[active\]\/cell\:\!text-v2-critical {
  --tw-text-opacity: 1 !important;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1)) !important;
}

.group\/checkbox[data-disabled] .group-data-\[disabled\]\/checkbox\:text-v2-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.group\/field[data-disabled] .group-data-\[disabled\]\/field\:text-v2-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.group\/option[data-disabled] .group-data-\[disabled\]\/option\:\!text-v2-disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1)) !important;
}

.group[data-disabled] .group-data-\[disabled\]\:text-v2-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.group\/checkbox[data-error] .group-data-\[error\]\/checkbox\:text-v2-critical {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.group\/field[data-error] .group-data-\[error\]\/field\:text-v2-critical {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.group\/step[data-error] .group-data-\[error\]\/step\:\!text-v2-critical {
  --tw-text-opacity: 1 !important;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1)) !important;
}

.group[data-error] .group-data-\[error\]\:text-v2-critical {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.group\/sequential-card[data-has-error="true"] .group-data-\[has-error\=true\]\/sequential-card\:\!text-v2-critical {
  --tw-text-opacity: 1 !important;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1)) !important;
}

.group\/sequential-card[data-has-error="true"] .group-data-\[has-error\=true\]\/sequential-card\:\!text-v2-critical\/70 {
  color: rgb(173 33 26 / 0.7) !important;
}

.group\/field[data-readonly] .group-data-\[readonly\]\/field\:text-v2-primary {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.group\/step[data-state="active"] .group-data-\[state\=active\]\/step\:text-v2-chip-text-lavender {
  --tw-text-opacity: 1;
  color: rgb(84 70 162 / var(--tw-text-opacity, 1));
}

.group\/step[data-state="active"] .group-data-\[state\=active\]\/step\:text-v2-selected {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group\/step[data-state="upcoming"] .group-data-\[state\=upcoming\]\/step\:text-v2-secondary {
  --tw-text-opacity: 1;
  color: rgb(87 83 77 / var(--tw-text-opacity, 1));
}

.group\/row[data-active] .group-data-\[active\]\/row\:opacity-100 {
  opacity: 1;
}

.group[data-collapsing] .group-data-\[collapsing\]\:\!opacity-0 {
  opacity: 0 !important;
}

.group[data-collapsing] .group-data-\[collapsing\]\:\!opacity-100 {
  opacity: 1 !important;
}

.group\/field[data-disabled] .group-data-\[disabled\]\/field\:opacity-60 {
  opacity: 0.6;
}

.group\/option[data-disabled] .group-data-\[disabled\]\/option\:opacity-50 {
  opacity: 0.5;
}

.group[data-expanded="false"][data-hovering="true"] .group-data-\[expanded\=false\]\:group-data-\[hovering\=true\]\:opacity-0 {
  opacity: 0;
}

.group[data-expanded="false"][data-hovering="true"] .group-data-\[expanded\=false\]\:group-data-\[hovering\=true\]\:opacity-100 {
  opacity: 1;
}

.group[data-expanded="false"] .group-data-\[expanded\=false\]\:opacity-0 {
  opacity: 0;
}

.group\/header-cell[data-hover-held] .group-data-\[hover-held\]\/header-cell\:opacity-100 {
  opacity: 1;
}

.group\/actions[data-open] .group-data-\[open\]\/actions\:opacity-100 {
  opacity: 1;
}

.group\/notif[data-open] .group-data-\[open\]\/notif\:opacity-100 {
  opacity: 1;
}

.group\/v2-data-table[data-pin-shadow-end] .group-data-\[pin-shadow-end\]\/v2-data-table\:opacity-100 {
  opacity: 1;
}

.group\/v2-data-table[data-pin-shadow-start] .group-data-\[pin-shadow-start\]\/v2-data-table\:opacity-100 {
  opacity: 1;
}

.group\/header-cell[data-pinned] .group-data-\[pinned\]\/header-cell\:opacity-100 {
  opacity: 1;
}

.group\/row[data-selected] .group-data-\[selected\]\/row\:opacity-100 {
  opacity: 1;
}

.group[data-state="copied"] .group-data-\[state\=copied\]\:opacity-100 {
  opacity: 1;
}

.group[data-state="hover"] .group-data-\[state\=hover\]\:opacity-100 {
  opacity: 1;
}

.group[data-state="idle"] .group-data-\[state\=idle\]\:opacity-100 {
  opacity: 1;
}

.group[data-disabled] .group-data-\[disabled\]\:ring-v2-button-disabled {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(198 194 191 / var(--tw-ring-opacity, 1));
}

.group\/checkbox[data-error] .group-data-\[error\]\/checkbox\:ring-v2-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.group[data-maxed] .group-data-\[maxed\]\:ring-rose-9 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(233 61 132 / var(--tw-ring-opacity, 1));
}

.group[data-error] .group-data-\[error\]\:placeholder\:text-v2-critical\/60::-moz-placeholder {
  color: rgb(173 33 26 / 0.6);
}

.group[data-error] .group-data-\[error\]\:placeholder\:text-v2-critical\/60::-ms-input-placeholder {
  color: rgb(173 33 26 / 0.6);
}

.group[data-error] .group-data-\[error\]\:placeholder\:text-v2-critical\/60::placeholder {
  color: rgb(173 33 26 / 0.6);
}

.group[data-maxed] .group-data-\[maxed\]\:last\:bg-gradient-to-r:last-child {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.group[data-maxed] .group-data-\[maxed\]\:last\:from-lavender-12:last-child {
  --tw-gradient-from: #5446a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(84 70 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.group[data-maxed] .group-data-\[maxed\]\:last\:to-tangerine-9:last-child {
  --tw-gradient-to: #ed8f17 var(--tw-gradient-to-position);
}

.group[data-maxed] .group-data-\[maxed\]\:last\:bg-clip-text:last-child {
  -webkit-background-clip: text;
          background-clip: text;
}

.group[data-maxed] .group-data-\[maxed\]\:last\:text-transparent:last-child {
  color: transparent;
}

.group[data-disabled]:hover .group-data-\[disabled\]\:group-hover\:bg-transparent {
  background-color: transparent;
}

.group[data-selected]:hover .group-data-\[selected\]\:group-hover\:bg-v2-button-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(38 32 72 / var(--tw-bg-opacity, 1));
}

.group\/field[data-disabled]:hover .group-data-\[disabled\]\/field\:group-hover\/field\:text-v2-disabled {
  --tw-text-opacity: 1;
  color: rgb(198 194 191 / var(--tw-text-opacity, 1));
}

.group\/field[data-error]:hover .group-data-\[error\]\/field\:group-hover\/field\:text-v2-critical {
  --tw-text-opacity: 1;
  color: rgb(173 33 26 / var(--tw-text-opacity, 1));
}

.group\/field[data-readonly]:hover .group-data-\[readonly\]\/field\:group-hover\/field\:text-v2-primary {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.group\/checkbox[data-error] .peer:checked ~ .group-data-\[error\]\/checkbox\:peer-checked\:bg-v2-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.group\/checkbox[data-error] .peer:checked ~ .group-data-\[error\]\/checkbox\:peer-checked\:ring-v2-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.group\/checkbox[data-error] .peer:indeterminate ~ .group-data-\[error\]\/checkbox\:peer-\[\:indeterminate\]\:bg-v2-critical {
  --tw-bg-opacity: 1;
  background-color: rgb(173 33 26 / var(--tw-bg-opacity, 1));
}

.group\/checkbox[data-error] .peer:indeterminate ~ .group-data-\[error\]\/checkbox\:peer-\[\:indeterminate\]\:ring-v2-critical {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(173 33 26 / var(--tw-ring-opacity, 1));
}

.prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-weight: 600;
}

.prose-headings\:text-v2-primary :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

.prose-h3\:text-v2-md :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  font-size: 0.875rem;
}

.prose-a\:inline-block :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  display: inline-block;
}

.prose-a\:max-w-full :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  max-width: 100%;
}

.prose-a\:break-words :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  overflow-wrap: break-word;
}

.prose-a\:break-all :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  word-break: break-all;
}

.prose-a\:text-v2-selected :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.prose-strong\:text-v2-primary :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(41 37 35 / var(--tw-text-opacity, 1));
}

@container (min-width: 36rem) {
  .\@xl\:block {
    display: block;
  }

  .\@xl\:flex {
    display: flex;
  }

  .\@xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (min-width: 58px) {
  .\@\[58px\]\:text-wrap {
    text-wrap: wrap;
  }
}

.first-visible\:rounded-t-lg.first-visible {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.first-visible\:border-t.first-visible {
  border-top-width: 1px;
}

.last-visible\:rounded-b-lg.last-visible {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

@supports (-webkit-app-region:drag) {
  .group:not(:focus-within) .supports-\[-webkit-app-region\:drag\]\:group-\[\:not\(\:focus-within\)\]\:select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .group:not(:focus-within) .supports-\[-webkit-app-region\:drag\]\:group-\[\:not\(\:focus-within\)\]\:\[-webkit-user-modify\:-moz-read-only\] {
    -webkit-user-modify: read-only;
  }

  .group:not(:focus-within) .supports-\[-webkit-app-region\:drag\]\:group-\[\:not\(\:focus-within\)\]\:\[-webkit-user-modify\:read-only\] {
    -webkit-user-modify: read-only;
  }
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }

  .motion-safe\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  @keyframes level-slider-glow {
    0%, 100% {
      filter: drop-shadow(0 0 0 rgba(233, 61, 132, 0));
      scale: 1;
    }

    50% {
      filter: drop-shadow(0 0 6px rgba(233, 61, 132, 0.75));
      scale: 1.12;
    }
  }

  .group[data-maxed] .motion-safe\:group-data-\[maxed\]\:animate-level-slider-glow {
    animation: level-slider-glow 1.6s ease-in-out infinite;
  }

  @keyframes level-slider-shimmer {
    0% {
      background-position: 0% 50%;
    }

    100% {
      background-position: 200% 50%;
    }
  }

  .group[data-maxed] .motion-safe\:group-data-\[maxed\]\:animate-level-slider-shimmer {
    animation: level-slider-shimmer 2.4s linear infinite;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }

  .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
    animation: spin 1.5s linear infinite;
  }

  .motion-reduce\:animate-none {
    animation: none;
  }

  .motion-reduce\:\!transition-none {
    transition-property: none !important;
  }

  .motion-reduce\:transition-none {
    transition-property: none;
  }
}

@media not all and (min-width: 1280px) {
  .max-xl\:fixed {
    position: fixed;
  }

  .max-xl\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  .max-xl\:right-2 {
    right: 0.5rem;
  }

  .max-xl\:z-\[35\] {
    z-index: 35;
  }

  .max-xl\:hidden {
    display: none;
  }

  .max-xl\:w-\[85vw\] {
    width: 85vw;
  }

  .max-xl\:max-w-\[25rem\] {
    max-width: 25rem;
  }

  .max-xl\:overflow-y-visible {
    overflow-y: visible;
  }

  .max-xl\:rounded-2xl {
    border-radius: 1rem;
  }

  .max-xl\:border {
    border-width: 1px;
  }

  .max-xl\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .max-xl\:data-\[details-sidebar-collapsed\=true\]\:translate-x-\[calc\(100\%\+0\.5rem\)\][data-details-sidebar-collapsed="true"] {
    --tw-translate-x: calc(100% + 0.5rem);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media not all and (min-width: 1024px) {
  .max-lg\:relative {
    position: relative;
  }

  .max-lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .max-lg\:hidden {
    display: none;
  }

  .max-lg\:max-w-3xl {
    max-width: 48rem;
  }

  .max-lg\:flex-col {
    flex-direction: column;
  }

  .max-lg\:gap-y-6 {
    row-gap: 1.5rem;
  }

  .max-lg\:rounded-\[48px\] {
    border-radius: 48px;
  }

  .max-lg\:rounded-b-\[48px\] {
    border-bottom-right-radius: 48px;
    border-bottom-left-radius: 48px;
  }

  .max-lg\:bg-v2-body {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .max-lg\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .max-lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .max-lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:right-\[-363px\] {
    right: -363px;
  }

  .max-md\:flex-col {
    flex-direction: column;
  }
}

@media (min-width: 375px) {
  .min-\[375px\]\:\!w-\[18\.8125rem\] {
    width: 18.8125rem !important;
  }
}

@media (min-width: 640px) {
  .sm\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

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

  .sm\:top-4 {
    top: 1rem;
  }

  .sm\:order-2 {
    order: 2;
  }

  .sm\:order-3 {
    order: 3;
  }

  .sm\:order-4 {
    order: 4;
  }

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

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }

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

  .sm\:col-start-1 {
    grid-column-start: 1;
  }

  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:ml-0 {
    margin-left: 0px;
  }

  .sm\:ml-2 {
    margin-left: 0.5rem;
  }

  .sm\:ml-3 {
    margin-left: 0.75rem;
  }

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

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-6 {
    height: 1.5rem;
  }

  .sm\:\!w-64 {
    width: 16rem !important;
  }

  .sm\:\!w-full {
    width: 100% !important;
  }

  .sm\:w-60 {
    width: 15rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }

  .sm\:min-w-60 {
    min-width: 15rem;
  }

  .sm\:max-w-20 {
    max-width: 5rem;
  }

  .sm\:max-w-32 {
    max-width: 8rem;
  }

  .sm\:max-w-4xl {
    max-width: 56rem;
  }

  .sm\:max-w-5xl {
    max-width: 64rem;
  }

  .sm\:max-w-60 {
    max-width: 15rem;
  }

  .sm\:max-w-6xl {
    max-width: 72rem;
  }

  .sm\:max-w-\[200px\] {
    max-width: 200px;
  }

  .sm\:max-w-\[31\.25rem\] {
    max-width: 31.25rem;
  }

  .sm\:max-w-full {
    max-width: 100%;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-none {
    max-width: none;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:items-stretch {
    align-items: stretch;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-0 {
    gap: 0px;
  }

  .sm\:gap-1 {
    gap: 0.25rem;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .sm\:self-end {
    align-self: flex-end;
  }

  .sm\:rounded-md {
    border-radius: 0.375rem;
  }

  .sm\:rounded-xl {
    border-radius: 0.75rem;
  }

  .sm\:border-l {
    border-left-width: 1px;
  }

  .sm\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-3 {
    padding: 0.75rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sm\:\!pb-0 {
    padding-bottom: 0px !important;
  }

  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .sm\:pl-2 {
    padding-left: 0.5rem;
  }

  .sm\:pr-10 {
    padding-right: 2.5rem;
  }

  .sm\:pt-20 {
    padding-top: 5rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:align-middle {
    vertical-align: middle;
  }

  .sm\:text-sm {
    font-size: 0.75rem;
    line-height: 130%;
  }

  @media not all and (min-width: 1280px) {
    .sm\:max-xl\:hidden {
      display: none;
    }
  }

  @media not all and (min-width: 768px) {
    .sm\:max-md\:hidden {
      display: none;
    }
  }
}

@media (min-width: 768px) {
  .md\:fixed {
    position: fixed;
  }

  .md\:left-52 {
    left: 13rem;
  }

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

  .md\:float-right {
    float: right;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:ml-5 {
    margin-left: 1.25rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:h-\[calc\(100vh-84px\)\] {
    height: calc(100vh - 84px);
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:h-screen {
    height: 100vh;
  }

  .md\:w-\[195px\] {
    width: 195px;
  }

  .md\:w-\[218px\] {
    width: 218px;
  }

  .md\:w-\[32rem\] {
    width: 32rem;
  }

  .md\:w-\[408px\] {
    width: 408px;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:min-w-\[80px\] {
    min-width: 80px;
  }

  .md\:max-w-96 {
    max-width: 24rem;
  }

  .md\:max-w-\[300px\] {
    max-width: 300px;
  }

  .md\:max-w-full {
    max-width: 100%;
  }

  .md\:max-w-screen-md {
    max-width: 768px;
  }

  .md\:max-w-xl {
    max-width: 36rem;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-stretch {
    align-items: stretch;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-0 {
    gap: 0px;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:overflow-y-auto {
    overflow-y: auto;
  }

  .md\:rounded-lg {
    border-radius: 0.5rem;
  }

  .md\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:pl-0 {
    padding-left: 0px;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pt-1 {
    padding-top: 0.25rem;
  }

  .md\:text-4xl {
    font-size: 2.125rem;
    line-height: 120%;
  }
}

@media (min-width: 1024px) {
  .lg\:visible {
    visibility: visible;
  }

  .lg\:static {
    position: static;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .lg\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .lg\:left-auto {
    left: auto;
  }

  .lg\:right-0 {
    right: 0px;
  }

  .lg\:top-0 {
    top: 0px;
  }

  .lg\:z-auto {
    z-index: auto;
  }

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

  .lg\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:ml-0 {
    margin-left: 0px;
  }

  .lg\:ml-2 {
    margin-left: 0.5rem;
  }

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

  .lg\:mr-2 {
    margin-right: 0.5rem;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:\!h-28 {
    height: 7rem !important;
  }

  .lg\:\!h-auto {
    height: auto !important;
  }

  .lg\:h-\[50px\] {
    height: 50px;
  }

  .lg\:h-\[calc\(100dvh-220px\)\] {
    height: calc(100dvh - 220px);
  }

  .lg\:h-\[calc\(100vh_-_65px\)\] {
    height: calc(100vh - 65px);
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:max-h-full {
    max-height: 100%;
  }

  .lg\:max-h-none {
    max-height: none;
  }

  .lg\:min-h-0 {
    min-height: 0px;
  }

  .lg\:min-h-11 {
    min-height: 2.75rem;
  }

  .lg\:min-h-\[35rem\] {
    min-height: 35rem;
  }

  .lg\:min-h-full {
    min-height: 100%;
  }

  .lg\:min-h-screen {
    min-height: 100vh;
  }

  .lg\:w-1\/12 {
    width: 8.333333%;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-4\/5 {
    width: 80%;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:w-96 {
    width: 24rem;
  }

  .lg\:w-\[220px\] {
    width: 220px;
  }

  .lg\:w-\[340px\] {
    width: 340px;
  }

  .lg\:w-\[600px\] {
    width: 600px;
  }

  .lg\:w-\[88vw\] {
    width: 88vw;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:min-w-0 {
    min-width: 0px;
  }

  .lg\:min-w-\[20rem\] {
    min-width: 20rem;
  }

  .lg\:min-w-\[600px\] {
    min-width: 600px;
  }

  .lg\:min-w-\[800px\] {
    min-width: 800px;
  }

  .lg\:\!max-w-16 {
    max-width: 4rem !important;
  }

  .lg\:\!max-w-20 {
    max-width: 5rem !important;
  }

  .lg\:\!max-w-\[5\.5rem\] {
    max-width: 5.5rem !important;
  }

  .lg\:max-w-1\/2 {
    max-width: 50%;
  }

  .lg\:max-w-24 {
    max-width: 6rem;
  }

  .lg\:max-w-3\/4 {
    max-width: 75%;
  }

  .lg\:max-w-5xl {
    max-width: 64rem;
  }

  .lg\:max-w-\[1200px\] {
    max-width: 1200px;
  }

  .lg\:max-w-\[200px\] {
    max-width: 200px;
  }

  .lg\:max-w-\[400px\] {
    max-width: 400px;
  }

  .lg\:max-w-\[420px\] {
    max-width: 420px;
  }

  .lg\:max-w-\[50\%\] {
    max-width: 50%;
  }

  .lg\:max-w-\[600px\] {
    max-width: 600px;
  }

  .lg\:max-w-\[750px\] {
    max-width: 750px;
  }

  .lg\:max-w-\[800px\] {
    max-width: 800px;
  }

  .lg\:max-w-\[88vw\] {
    max-width: 88vw;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-auto {
    flex: 1 1 auto;
  }

  .lg\:shrink {
    flex-shrink: 1;
  }

  .lg\:shrink-0 {
    flex-shrink: 0;
  }

  .lg\:basis-auto {
    flex-basis: auto;
  }

  .lg\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[minmax\(20rem\2c 24rem\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(20rem,24rem) minmax(0,1fr);
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:gap-0 {
    gap: 0px;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .lg\:gap-y-8 {
    row-gap: 2rem;
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:overflow-auto {
    overflow: auto;
  }

  .lg\:\!overflow-y-hidden {
    overflow-y: hidden !important;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-\[120px\] {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .lg\:pl-0 {
    padding-left: 0px;
  }

  .lg\:pr-3 {
    padding-right: 0.75rem;
  }

  .lg\:pr-\[19\.5rem\] {
    padding-right: 19.5rem;
  }

  .lg\:pt-3 {
    padding-top: 0.75rem;
  }

  .lg\:text-base {
    font-size: 0.875rem;
    line-height: 140%;
  }

  .lg\:leading-none {
    line-height: 1;
  }

  .lg\:text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(87 32 238 / var(--tw-text-opacity, 1));
  }

  .lg\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:transition-none {
    transition-property: none;
  }

  .group:focus-within .lg\:group-focus-within\:flex {
    display: flex;
  }

  .group:focus-within .lg\:group-focus-within\:pr-16 {
    padding-right: 4rem;
  }

  .group:hover .lg\:group-hover\:flex {
    display: flex;
  }

  .group:hover .lg\:group-hover\:pr-16 {
    padding-right: 4rem;
  }

  .peer:hover ~ .lg\:peer-hover\:block {
    display: block;
  }
}

@media (min-width: 1220px) {
  .shell\:relative {
    position: relative;
  }

  .shell\:inline-flex {
    display: inline-flex;
  }

  .shell\:min-h-0 {
    min-height: 0px;
  }

  .shell\:w-1\/2 {
    width: 50%;
  }

  .shell\:w-2\/5 {
    width: 40%;
  }

  .shell\:w-\[40rem\] {
    width: 40rem;
  }

  .shell\:max-w-\[30rem\] {
    max-width: 30rem;
  }

  .shell\:max-w-screen-md {
    max-width: 768px;
  }

  .shell\:max-w-screen-sm {
    max-width: 640px;
  }

  .shell\:flex-1 {
    flex: 1 1 0%;
  }

  .shell\:shrink-0 {
    flex-shrink: 0;
  }

  .shell\:flex-row {
    flex-direction: row;
  }

  .shell\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .shell\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .shell\:overflow-auto {
    overflow: auto;
  }

  .shell\:overflow-hidden {
    overflow: hidden;
  }

  .shell\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .shell\:transition-\[width\] {
    transition-property: width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .shell\:duration-300 {
    transition-duration: 300ms;
  }

  .shell\:data-\[expanded\=false\]\:w-12[data-expanded="false"] {
    width: 3rem;
  }

  .shell\:data-\[expanded\=false\]\:min-w-0[data-expanded="false"] {
    min-width: 0px;
  }

  .group\/pane[data-expanded="false"] .shell\:group-data-\[expanded\=false\]\/pane\:pointer-events-none {
    pointer-events: none;
  }

  .group\/pane[data-expanded="false"] .shell\:group-data-\[expanded\=false\]\/pane\:opacity-0 {
    opacity: 0;
  }
}

@media (min-width: 1280px) {
  .xl\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:relative {
    position: relative;
  }

  .xl\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .xl\:inset-auto {
    inset: auto;
  }

  .xl\:top-0 {
    top: 0px;
  }

  .xl\:top-\[var\(--v2-details-bar-height\2c 4rem\)\] {
    top: var(--v2-details-bar-height,4rem);
  }

  .xl\:z-auto {
    z-index: auto;
  }

  .xl\:order-none {
    order: 0;
  }

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

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:col-start-1 {
    grid-column-start: 1;
  }

  .xl\:col-start-2 {
    grid-column-start: 2;
  }

  .xl\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xl\:row-start-2 {
    grid-row-start: 2;
  }

  .xl\:mb-32 {
    margin-bottom: 8rem;
  }

  .xl\:ml-0 {
    margin-left: 0px;
  }

  .xl\:mt-0 {
    margin-top: 0px;
  }

  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:inline-flex {
    display: inline-flex;
  }

  .xl\:grid {
    display: grid;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-full {
    height: 100%;
  }

  .xl\:h-screen {
    height: 100vh;
  }

  .xl\:max-h-36 {
    max-height: 9rem;
  }

  .xl\:max-h-9 {
    max-height: 2.25rem;
  }

  .xl\:max-h-\[calc\(var\(--v2-details-viewport-height\2c 100dvh\)_-_var\(--v2-details-bar-height\2c 4rem\)\)\] {
    max-height: calc(var(--v2-details-viewport-height,100dvh) - var(--v2-details-bar-height,4rem));
  }

  .xl\:min-h-\[640px\] {
    min-height: 640px;
  }

  .xl\:min-h-\[calc\(var\(--v2-details-viewport-height\2c 100dvh\)_-_var\(--v2-details-bar-height\2c 4rem\)\)\] {
    min-height: calc(var(--v2-details-viewport-height,100dvh) - var(--v2-details-bar-height,4rem));
  }

  .xl\:\!w-48 {
    width: 12rem !important;
  }

  .xl\:\!w-\[25rem\] {
    width: 25rem !important;
  }

  .xl\:w-0 {
    width: 0px;
  }

  .xl\:w-1\/2 {
    width: 50%;
  }

  .xl\:w-1\/3 {
    width: 33.333333%;
  }

  .xl\:w-1\/4 {
    width: 25%;
  }

  .xl\:w-14 {
    width: 3.5rem;
  }

  .xl\:w-16 {
    width: 4rem;
  }

  .xl\:w-2\/3 {
    width: 66.666667%;
  }

  .xl\:w-2\/6 {
    width: 33.333333%;
  }

  .xl\:w-3\/4 {
    width: 75%;
  }

  .xl\:w-32 {
    width: 8rem;
  }

  .xl\:w-36 {
    width: 9rem;
  }

  .xl\:w-4\/6 {
    width: 66.666667%;
  }

  .xl\:w-96 {
    width: 24rem;
  }

  .xl\:w-\[24\%\] {
    width: 24%;
  }

  .xl\:w-\[25rem\] {
    width: 25rem;
  }

  .xl\:w-\[336px\] {
    width: 336px;
  }

  .xl\:w-\[460px\] {
    width: 460px;
  }

  .xl\:w-\[78\%\] {
    width: 78%;
  }

  .xl\:w-\[94\%\] {
    width: 94%;
  }

  .xl\:max-w-48 {
    max-width: 12rem;
  }

  .xl\:max-w-\[150px\] {
    max-width: 150px;
  }

  .xl\:max-w-\[520px\] {
    max-width: 520px;
  }

  .xl\:max-w-\[600px\] {
    max-width: 600px;
  }

  .xl\:max-w-none {
    max-width: none;
  }

  .xl\:flex-1 {
    flex: 1 1 0%;
  }

  .xl\:shrink-0 {
    flex-shrink: 0;
  }

  .xl\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[20\%_60\%\] {
    grid-template-columns: 20% 60%;
  }

  .xl\:grid-cols-\[40\%_60\%\] {
    grid-template-columns: 40% 60%;
  }

  .xl\:grid-cols-\[50\%_50\%\] {
    grid-template-columns: 50% 50%;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_20rem\] {
    grid-template-columns: minmax(0,1fr) 20rem;
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .xl\:grid-rows-\[auto_auto_auto_1fr\] {
    grid-template-rows: auto auto auto 1fr;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:justify-center {
    justify-content: center;
  }

  .xl\:gap-16 {
    gap: 4rem;
  }

  .xl\:gap-4 {
    gap: 1rem;
  }

  .xl\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .xl\:self-start {
    align-self: flex-start;
  }

  .xl\:overflow-hidden {
    overflow: hidden;
  }

  .xl\:overflow-y-auto {
    overflow-y: auto;
  }

  .xl\:rounded-none {
    border-radius: 0px;
  }

  .xl\:border-b-0 {
    border-bottom-width: 0px;
  }

  .xl\:border-l {
    border-left-width: 1px;
  }

  .xl\:border-r {
    border-right-width: 1px;
  }

  .xl\:border-t-0 {
    border-top-width: 0px;
  }

  .xl\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
  }

  .xl\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  }

  .xl\:border-secondary-300 {
    --tw-border-opacity: 1;
    border-color: rgb(230 228 225 / var(--tw-border-opacity, 1));
  }

  .xl\:bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 251 250 / var(--tw-bg-opacity, 1));
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:\!pb-32 {
    padding-bottom: 8rem !important;
  }

  .xl\:pl-6 {
    padding-left: 1.5rem;
  }

  .xl\:pr-6 {
    padding-right: 1.5rem;
  }

  .xl\:pr-8 {
    padding-right: 2rem;
  }

  .xl\:text-lg {
    font-size: 1rem;
    line-height: 120%;
  }

  .xl\:opacity-0 {
    opacity: 0;
  }

  .xl\:opacity-100 {
    opacity: 1;
  }

  .xl\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .xl\:transition-\[width\2c opacity\] {
    transition-property: width,opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .xl\:duration-\[100ms\] {
    transition-duration: 100ms;
  }

  .xl\:data-\[details-sidebar-collapsed\=true\]\:flex[data-details-sidebar-collapsed="true"] {
    display: flex;
  }

  .xl\:data-\[details-sidebar-collapsed\=true\]\:h-auto[data-details-sidebar-collapsed="true"] {
    height: auto;
  }

  .xl\:data-\[details-sidebar-collapsed\=true\]\:\!w-0[data-details-sidebar-collapsed="true"] {
    width: 0px !important;
  }

  .xl\:data-\[details-sidebar-collapsed\=true\]\:\!w-14[data-details-sidebar-collapsed="true"] {
    width: 3.5rem !important;
  }

  .xl\:data-\[details-sidebar-collapsed\=true\]\:w-0[data-details-sidebar-collapsed="true"] {
    width: 0px;
  }

  .xl\:data-\[expanded\=true\]\:data-\[details-sidebar-collapsed\=false\]\:\!w-\[min\(60vw\2c 56rem\)\][data-details-sidebar-collapsed="false"][data-expanded="true"] {
    width: min(60vw,56rem) !important;
  }

  .xl\:data-\[details-sidebar-collapsed\=true\]\:shrink-0[data-details-sidebar-collapsed="true"] {
    flex-shrink: 0;
  }

  .xl\:data-\[details-sidebar-collapsed\=true\]\:border-0[data-details-sidebar-collapsed="true"] {
    border-width: 0px;
  }

  .xl\:data-\[details-sidebar-collapsed\=true\]\:border-l-0[data-details-sidebar-collapsed="true"] {
    border-left-width: 0px;
  }
}

@media (min-width: 1536px) {
  .\32xl\:flex {
    display: flex;
  }

  .\32xl\:contents {
    display: contents;
  }

  .\32xl\:max-h-10 {
    max-height: 2.5rem;
  }

  .\32xl\:max-h-48 {
    max-height: 12rem;
  }

  .\32xl\:w-1\/2 {
    width: 50%;
  }

  .\32xl\:w-44 {
    width: 11rem;
  }

  .\32xl\:w-60 {
    width: 15rem;
  }

  .\32xl\:w-96 {
    width: 24rem;
  }

  .\32xl\:w-\[96\%\] {
    width: 96%;
  }

  .\32xl\:\!max-w-24 {
    max-width: 6rem !important;
  }

  .\32xl\:\!max-w-40 {
    max-width: 10rem !important;
  }

  .\32xl\:max-w-36 {
    max-width: 9rem;
  }

  .\32xl\:max-w-56 {
    max-width: 14rem;
  }

  .\32xl\:max-w-\[200px\] {
    max-width: 200px;
  }

  .\32xl\:max-w-\[470px\] {
    max-width: 470px;
  }

  .\32xl\:max-w-\[600px\] {
    max-width: 600px;
  }

  .\32xl\:max-w-none {
    max-width: none;
  }

  .\32xl\:max-w-screen-lg {
    max-width: 1024px;
  }

  .\32xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .\32xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .\32xl\:gap-y-12 {
    row-gap: 3rem;
  }

  .\32xl\:text-xl {
    font-size: 1.125rem;
    line-height: 120%;
  }
}

@media (prefers-color-scheme: dark) {
  .dark\:border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(242 240 239 / var(--tw-border-opacity, 1));
  }

  .dark\:border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  }

  .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(120 118 116 / var(--tw-bg-opacity, 1));
  }

  .dark\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }

  .dark\:before\:border-neutral-600::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
  }

  .dark\:after\:border-neutral-600::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(82 82 82 / var(--tw-border-opacity, 1));
  }
}

@media print {
  .print\:hidden {
    display: none;
  }
}

.\[\&\.sortable-chosen\]\:cursor-grabbing.sortable-chosen {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.\[\&\.sortable-chosen\]\:px-2.sortable-chosen {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&\.sortable-drag\>\:not\(summary\)\]\:hidden.sortable-drag>:not(summary) {
  display: none;
}

.\[\&\.sortable-ghost\>\:not\(summary\)\]\:hidden.sortable-ghost>:not(summary) {
  display: none;
}

.\[\&\:\:-moz-range-thumb\]\:size-4::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
}

.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
  border-width: 0px;
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}

.\[\&\:\:-webkit-slider-thumb\]\:size-4::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
}

.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
}

.\[\&\:\:marker\]\:hidden::marker {
  display: none;
}

.\[\&\:not\(\:has\(\*\~\*\)\)\]\:hidden:not(:has(*~*)) {
  display: none;
}

.\[\&\:not\(\:only-child\)\]\:hidden:not(:only-child) {
  display: none;
}

.\[\&\:not\(\[hidden\]\)\]\:block:not([hidden]) {
  display: block;
}

.\[\&\:not\(\[hidden\]\)\]\:flex:not([hidden]) {
  display: flex;
}

.\[\&\>\*\:last-child\]\:rounded-b-v2-lg>*:last-child {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.\[\&\>\*\]\:h-auto>* {
  height: auto;
}

.\[\&\>\*\]\:max-h-\[60px\]>* {
  max-height: 60px;
}

.\[\&\>\*\]\:w-auto>* {
  width: auto;
}

.\[\&\>\*\]\:\!fill-gray-700>* {
  fill: #787674 !important;
}

.\[\&\>\*\]\:fill-gray-900>* {
  fill: #575554;
}

.\[\&\>\*\]\:fill-white>* {
  fill: #fff;
}

.\[\&\>\*\]\:\!text-primary-900>* {
  --tw-text-opacity: 1 !important;
  color: rgb(30 26 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&\>\.notification-row\:not\(\.hidden\)\~\.notification-row\:not\(\.hidden\)_\.notification-label\]\:invisible>.notification-row:not(.hidden)~.notification-row:not(.hidden) .notification-label {
  visibility: hidden;
}

.\[\&\>\[data-group-label\]\+\[data-v2--multi-select-target\=option\]\]\:mt-2>[data-group-label]+[data-v2--multi-select-target=option] {
  margin-top: 0.5rem;
}

.\[\&\>\[data-v2--multi-select-target\=option\]\+\[data-group-label\]\]\:mt-2>[data-v2--multi-select-target=option]+[data-group-label] {
  margin-top: 0.5rem;
}

.\[\&\>\[data-v2--multi-select-target\=option\]\+\[data-v2--multi-select-target\=option\]\]\:mt-2>[data-v2--multi-select-target=option]+[data-v2--multi-select-target=option] {
  margin-top: 0.5rem;
}

.\[\&\>div\:last-child\]\:mb-0>div:last-child {
  margin-bottom: 0px;
}

.\[\&\>div\]\:block>div {
  display: block;
}

.\[\&\>div\]\:max-w-full>div {
  max-width: 100%;
}

.\[\&\>dt\]\:pt-1>dt {
  padding-top: 0.25rem;
}

.\[\&\>label\>span\]\:\!opacity-100>label>span {
  opacity: 1 !important;
}

.\[\&\>li\]\:mt-2>li {
  margin-top: 0.5rem;
}

.\[\&\>p\+ul\>li\]\:mt-0>p+ul>li {
  margin-top: 0px;
}

.\[\&\>p\+ul\]\:mt-0>p+ul {
  margin-top: 0px;
}

.\[\&\>p\]\:max-w-\[22rem\]>p {
  max-width: 22rem;
}

.\[\&\>p\]\:truncate>p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 1536px) {
  .\[\&\>p\]\:2xl\:max-w-md>p {
    max-width: 28rem;
  }
}

.\[\&\>svg\]\:opacity-20>svg {
  opacity: 0.2;
}

.\[\&\>svg\]\:grayscale>svg {
  --tw-grayscale: grayscale(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);
}

.\[\&\[aria-busy\=true\]_\:is\(input\2c button\2c select\)\:not\(\[type\=file\]\)\]\:cursor-auto[aria-busy=true] :is(input,button,select):not([type=file]) {
  cursor: auto;
}

.\[\&\[aria-busy\=true\]_\:is\(input\2c button\2c select\)\:not\(\[type\=file\]\)\]\:opacity-100[aria-busy=true] :is(input,button,select):not([type=file]) {
  opacity: 1;
}

.\[\&\[contenteditable\]\]\:cursor-text[contenteditable] {
  cursor: text;
}

.\[\&\[data-picker-open\]\>div\]\:bg-v2-chip-bg-glacier-pressed[data-picker-open]>div {
  --tw-bg-opacity: 1;
  background-color: rgb(203 224 240 / var(--tw-bg-opacity, 1));
}

.\[\&\[data-picker-open\]\>div\]\:bg-v2-chip-bg-lavender-pressed[data-picker-open]>div {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.\[\&\[data-picker-open\]\>div\]\:bg-v2-chip-bg-neutral-pressed[data-picker-open]>div {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.\[\&\[data-picker-open\]\>div\]\:bg-v2-chip-bg-pothos-pressed[data-picker-open]>div {
  --tw-bg-opacity: 1;
  background-color: rgb(200 242 216 / var(--tw-bg-opacity, 1));
}

.\[\&\[data-picker-open\]\>div\]\:bg-v2-chip-bg-tangerine-pressed[data-picker-open]>div {
  --tw-bg-opacity: 1;
  background-color: rgb(253 229 149 / var(--tw-bg-opacity, 1));
}

.\[\&_\*\]\:pointer-events-none * {
  pointer-events: none;
}

.\[\&_\*\]\:\!cursor-default * {
  cursor: default !important;
}

.\[\&_\.drawer-container\]\:\!p-0 .drawer-container {
  padding: 0px !important;
}

.\[\&_\.grid\>\*\]\:min-w-0 .grid>* {
  min-width: 0px;
}

.\[\&_\.grid\]\:min-w-0 .grid {
  min-width: 0px;
}

.\[\&_\[data-checkbox\]\]\:cursor-default [data-checkbox] {
  cursor: default;
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-avocado-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(233 245 152 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-brick-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 213 179 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-cherry-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 206 211 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-critical-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 179 177 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-glacier-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 224 240 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-lavender-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(215 215 240 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-neutral-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-pothos-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(200 242 216 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-robin-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(151 246 240 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-rose-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 208 228 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-saffron-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 242 153 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:active\:hover\]\:bg-v2-chip-bg-tangerine-pressed [data-chip-action-button]:enabled:active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 229 149 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-avocado-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 248 186 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-brick-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 228 204 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-cherry-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 221 224 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-critical-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 204 202 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-glacier-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 234 244 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-lavender-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-neutral-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-pothos-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(218 246 229 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-robin-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(187 249 244 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-rose-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 223 236 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-saffron-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 187 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\:enabled\:hover\]\:bg-v2-chip-bg-tangerine-hover [data-chip-action-button]:enabled:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 238 187 / var(--tw-bg-opacity, 1));
}

.\[\&_\[data-chip-action-button\]\]\:before\:hidden [data-chip-action-button]::before {
  content: var(--tw-content);
  display: none;
}

.\[\&_\[data-field-wrapper\]\>\.shrink-0\]\:\!hidden [data-field-wrapper]>.shrink-0 {
  display: none !important;
}

.\[\&_\[data-field-wrapper\]\]\:\!h-auto [data-field-wrapper] {
  height: auto !important;
}

.\[\&_\[data-field-wrapper\]\]\:\!min-h-8 [data-field-wrapper] {
  min-height: 2rem !important;
}

.\[\&_\[data-field-wrapper\]\]\:\!w-fit [data-field-wrapper] {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.\[\&_\[data-field-wrapper\]\]\:w-full [data-field-wrapper] {
  width: 100%;
}

.\[\&_\[data-field-wrapper\]\]\:\!rounded-none [data-field-wrapper] {
  border-radius: 0px !important;
}

.\[\&_\[data-field-wrapper\]\]\:\!bg-transparent [data-field-wrapper] {
  background-color: transparent !important;
}

.\[\&_\[data-field-wrapper\]\]\:\!shadow-none [data-field-wrapper] {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\[data-field-wrapper\]\]\:\!ring-0 [data-field-wrapper] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\[\&_\[data-no-row-link\]\]\:cursor-default [data-no-row-link] {
  cursor: default;
}

.\[\&_\[data-testid\=details-sidebar-scroll-area\]\>div\]\:h-full [data-testid=details-sidebar-scroll-area]>div {
  height: 100%;
}

.\[\&_\[data-testid\=details-sidebar-scroll-area\]\]\:overflow-hidden [data-testid=details-sidebar-scroll-area] {
  overflow: hidden;
}

.\[\&_\[data-v2--multi-select-target\=chip\]\]\:max-w-28 [data-v2--multi-select-target=chip] {
  max-width: 7rem;
}

.\[\&_\[data-v2--multi-select-target\=content\]\]\:\!min-w-\[200px\] [data-v2--multi-select-target=content] {
  min-width: 200px !important;
}

.\[\&_\[data-v2--select-target\=content\]\]\:\!bottom-full [data-v2--select-target=content] {
  bottom: 100% !important;
}

.\[\&_\[data-v2--select-target\=content\]\]\:\!top-auto [data-v2--select-target=content] {
  top: auto !important;
}

.\[\&_\[data-v2--select-target\=content\]\]\:\!mb-1 [data-v2--select-target=content] {
  margin-bottom: 0.25rem !important;
}

.\[\&_\[data-v2--select-target\=content\]\]\:\!mt-0 [data-v2--select-target=content] {
  margin-top: 0px !important;
}

.\[\&_\[role\=cell\]\]\:\!px-3 [role=cell] {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\[\&_\[role\=columnheader\]\]\:\!px-3 [role=columnheader] {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\[\&_\[role\=combobox\]\:focus-visible\]\:\!shadow-v2-focus [role=combobox]:focus-visible {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25) !important;
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\[role\=combobox\]\:focus-visible\]\:\!ring-1 [role=combobox]:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\[\&_\[role\=combobox\]\:focus-visible\]\:\!ring-v2-border-selected [role=combobox]:focus-visible {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(84 70 162 / var(--tw-ring-opacity, 1)) !important;
}

.\[\&_\[role\=combobox\]\:focus-visible_\[data-details-sidebar-filter-trigger\]\]\:\!border-v2-border-selected [role=combobox]:focus-visible [data-details-sidebar-filter-trigger] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(84 70 162 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\[role\=combobox\]\:focus-visible_\[data-details-sidebar-filter-trigger\]\]\:\!shadow-v2-focus [role=combobox]:focus-visible [data-details-sidebar-filter-trigger] {
  --tw-shadow: 0px 2px 8px 0px rgba(151, 146, 218, 0.25) !important;
  --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\[role\=combobox\]\:focus-within\:not\(\:focus-visible\)\]\:\!bg-transparent [role=combobox]:focus-within:not(:focus-visible) {
  background-color: transparent !important;
}

.\[\&_\[role\=combobox\]\:focus-within\:not\(\:focus-visible\)\]\:\!shadow-none [role=combobox]:focus-within:not(:focus-visible) {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\[role\=combobox\]\:focus-within\:not\(\:focus-visible\)\]\:\!ring-0 [role=combobox]:focus-within:not(:focus-visible) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\[\&_\[role\=combobox\]\:focus-within\]\:\!bg-transparent [role=combobox]:focus-within {
  background-color: transparent !important;
}

.\[\&_\[role\=combobox\]\:focus-within\]\:\!shadow-none [role=combobox]:focus-within {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\[role\=combobox\]\:focus-within\]\:\!ring-0 [role=combobox]:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\[\&_\[role\=combobox\]\:hover\]\:\!bg-transparent [role=combobox]:hover {
  background-color: transparent !important;
}

.\[\&_\[role\=combobox\]\:hover\]\:\!shadow-none [role=combobox]:hover {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\[role\=combobox\]\[data-open\]\]\:\!bg-transparent [role=combobox][data-open] {
  background-color: transparent !important;
}

.\[\&_\[role\=combobox\]\[data-open\]\]\:\!shadow-none [role=combobox][data-open] {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\[role\=combobox\]\[data-open\]\]\:\!ring-0 [role=combobox][data-open] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\[\&_\[role\=combobox\]\]\:\!h-auto [role=combobox] {
  height: auto !important;
}

.\[\&_\[role\=combobox\]\]\:\!w-auto [role=combobox] {
  width: auto !important;
}

.\[\&_\[role\=combobox\]\]\:\!overflow-visible [role=combobox] {
  overflow: visible !important;
}

.\[\&_\[role\=combobox\]\]\:\!rounded-none [role=combobox] {
  border-radius: 0px !important;
}

.\[\&_\[role\=combobox\]\]\:\!rounded-v2-sm [role=combobox] {
  border-radius: 0.25rem !important;
}

.\[\&_\[role\=combobox\]\]\:rounded-v2-sm [role=combobox] {
  border-radius: 0.25rem;
}

.\[\&_\[role\=combobox\]\]\:\!bg-transparent [role=combobox] {
  background-color: transparent !important;
}

.\[\&_\[role\=combobox\]\]\:\!p-0 [role=combobox] {
  padding: 0px !important;
}

.\[\&_\[role\=combobox\]\]\:\!shadow-none [role=combobox] {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\[role\=combobox\]\]\:\!ring-0 [role=combobox] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\[\&_\[role\=dialog\]\]\:gap-0 [role=dialog] {
  gap: 0px;
}

.\[\&_\[role\=dialog\]\]\:overflow-hidden [role=dialog] {
  overflow: hidden;
}

.\[\&_\[role\=dialog\]\]\:shadow-v2-modal-drop-shadow [role=dialog] {
  --tw-shadow: 0px 4px 32px -12px rgba(0, 0, 0, 0.2), 0px 10px 16px -6px rgba(0, 0, 0, 0.08), 0px 3px 6px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 4px 32px -12px var(--tw-shadow-color), 0px 10px 16px -6px var(--tw-shadow-color), 0px 3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\[\&_\[role\=grid\]\]\:w-full [role=grid] {
  width: 100%;
}

.\[\&_\[role\=row\]\]\:justify-between [role=row] {
  justify-content: space-between;
}

.\[\&_a\]\:text-\[color\:var\(--Text-selected\2c \#4A3E8E\)\] a {
  color: var(--Text-selected,#4A3E8E);
}

.\[\&_a\]\:text-current a {
  color: currentColor;
}

.\[\&_a\]\:text-v2-chip-bg-lavender a {
  --tw-text-opacity: 1;
  color: rgb(236 236 248 / var(--tw-text-opacity, 1));
}

.\[\&_a\]\:underline a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.\[\&_circle\]\:\[stroke-opacity\:0\.6\] circle {
  stroke-opacity: 0.6;
}

.\[\&_circle\]\:\[stroke\:var\(--orb-border\)\] circle {
  stroke: var(--orb-border);
}

.\[\&_code\]\:rounded code {
  border-radius: 0.25rem;
}

.\[\&_code\]\:bg-v2-level2 code {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 246 / var(--tw-bg-opacity, 1));
}

.\[\&_code\]\:px-1 code {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.\[\&_code\]\:before\:content-none code::before {
  --tw-content: none;
  content: var(--tw-content);
}

.\[\&_code\]\:after\:content-none code::after {
  --tw-content: none;
  content: var(--tw-content);
}

.\[\&_input\]\:min-w-\[120px\] input {
  min-width: 120px;
}

.\[\&_input\]\:max-w-full input {
  max-width: 100%;
}

.\[\&_input\]\:\!flex-initial input {
  flex: 0 1 auto !important;
}

.\[\&_input\]\:\[field-sizing\:content\] input {
  field-sizing: content;
}

.\[\&_nav\]\:px-8 nav {
  padding-left: 2rem;
  padding-right: 2rem;
}

.\[\&_ol\]\:list-decimal ol {
  list-style-type: decimal;
}

.\[\&_ol\]\:pl-4 ol {
  padding-left: 1rem;
}

.\[\&_p\:last-child\]\:mb-0 p:last-child {
  margin-bottom: 0px;
}

.\[\&_p\]\:mb-0 p {
  margin-bottom: 0px;
}

.\[\&_p\]\:mb-2 p {
  margin-bottom: 0.5rem;
}

.\[\&_p\]\:inline p {
  display: inline;
}

.\[\&_p\]\:\!text-base p {
  font-size: 0.875rem !important;
  line-height: 140% !important;
}

.\[\&_p\]\:leading-5 p {
  line-height: 1.25rem;
}

.\[\&_span\.font-semibold\]\:\!font-normal span.font-semibold {
  font-weight: 400 !important;
}

.\[\&_strong\]\:font-medium strong {
  font-weight: 500;
}

.\[\&_svg\]\:\!h-5 svg {
  height: 1.25rem !important;
}

.\[\&_svg\]\:\!w-5 svg {
  width: 1.25rem !important;
}

.\[\&_svg\]\:text-v2-ai-primary svg {
  --tw-text-opacity: 1;
  color: rgb(74 62 142 / var(--tw-text-opacity, 1));
}

.\[\&_ul\]\:list-disc ul {
  list-style-type: disc;
}

.\[\&_ul\]\:pl-4 ul {
  padding-left: 1rem;
}

.condition-row:not(:has(~.condition-row:not(.hidden))) .\[\.condition-row\:not\(\:has\(\~\.condition-row\:not\(\.hidden\)\)\)_\&\]\:block {
  display: block;
}

@media(hover:none) {
  .\[\@media\(hover\:none\)\]\:pointer-events-auto {
    pointer-events: auto;
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-avocado-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 248 186 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-brick-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 228 204 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-cherry-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 221 224 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-critical-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 204 202 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-glacier-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 234 244 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-lavender-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(227 227 244 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-neutral-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 239 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-pothos-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(218 246 229 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-robin-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(187 249 244 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-rose-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(251 223 236 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-saffron-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 187 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:bg-v2-chip-bg-tangerine-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(253 238 187 / var(--tw-bg-opacity, 1));
  }

  .\[\@media\(hover\:none\)\]\:opacity-100 {
    opacity: 1;
  }
}

@media(min-width:750px) and (max-width:1023px) {
  .\[\@media\(min-width\:750px\)_and_\(max-width\:1023px\)\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

[data-modal-scroll-body] .\[\[data-modal-scroll-body\]_\&\]\:sticky {
  position: -webkit-sticky;
  position: sticky;
}

[data-modal-scroll-body] .\[\[data-modal-scroll-body\]_\&\]\:bottom-0 {
  bottom: 0px;
}

[data-modal-scroll-body] .\[\[data-modal-scroll-body\]_\&\]\:z-10 {
  z-index: 10;
}

[data-sortable-list-kind=top]>.\[\[data-sortable-list-kind\=top\]\>\&\]\:rounded-v2-lg {
  border-radius: 0.5rem;
}

[data-sortable-list-kind=top]>.\[\[data-sortable-list-kind\=top\]\>\&\]\:border {
  border-width: 1px;
}

[data-sortable-list-kind=top]>.\[\[data-sortable-list-kind\=top\]\>\&\]\:border-v2-divider {
  --tw-border-opacity: 1;
  border-color: rgb(220 217 215 / var(--tw-border-opacity, 1));
}

[data-sortable-list-kind=top]>.\[\[data-sortable-list-kind\=top\]\>\&\]\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

[data-sortable-list-kind=top]>.\[\[data-sortable-list-kind\=top\]\>\&\]\:py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

div[data-collapsed='false'] .\[div\[data-collapsed\=\'false\'\]_\&\]\:hidden {
  display: none;
}