.react-flow {
  direction: ltr;
  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;
  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;
  --xy-attribution-background-color-default: hsla(0, 0%, 100%, .5);
  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: hsla(0, 0%, 94%, .6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;
  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: hsla(0, 0%, 94%, .25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;
  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;
  --xy-selection-background-color-default: rgba(0, 89, 220, .08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);
  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);
  --xy-edge-label-background-color-default: #fff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9
}

.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;
  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;
  --xy-attribution-background-color-default: hsla(0, 0%, 59%, .25);
  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;
  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: hsla(0, 0%, 94%, .25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px hsla(0, 0%, 100%, .08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;
  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;
  --xy-selection-background-color-default: rgba(200, 200, 220, .08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);
  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);
  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8
}

.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1
}

.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.react-flow__pane {
  z-index: 1
}

.react-flow__pane.draggable {
  cursor: grab
}

.react-flow__pane.dragging {
  cursor: grabbing
}

.react-flow__pane.selection {
  cursor: pointer
}

.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none
}

.react-flow__renderer {
  z-index: 4
}

.react-flow__selection {
  z-index: 6
}

.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none
}

.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none
}

.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none
}

.react-flow .react-flow__edges {
  position: absolute
}

.react-flow .react-flow__edges svg {
  overflow: visible;
  position: absolute;
  pointer-events: none
}

.react-flow__edge {
  pointer-events: visibleStroke
}

.react-flow__edge.selectable {
  cursor: pointer
}

.react-flow__edge.animated path {
  stroke-dasharray: 5;
  animation: dashdraw .5s linear infinite
}

.react-flow__edge.animated path.react-flow__edge-interaction {
  stroke-dasharray: none;
  animation: none
}

.react-flow__edge.inactive {
  pointer-events: none
}

.react-flow__edge.selected,
.react-flow__edge:focus,
.react-flow__edge:focus-visible {
  outline: none
}

.react-flow__edge.selectable:focus .react-flow__edge-path,
.react-flow__edge.selectable:focus-visible .react-flow__edge-path,
.react-flow__edge.selected .react-flow__edge-path {
  stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))
}

.react-flow__edge-textwrapper {
  pointer-events: all
}

.react-flow__edge .react-flow__edge-text {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.react-flow__connection {
  pointer-events: none
}

.react-flow__connection .animated {
  stroke-dasharray: 5;
  animation: dashdraw .5s linear infinite
}

svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute
}

.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0
}

.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default
}

.react-flow__node.selectable {
  cursor: pointer
}

.react-flow__node.draggable {
  cursor: grab;
  pointer-events: all
}

.react-flow__node.draggable.dragging {
  cursor: grabbing
}

.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none
}

.react-flow__nodesselection-rect {
  position: absolute;
  pointer-events: all;
  cursor: grab
}

.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%
}

.react-flow__handle.connectingfrom {
  pointer-events: all
}

.react-flow__handle.connectionindicator {
  pointer-events: all;
  cursor: crosshair
}

.react-flow__handle-bottom {
  top: auto;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%)
}

.react-flow__handle-top {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%)
}

.react-flow__handle-left {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%)
}

.react-flow__handle-right {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%)
}

.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all
}

.react-flow__pane.selection .react-flow__panel {
  pointer-events: none
}

.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px
}

.react-flow__panel.top {
  top: 0
}

.react-flow__panel.bottom {
  bottom: 0
}

.react-flow__panel.bottom.center,
.react-flow__panel.top.center {
  left: 50%;
  transform: translateX(-15px) translateX(-50%)
}

.react-flow__panel.left {
  left: 0
}

.react-flow__panel.right {
  right: 0
}

.react-flow__panel.left.center,
.react-flow__panel.right.center {
  top: 50%;
  transform: translateY(-15px) translateY(-50%)
}

.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0
}

.react-flow__attribution a {
  text-decoration: none;
  color: #999
}

@keyframes dashdraw {
  0% {
    stroke-dashoffset: 10
  }
}

.react-flow__edgelabel-renderer {
  pointer-events: none
}

.react-flow__edgelabel-renderer,
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  left: 0;
  top: 0
}

.react-flow__minimap {
  background: var(--xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)))
}

.react-flow__minimap-svg {
  display: block
}

.react-flow__minimap-mask {
  fill: var(--xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)));
  stroke: var(--xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)));
  stroke-width: var(--xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)))
}

.react-flow__minimap-node {
  fill: var(--xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)));
  stroke: var(--xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)));
  stroke-width: var(--xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)))
}

.react-flow__background-pattern.dots {
  fill: var(--xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)))
}

.react-flow__background-pattern.lines {
  stroke: var(--xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)))
}

.react-flow__background-pattern.cross {
  stroke: var(--xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)))
}

.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))
}

.react-flow__controls.horizontal {
  flex-direction: row
}

.react-flow__controls-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  width: 26px;
  padding: 4px;
  border: none;
  background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
  border-bottom: 1px solid var(--xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)));
  color: var(--xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)));
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.react-flow__controls-button svg {
  width: 100%;
  max-width: 12px;
  max-height: 12px;
  fill: currentColor
}

.react-flow__edge.updating .react-flow__edge-path {
  stroke: #777
}

.react-flow__edge-text {
  font-size: 10px
}

.react-flow__node.selectable:focus,
.react-flow__node.selectable:focus-visible {
  outline: none
}

.react-flow__node-default,
.react-flow__node-group,
.react-flow__node-input,
.react-flow__node-output {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default))
}

.react-flow__node-default.selectable:hover,
.react-flow__node-group.selectable:hover,
.react-flow__node-input.selectable:hover,
.react-flow__node-output.selectable:hover {
  box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))
}

.react-flow__node-default.selectable.selected,
.react-flow__node-default.selectable:focus,
.react-flow__node-default.selectable:focus-visible,
.react-flow__node-group.selectable.selected,
.react-flow__node-group.selectable:focus,
.react-flow__node-group.selectable:focus-visible,
.react-flow__node-input.selectable.selected,
.react-flow__node-input.selectable:focus,
.react-flow__node-input.selectable:focus-visible,
.react-flow__node-output.selectable.selected,
.react-flow__node-output.selectable:focus,
.react-flow__node-output.selectable:focus-visible {
  box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))
}

.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))
}

.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default))
}

.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible,
.react-flow__selection:focus,
.react-flow__selection:focus-visible {
  outline: none
}

.react-flow__controls-button:hover {
  background: var(--xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)));
  color: var(--xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)))
}

.react-flow__controls-button:disabled {
  pointer-events: none
}

.react-flow__controls-button:disabled svg {
  fill-opacity: .4
}

.react-flow__controls-button:last-child {
  border-bottom: none
}

.react-flow__controls.horizontal .react-flow__controls-button {
  border-bottom: none;
  border-right: 1px solid var(--xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)))
}

.react-flow__controls.horizontal .react-flow__controls-button:last-child {
  border-right: none
}

.react-flow__resize-control {
  position: absolute
}

.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize
}

.react-flow__resize-control.bottom,
.react-flow__resize-control.top {
  cursor: ns-resize
}

.react-flow__resize-control.bottom.right,
.react-flow__resize-control.top.left {
  cursor: nwse-resize
}

.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize
}

.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%
}

.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%
}

.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%
}

.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0
}

.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%
}

.react-flow__resize-control.handle.bottom.left,
.react-flow__resize-control.handle.top.left {
  left: 0
}

.react-flow__resize-control.handle.bottom.right,
.react-flow__resize-control.handle.top.right {
  left: 100%
}

.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid
}

.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%);
  top: 0;
  height: 100%
}

.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px
}

.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px
}

.react-flow__resize-control.line.bottom,
.react-flow__resize-control.line.top {
  height: 1px;
  transform: translateY(-50%);
  left: 0;
  width: 100%
}

.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px
}

.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%
}

.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))
}

.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default))
}

/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    ::backdrop,
    :after,
    :before {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(0);
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-top-from-position: 0%;
      --tw-mask-top-to-position: 100%;
      --tw-mask-top-from-color: #000;
      --tw-mask-top-to-color: transparent;
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: #000;
      --tw-mask-bottom-to-color: transparent;
      --tw-mask-right-from-position: 0%;
      --tw-mask-right-to-position: 100%;
      --tw-mask-right-from-color: #000;
      --tw-mask-right-to-color: transparent;
      --tw-mask-left-from-position: 0%;
      --tw-mask-left-to-position: 100%;
      --tw-mask-left-from-color: #000;
      --tw-mask-left-to-color: transparent;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: ""
    }
  }
}

@layer theme {

  :host,
  :root {
    --font-sans: var(--font-geist-sans);
    --font-mono: var(--font-geist-mono);
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-yellow-50: oklch(98.7% .026 102.212);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-lime-300: oklch(89.7% .196 126.665);
    --color-lime-400: oklch(84.1% .238 128.85);
    --color-lime-600: oklch(64.8% .2 131.684);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-teal-600: oklch(60% .118 184.704);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-stone-100: oklch(97% .001 106.424);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1/.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5/1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25/1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --aspect-video: 16/9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono);
    --landing-content-width: 70rem;
    --global-navigation-height: 4rem;
    --color-elevated: var(--elevated);
    --color-border: var(--border);
    --shadow-floating: var(--shadow-floating);
    --shadow-floating-sm: var(--shadow-floating-sm)
  }
}

@layer base {

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

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

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

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

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

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

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

  b,
  strong {
    font-weight: bolder
  }

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

  small {
    font-size: 80%
  }

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

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

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

  :-moz-focusring {
    outline: auto
  }

  progress {
    vertical-align: baseline
  }

  summary {
    display: list-item
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1
  }

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

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

  textarea {
    resize: vertical
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh
  }

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

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

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

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

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

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

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

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

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto
  }

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

  * {
    border-color: var(--border);
    font-family: var(--font-geist-sans);
    outline-color: #673ab7
  }

  @supports (color:color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, #673ab7 50%, transparent)
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground)
  }

  button {
    cursor: pointer
  }

  input::-webkit-datetime-edit {
    min-width: calc(var(--spacing)*0);
    overflow: visible
  }

  h1 {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height))
  }

  h1,
  h2 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  h2 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height))
  }

  h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
  }

  h3,
  h4 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  h4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height))
  }

  h5,
  h6 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  a:not(:where([role=button] a, button a, .button a, [class*=Button] a, [asChild] a)) {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  @media (hover:hover) {
    a:not(:where([role=button] a, button a, .button a, [class*=Button] a, [asChild] a)):hover {
      color: var(--pink-500)
    }
  }

  section {
    width: 100%
  }

  .center {
    justify-content: center;
    align-items: center;
    display: flex
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
  }

  [multiple],
  [type=date],
  [type=datetime-local],
  [type=email],
  [type=month],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=time],
  [type=url],
  [type=week],
  input:where(:not([type])),
  select,
  textarea {
    appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: oklch(55.1% .027 264.364);
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem
  }

  :is([type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--blue-600);
    --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);
    border-color: var(--blue-600);
    outline: 2px solid #0000
  }

  input::placeholder,
  textarea::placeholder {
    color: oklch(55.1% .027 264.364);
    opacity: 1
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
  }

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

  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0
  }

  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0
  }

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

  select {
    print-color-adjust: exact;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem
  }

  [multiple],
  [size]:where(select:not([size="1"])) {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    print-color-adjust: unset;
    padding-right: .75rem
  }

  [type=checkbox],
  [type=radio] {
    appearance: none;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    width: 1rem;
    height: 1rem;
    color: var(--blue-600);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    border-color: oklch(55.1% .027 264.364);
    flex-shrink: 0;
    padding: 0;
    display: inline-block
  }

  [type=checkbox] {
    border-radius: 0
  }

  [type=radio] {
    border-radius: 100%
  }

  [type=checkbox]:focus,
  [type=radio]:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--blue-600);
    --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);
    outline: 2px solid #0000
  }

  [type=checkbox]:checked,
  [type=radio]:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000
  }

  [type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
  }

  @media (forced-colors:active) {
    [type=checkbox]:checked {
      appearance: auto
    }
  }

  [type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
  }

  @media (forced-colors:active) {
    [type=radio]:checked {
      appearance: auto
    }
  }

  [type=checkbox]:checked:focus,
  [type=checkbox]:checked:hover,
  [type=radio]:checked:focus,
  [type=radio]:checked:hover {
    background-color: currentColor;
    border-color: #0000
  }

  [type=checkbox]:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000
  }

  @media (forced-colors:active) {
    [type=checkbox]:indeterminate {
      appearance: auto
    }
  }

  [type=checkbox]:indeterminate:focus,
  [type=checkbox]:indeterminate:hover {
    background-color: currentColor;
    border-color: #0000
  }

  [type=file] {
    background: unset;
    border-color: inherit;
    font-size: unset;
    line-height: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0
  }

  [type=file]:focus {
    outline: 1px solid buttontext;
    outline: 1px auto -webkit-focus-ring-color
  }
}

@layer components;

@layer utilities {
  .\@container\/export-categories {
    container: export-categories/inline-size
  }

  .\@container\/export-workspaces {
    container: export-workspaces/inline-size
  }

  .\@container\/node-library-menu {
    container: node-library-menu/inline-size
  }

  .\@container\/solutions-carousel {
    container: solutions-carousel/inline-size
  }

  .\@container {
    container-type: inline-size
  }

  .\!pointer-events-none {
    pointer-events: none !important
  }

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

  .pointer-events-auto\! {
    pointer-events: auto !important
  }

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

  .collapse {
    visibility: collapse
  }

  .invisible {
    visibility: hidden
  }

  .visible {
    visibility: visible
  }

  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden
  }

  .absolute,
  .sr-only {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .static {
    position: static
  }

  .sticky {
    position: sticky
  }

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

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

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

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

  .inset-\[3px\] {
    inset: 3px
  }

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

  .inset-x-1\/2 {
    inset-inline: 50%
  }

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

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

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

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

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

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

  .-top-4\.5 {
    top: calc(var(--spacing)*-4.5)
  }

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

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

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

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

  .-top-\[0\.1rem\] {
    top: -.1rem
  }

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

  .-top-\[1px\] {
    top: -1px
  }

  .-top-full {
    top: -100%
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .top-\[-10px\] {
    top: -10px
  }

  .top-\[1px\] {
    top: 1px
  }

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

  .top-\[6\%\] {
    top: 6%
  }

  .top-\[6px\] {
    top: 6px
  }

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

  .top-\[12\%\] {
    top: 12%
  }

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

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

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

  .top-\[39px\] {
    top: 39px
  }

  .top-\[42px\] {
    top: 42px
  }

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

  .top-\[55px\] {
    top: 55px
  }

  .top-\[60\%\] {
    top: 60%
  }

  .top-\[67px\] {
    top: 67px
  }

  .top-\[73px\] {
    top: 73px
  }

  .top-\[128px\] {
    top: 128px
  }

  .top-\[calc\(100\%-4px\)\] {
    top: calc(100% - 4px)
  }

  .top-\[calc\(100\%-8px\)\] {
    top: calc(100% - 8px)
  }

  .top-\[var\(--global-navigation-height\)\] {
    top: var(--global-navigation-height)
  }

  .top-full {
    top: 100%
  }

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

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

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

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

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

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

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

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

  .-right-\[22px\] {
    right: -22px
  }

  .-right-\[25px\] {
    right: -25px
  }

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

  .-right-\[70px\] {
    right: -70px
  }

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

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

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

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

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

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

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

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

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

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

  .right-\[-10px\] {
    right: -10px
  }

  .right-\[3px\] {
    right: 3px
  }

  .right-\[50px\] {
    right: 50px
  }

  .right-\[55px\] {
    right: 55px
  }

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

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

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

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

  .-bottom-3\/4 {
    bottom: -75%
  }

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

  .-bottom-4\.5 {
    bottom: calc(var(--spacing)*-4.5)
  }

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

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

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

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

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

  .-bottom-13\.5 {
    bottom: calc(var(--spacing)*-13.5)
  }

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

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

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

  .-bottom-\[2px\] {
    bottom: -2px
  }

  .-bottom-\[26px\] {
    bottom: -26px
  }

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

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

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

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

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

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

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

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

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

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

  .bottom-13\.5 {
    bottom: calc(var(--spacing)*13.5)
  }

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

  .bottom-\[3px\] {
    bottom: 3px
  }

  .bottom-\[13px\] {
    bottom: 13px
  }

  .bottom-\[50px\] {
    bottom: 50px
  }

  .bottom-\[66px\] {
    bottom: 66px
  }

  .bottom-\[calc\(var\(--pipeline-tab-bar-height\)\+1rem\)\] {
    bottom: calc(var(--pipeline-tab-bar-height) + 1rem)
  }

  .bottom-\[calc\(var\(--pipeline-tab-bar-height\)\+2rem\)\] {
    bottom: calc(var(--pipeline-tab-bar-height) + 2rem)
  }

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

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

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

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

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

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

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

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

  .-left-13\.5 {
    left: calc(var(--spacing)*-13.5)
  }

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

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

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

  .-left-\[22px\] {
    left: -22px
  }

  .-left-\[25px\] {
    left: -25px
  }

  .-left-\[45px\] {
    left: -45px
  }

  .-left-\[70px\] {
    left: -70px
  }

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

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

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

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

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

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

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

  .left-3\.75 {
    left: calc(var(--spacing)*3.75)
  }

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

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

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

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

  .left-13\.5 {
    left: calc(var(--spacing)*13.5)
  }

  .left-\[-320px\] {
    left: -320px
  }

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

  .left-\[6px\] {
    left: 6px
  }

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

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

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

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

  .left-\[39px\] {
    left: 39px
  }

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

  .left-\[55px\] {
    left: 55px
  }

  .left-\[57px\] {
    left: 57px
  }

  .left-\[65px\] {
    left: 65px
  }

  .left-\[max\(-7rem\,calc\(50\%-52rem\)\)\] {
    left: max(-7rem, 50% - 52rem)
  }

  .left-\[max\(45rem\,calc\(50\%\+8rem\)\)\] {
    left: max(45rem, 50% + 8rem)
  }

  .left-full {
    left: 100%
  }

  .isolate {
    isolation: isolate
  }

  .\!z-\[1\] {
    z-index: 1 !important
  }

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

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

  .-z-\[1\] {
    z-index: calc(1*-1)
  }

  .-z-\[2\] {
    z-index: calc(2*-1)
  }

  .z-0 {
    z-index: 0
  }

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

  .z-1 {
    z-index: 1
  }

  .z-2 {
    z-index: 2
  }

  .z-3 {
    z-index: 3
  }

  .z-4 {
    z-index: 4
  }

  .z-5 {
    z-index: 5
  }

  .z-9 {
    z-index: 9
  }

  .z-10 {
    z-index: 10
  }

  .z-10\! {
    z-index: 10 !important
  }

  .z-20 {
    z-index: 20
  }

  .z-30 {
    z-index: 30
  }

  .z-40 {
    z-index: 40
  }

  .z-50 {
    z-index: 50
  }

  .z-60 {
    z-index: 60
  }

  .z-99 {
    z-index: 99
  }

  .z-100 {
    z-index: 100
  }

  .z-101 {
    z-index: 101
  }

  .z-150 {
    z-index: 150
  }

  .z-300 {
    z-index: 300
  }

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

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

  .z-\[2\] {
    z-index: 2
  }

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

  .z-\[150\] {
    z-index: 150
  }

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

  .order-1 {
    order: 1
  }

  .order-2 {
    order: 2
  }

  .order-last {
    order: 9999
  }

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

  .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-8 {
    grid-column: span 8/span 8
  }

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

  .col-start-2 {
    grid-column-start: 2
  }

  .container {
    width: 100%
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-auto {
    margin: auto
  }

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

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

  .-mx-px {
    margin-inline: -1px
  }

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

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

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

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

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

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

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

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

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

  .mx-auto {
    margin-inline: auto
  }

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

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

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

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

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

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

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

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

  .my-auto {
    margin-block: auto
  }

  .ms-3 {
    margin-inline-start: calc(var(--spacing)*3)
  }

  .prose {
    color: var(--tw-prose-body);
    --tw-prose-body: oklch(37.3% .034 259.733);
    --tw-prose-headings: oklch(21% .034 264.665);
    --tw-prose-lead: oklch(44.6% .03 256.802);
    --tw-prose-links: oklch(21% .034 264.665);
    --tw-prose-bold: oklch(21% .034 264.665);
    --tw-prose-counters: oklch(55.1% .027 264.364);
    --tw-prose-bullets: oklch(87.2% .01 258.338);
    --tw-prose-hr: oklch(92.8% .006 264.531);
    --tw-prose-quotes: oklch(21% .034 264.665);
    --tw-prose-quote-borders: oklch(92.8% .006 264.531);
    --tw-prose-captions: oklch(55.1% .027 264.364);
    --tw-prose-kbd: oklch(21% .034 264.665);
    --tw-prose-kbd-shadows: NaN NaN NaN;
    --tw-prose-code: oklch(21% .034 264.665);
    --tw-prose-pre-code: oklch(92.8% .006 264.531);
    --tw-prose-pre-bg: oklch(27.8% .033 256.848);
    --tw-prose-th-borders: oklch(87.2% .01 258.338);
    --tw-prose-td-borders: oklch(92.8% .006 264.531);
    --tw-prose-invert-body: oklch(87.2% .01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% .022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
    --tw-prose-invert-hr: oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
    --tw-prose-invert-captions: oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
    max-width: 65ch;
    font-size: 1rem;
    line-height: 1.75
  }

  .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);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6
  }

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

  .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] *)),
  .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)),
  .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] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em;
    list-style-type: decimal
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600
  }

  .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] *)) {
    color: var(--tw-prose-quotes);
    border-left-width: .25rem;
    border-left-color: var(--tw-prose-quote-borders);
    quotes: "“" "”" "‘" "’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em;
    font-style: italic;
    font-weight: 500
  }

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

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

  .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111
  }

  .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 900
  }

  .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333
  }

  .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 800
  }

  .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6
  }

  .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
  }

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

  .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
  }

  .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] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block
  }

  .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    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%);
    border-radius: .3125rem;
    padding: .1875em .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500
  }

  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600
  }

  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after,
  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
  }

  .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)),
  .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: .875em
  }

  .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
  }

  .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)),
  .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);
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding: .857143em 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto
  }

  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0
  }

  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after,
  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
  }

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

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

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

  .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(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
  }

  .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857
  }

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

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

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

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

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

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

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

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

  .prose :where(.prose>ol>li>: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: .75em;
    margin-bottom: .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: .5em;
    padding-left: 1.625em
  }

  .prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose :where(hr+*):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] *)) {
    padding-left: 0
  }

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

  .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding: .571429em
  }

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

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-right: 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: .875rem;
    line-height: 1.71429
  }

  .prose-sm :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em
  }

  .prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .888889em;
    margin-bottom: .888889em;
    font-size: 1.28571em;
    line-height: 1.55556
  }

  .prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
    padding-left: 1.11111em
  }

  .prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: .8em;
    font-size: 2.14286em;
    line-height: 1.2
  }

  .prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.6em;
    margin-bottom: .8em;
    font-size: 1.42857em;
    line-height: 1.4
  }

  .prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.55556em;
    margin-bottom: .444444em;
    font-size: 1.28571em;
    line-height: 1.55556
  }

  .prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.42857em;
    margin-bottom: .571429em;
    line-height: 1.42857
  }

  .prose-sm :where(img):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em
  }

  .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.71429em;
    margin-bottom: 1.71429em
  }

  .prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    padding: .142857em .357143em;
    font-size: .857143em
  }

  .prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .857143em
  }

  .prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .9em
  }

  .prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .888889em
  }

  .prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .25rem;
    margin-top: 1.66667em;
    margin-bottom: 1.66667em;
    padding: .666667em 1em;
    font-size: .857143em;
    line-height: 1.66667
  }

  .prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
    padding-left: 1.57143em
  }

  .prose-sm :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .285714em;
    margin-bottom: .285714em
  }

  .prose-sm :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-sm :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left: .428571em
  }

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

  .prose-sm :where(.prose-sm>ul>li>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.14286em
  }

  .prose-sm :where(.prose-sm>ul>li>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.14286em
  }

  .prose-sm :where(.prose-sm>ol>li>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.14286em
  }

  .prose-sm :where(.prose-sm>ol>li>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.14286em
  }

  .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .571429em;
    margin-bottom: .571429em
  }

  .prose-sm :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em
  }

  .prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.14286em
  }

  .prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .285714em;
    padding-left: 1.57143em
  }

  .prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2.85714em;
    margin-bottom: 2.85714em
  }

  .prose-sm :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-sm :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-sm :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-sm :where(hr+*):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: .857143em;
    line-height: 1.5
  }

  .prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-bottom: .666667em;
    padding-left: 1em;
    padding-right: 1em
  }

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

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

  .prose-sm :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding: .666667em 1em
  }

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

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

  .prose-sm :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em
  }

  .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] *)) {
    margin-top: .666667em;
    font-size: .857143em;
    line-height: 1.33333
  }

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

  .prose-xl {
    font-size: 1.25rem;
    line-height: 1.8
  }

  .prose-xl :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em
  }

  .prose-xl :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.2em;
    line-height: 1.5
  }

  .prose-xl :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1.06667em
  }

  .prose-xl :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: .857143em;
    font-size: 2.8em;
    line-height: 1
  }

  .prose-xl :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.55556em;
    margin-bottom: .888889em;
    font-size: 1.8em;
    line-height: 1.11111
  }

  .prose-xl :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.6em;
    margin-bottom: .666667em;
    font-size: 1.5em;
    line-height: 1.33333
  }

  .prose-xl :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.8em;
    margin-bottom: .6em;
    line-height: 1.6
  }

  .prose-xl :where(img):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-xl :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
  }

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

  .prose-xl :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
  }

  .prose-xl :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    padding: .25em .4em;
    font-size: .9em
  }

  .prose-xl :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .9em
  }

  .prose-xl :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .861111em
  }

  .prose-xl :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .9em
  }

  .prose-xl :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .5rem;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 1.11111em 1.33333em;
    font-size: .9em;
    line-height: 1.77778
  }

  .prose-xl :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-xl :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding-left: 1.6em
  }

  .prose-xl :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .6em;
    margin-bottom: .6em
  }

  .prose-xl :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-xl :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left: .4em
  }

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

  .prose-xl :where(.prose-xl>ul>li>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.2em
  }

  .prose-xl :where(.prose-xl>ul>li>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.2em
  }

  .prose-xl :where(.prose-xl>ol>li>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.2em
  }

  .prose-xl :where(.prose-xl>ol>li>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.2em
  }

  .prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .8em;
    margin-bottom: .8em
  }

  .prose-xl :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em
  }

  .prose-xl :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.2em
  }

  .prose-xl :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .6em;
    padding-left: 1.6em
  }

  .prose-xl :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2.8em;
    margin-bottom: 2.8em
  }

  .prose-xl :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-xl :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-xl :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)),
  .prose-xl :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
  }

  .prose-xl :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .9em;
    line-height: 1.55556
  }

  .prose-xl :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-bottom: .888889em;
    padding-left: .666667em;
    padding-right: .666667em
  }

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

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

  .prose-xl :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding: .888889em .666667em
  }

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

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

  .prose-xl :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
  }

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

  .prose-xl :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1em;
    font-size: .9em;
    line-height: 1.55556
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-auto {
    margin-top: auto
  }

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

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

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

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

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

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

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

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

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

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

  .mr-\[20\%\] {
    margin-right: 20%
  }

  .mr-\[30\%\] {
    margin-right: 30%
  }

  .mr-auto {
    margin-right: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mb-auto {
    margin-bottom: auto
  }

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

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

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

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

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

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

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

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

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

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

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

  .ml-1\.75 {
    margin-left: calc(var(--spacing)*1.75)
  }

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

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

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

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

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

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

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

  .ml-\[30\%\] {
    margin-left: 30%
  }

  .ml-auto {
    margin-left: auto
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1
  }

  .line-clamp-1,
  .line-clamp-2 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3
  }

  .line-clamp-3,
  .line-clamp-4 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .line-clamp-4 {
    -webkit-line-clamp: 4
  }

  .line-clamp-10 {
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .\!flex {
    display: flex !important
  }

  .\!hidden {
    display: none !important
  }

  .block {
    display: block
  }

  .contents {
    display: contents
  }

  .flex {
    display: flex
  }

  .flex\! {
    display: flex !important
  }

  .flow-root {
    display: flow-root
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .hidden\! {
    display: none !important
  }

  .inline {
    display: inline
  }

  .inline-block {
    display: inline-block
  }

  .inline-flex {
    display: inline-flex
  }

  .list-item {
    display: list-item
  }

  .table {
    display: table
  }

  .field-sizing-content {
    field-sizing: content
  }

  .\!aspect-square {
    aspect-ratio: 1 !important
  }

  .aspect-\[16\/9\] {
    aspect-ratio: 16/9
  }

  .aspect-\[228\/76\] {
    aspect-ratio: 228/76
  }

  .aspect-\[298\/316\] {
    aspect-ratio: 298/316
  }

  .aspect-\[577\/310\] {
    aspect-ratio: 577/310
  }

  .aspect-auto {
    aspect-ratio: auto
  }

  .aspect-square {
    aspect-ratio: 1
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video)
  }

  .\!size-3\.5 {
    width: calc(var(--spacing)*3.5) !important;
    height: calc(var(--spacing)*3.5) !important
  }

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

  .\!size-6 {
    width: calc(var(--spacing)*6) !important;
    height: calc(var(--spacing)*6) !important
  }

  .\!size-7 {
    width: calc(var(--spacing)*7) !important;
    height: calc(var(--spacing)*7) !important
  }

  .\!size-9\.5 {
    width: calc(var(--spacing)*9.5) !important;
    height: calc(var(--spacing)*9.5) !important
  }

  .\!size-\[10px\] {
    width: 10px !important;
    height: 10px !important
  }

  .size-0 {
    width: calc(var(--spacing)*0);
    height: calc(var(--spacing)*0)
  }

  .size-1 {
    width: calc(var(--spacing)*1);
    height: calc(var(--spacing)*1)
  }

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

  .size-1\.75 {
    width: calc(var(--spacing)*1.75);
    height: calc(var(--spacing)*1.75)
  }

  .size-2 {
    width: calc(var(--spacing)*2);
    height: calc(var(--spacing)*2)
  }

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

  .size-3 {
    width: calc(var(--spacing)*3);
    height: calc(var(--spacing)*3)
  }

  .size-3\! {
    width: calc(var(--spacing)*3) !important;
    height: calc(var(--spacing)*3) !important
  }

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

  .size-3\.5\! {
    width: calc(var(--spacing)*3.5) !important;
    height: calc(var(--spacing)*3.5) !important
  }

  .size-3\/5 {
    width: 60%;
    height: 60%
  }

  .size-4 {
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4)
  }

  .size-4\.5 {
    width: calc(var(--spacing)*4.5);
    height: calc(var(--spacing)*4.5)
  }

  .size-4\.75 {
    width: calc(var(--spacing)*4.75);
    height: calc(var(--spacing)*4.75)
  }

  .size-5 {
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5)
  }

  .size-5\! {
    width: calc(var(--spacing)*5) !important;
    height: calc(var(--spacing)*5) !important
  }

  .size-5\.5 {
    width: calc(var(--spacing)*5.5);
    height: calc(var(--spacing)*5.5)
  }

  .size-6 {
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6)
  }

  .size-6\! {
    width: calc(var(--spacing)*6) !important;
    height: calc(var(--spacing)*6) !important
  }

  .size-6\.5 {
    width: calc(var(--spacing)*6.5);
    height: calc(var(--spacing)*6.5)
  }

  .size-7 {
    width: calc(var(--spacing)*7);
    height: calc(var(--spacing)*7)
  }

  .size-7\! {
    width: calc(var(--spacing)*7) !important;
    height: calc(var(--spacing)*7) !important
  }

  .size-8 {
    width: calc(var(--spacing)*8);
    height: calc(var(--spacing)*8)
  }

  .size-8\! {
    width: calc(var(--spacing)*8) !important;
    height: calc(var(--spacing)*8) !important
  }

  .size-8\.5 {
    width: calc(var(--spacing)*8.5);
    height: calc(var(--spacing)*8.5)
  }

  .size-9 {
    width: calc(var(--spacing)*9);
    height: calc(var(--spacing)*9)
  }

  .size-10 {
    width: calc(var(--spacing)*10);
    height: calc(var(--spacing)*10)
  }

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

  .size-12 {
    width: calc(var(--spacing)*12);
    height: calc(var(--spacing)*12)
  }

  .size-14 {
    width: calc(var(--spacing)*14);
    height: calc(var(--spacing)*14)
  }

  .size-15 {
    width: calc(var(--spacing)*15);
    height: calc(var(--spacing)*15)
  }

  .size-16 {
    width: calc(var(--spacing)*16);
    height: calc(var(--spacing)*16)
  }

  .size-19 {
    width: calc(var(--spacing)*19);
    height: calc(var(--spacing)*19)
  }

  .size-20 {
    width: calc(var(--spacing)*20);
    height: calc(var(--spacing)*20)
  }

  .size-24 {
    width: calc(var(--spacing)*24);
    height: calc(var(--spacing)*24)
  }

  .size-26 {
    width: calc(var(--spacing)*26);
    height: calc(var(--spacing)*26)
  }

  .size-27 {
    width: calc(var(--spacing)*27);
    height: calc(var(--spacing)*27)
  }

  .size-36 {
    width: calc(var(--spacing)*36);
    height: calc(var(--spacing)*36)
  }

  .size-60 {
    width: calc(var(--spacing)*60);
    height: calc(var(--spacing)*60)
  }

  .size-64 {
    width: calc(var(--spacing)*64);
    height: calc(var(--spacing)*64)
  }

  .size-96 {
    width: calc(var(--spacing)*96);
    height: calc(var(--spacing)*96)
  }

  .size-120 {
    width: calc(var(--spacing)*120);
    height: calc(var(--spacing)*120)
  }

  .size-\[10\.5px\] {
    width: 10.5px;
    height: 10.5px
  }

  .size-\[10px\] {
    width: 10px;
    height: 10px
  }

  .size-\[14px\] {
    width: 14px;
    height: 14px
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px
  }

  .size-\[40px\] {
    width: 40px;
    height: 40px
  }

  .size-\[52px\] {
    width: 52px;
    height: 52px
  }

  .size-\[66px\] {
    width: 66px;
    height: 66px
  }

  .size-\[72px\] {
    width: 72px;
    height: 72px
  }

  .size-\[132px\] {
    width: 132px;
    height: 132px
  }

  .size-\[140\%\] {
    width: 140%;
    height: 140%
  }

  .size-\[320px\] {
    width: 320px;
    height: 320px
  }

  .size-\[440px\] {
    width: 440px;
    height: 440px
  }

  .size-full {
    width: 100%;
    height: 100%
  }

  .\!h-4\.5 {
    height: calc(var(--spacing)*4.5) !important
  }

  .\!h-5 {
    height: calc(var(--spacing)*5) !important
  }

  .\!h-7 {
    height: calc(var(--spacing)*7) !important
  }

  .\!h-8 {
    height: calc(var(--spacing)*8) !important
  }

  .\!h-12 {
    height: calc(var(--spacing)*12) !important
  }

  .\!h-79 {
    height: calc(var(--spacing)*79) !important
  }

  .\!h-\[85dvh\] {
    height: 85dvh !important
  }

  .\!h-fit {
    height: fit-content !important
  }

  .\!h-full {
    height: 100% !important
  }

  .\!h-svh {
    height: 100svh !important
  }

  .h-0 {
    height: calc(var(--spacing)*0)
  }

  .h-0\! {
    height: calc(var(--spacing)*0) !important
  }

  .h-0\.5 {
    height: calc(var(--spacing)*.5)
  }

  .h-1 {
    height: calc(var(--spacing)*1)
  }

  .h-1\.5 {
    height: calc(var(--spacing)*1.5)
  }

  .h-2 {
    height: calc(var(--spacing)*2)
  }

  .h-2\.5 {
    height: calc(var(--spacing)*2.5)
  }

  .h-2\/5 {
    height: 40%
  }

  .h-3 {
    height: calc(var(--spacing)*3)
  }

  .h-3\.5 {
    height: calc(var(--spacing)*3.5)
  }

  .h-3\/5 {
    height: 60%
  }

  .h-4 {
    height: calc(var(--spacing)*4)
  }

  .h-4\.5 {
    height: calc(var(--spacing)*4.5)
  }

  .h-4\.25 {
    height: calc(var(--spacing)*4.25)
  }

  .h-5 {
    height: calc(var(--spacing)*5)
  }

  .h-5\.5 {
    height: calc(var(--spacing)*5.5)
  }

  .h-6 {
    height: calc(var(--spacing)*6)
  }

  .h-6\.5 {
    height: calc(var(--spacing)*6.5)
  }

  .h-7 {
    height: calc(var(--spacing)*7)
  }

  .h-7\! {
    height: calc(var(--spacing)*7) !important
  }

  .h-7\.5 {
    height: calc(var(--spacing)*7.5)
  }

  .h-8 {
    height: calc(var(--spacing)*8)
  }

  .h-8\! {
    height: calc(var(--spacing)*8) !important
  }

  .h-9 {
    height: calc(var(--spacing)*9)
  }

  .h-9\! {
    height: calc(var(--spacing)*9) !important
  }

  .h-10 {
    height: calc(var(--spacing)*10)
  }

  .h-11 {
    height: calc(var(--spacing)*11)
  }

  .h-12 {
    height: calc(var(--spacing)*12)
  }

  .h-13 {
    height: calc(var(--spacing)*13)
  }

  .h-14 {
    height: calc(var(--spacing)*14)
  }

  .h-14\.5 {
    height: calc(var(--spacing)*14.5)
  }

  .h-15 {
    height: calc(var(--spacing)*15)
  }

  .h-16 {
    height: calc(var(--spacing)*16)
  }

  .h-17 {
    height: calc(var(--spacing)*17)
  }

  .h-18 {
    height: calc(var(--spacing)*18)
  }

  .h-19 {
    height: calc(var(--spacing)*19)
  }

  .h-20 {
    height: calc(var(--spacing)*20)
  }

  .h-24 {
    height: calc(var(--spacing)*24)
  }

  .h-25 {
    height: calc(var(--spacing)*25)
  }

  .h-27 {
    height: calc(var(--spacing)*27)
  }

  .h-28 {
    height: calc(var(--spacing)*28)
  }

  .h-32 {
    height: calc(var(--spacing)*32)
  }

  .h-35\.5 {
    height: calc(var(--spacing)*35.5)
  }

  .h-36 {
    height: calc(var(--spacing)*36)
  }

  .h-40 {
    height: calc(var(--spacing)*40)
  }

  .h-42 {
    height: calc(var(--spacing)*42)
  }

  .h-48 {
    height: calc(var(--spacing)*48)
  }

  .h-52 {
    height: calc(var(--spacing)*52)
  }

  .h-56 {
    height: calc(var(--spacing)*56)
  }

  .h-60 {
    height: calc(var(--spacing)*60)
  }

  .h-64 {
    height: calc(var(--spacing)*64)
  }

  .h-67 {
    height: calc(var(--spacing)*67)
  }

  .h-70 {
    height: calc(var(--spacing)*70)
  }

  .h-78 {
    height: calc(var(--spacing)*78)
  }

  .h-80 {
    height: calc(var(--spacing)*80)
  }

  .h-90 {
    height: calc(var(--spacing)*90)
  }

  .h-96 {
    height: calc(var(--spacing)*96)
  }

  .h-104 {
    height: calc(var(--spacing)*104)
  }

  .h-112 {
    height: calc(var(--spacing)*112)
  }

  .h-120 {
    height: calc(var(--spacing)*120)
  }

  .h-161 {
    height: calc(var(--spacing)*161)
  }

  .h-\[1\.2rem\] {
    height: 1.2rem
  }

  .h-\[1\.5px\] {
    height: 1.5px
  }

  .h-\[1px\] {
    height: 1px
  }

  .h-\[2px\] {
    height: 2px
  }

  .h-\[3px\] {
    height: 3px
  }

  .h-\[4rem\] {
    height: 4rem
  }

  .h-\[5px\] {
    height: 5px
  }

  .h-\[10px\] {
    height: 10px
  }

  .h-\[14px\] {
    height: 14px
  }

  .h-\[22px\] {
    height: 22px
  }

  .h-\[28px\] {
    height: 28px
  }

  .h-\[32px\] {
    height: 32px
  }

  .h-\[41px\] {
    height: 41px
  }

  .h-\[45px\] {
    height: 45px
  }

  .h-\[52px\] {
    height: 52px
  }

  .h-\[55\%\] {
    height: 55%
  }

  .h-\[64px\] {
    height: 64px
  }

  .h-\[80\%\] {
    height: 80%
  }

  .h-\[80px\] {
    height: 80px
  }

  .h-\[80vh\] {
    height: 80vh
  }

  .h-\[85px\] {
    height: 85px
  }

  .h-\[88px\] {
    height: 88px
  }

  .h-\[90\%\] {
    height: 90%
  }

  .h-\[90svh\] {
    height: 90svh
  }

  .h-\[92vh\] {
    height: 92vh
  }

  .h-\[96svh\] {
    height: 96svh
  }

  .h-\[100dvh\] {
    height: 100dvh
  }

  .h-\[100px\] {
    height: 100px
  }

  .h-\[112px\] {
    height: 112px
  }

  .h-\[120px\] {
    height: 120px
  }

  .h-\[128px\] {
    height: 128px
  }

  .h-\[174px\] {
    height: 174px
  }

  .h-\[230px\] {
    height: 230px
  }

  .h-\[232px\] {
    height: 232px
  }

  .h-\[240px\] {
    height: 240px
  }

  .h-\[248px\] {
    height: 248px
  }

  .h-\[250px\] {
    height: 250px
  }

  .h-\[270px\] {
    height: 270px
  }

  .h-\[300px\] {
    height: 300px
  }

  .h-\[350px\] {
    height: 350px
  }

  .h-\[360px\] {
    height: 360px
  }

  .h-\[400px\] {
    height: 400px
  }

  .h-\[425px\] {
    height: 425px
  }

  .h-\[528px\] {
    height: 528px
  }

  .h-\[560px\] {
    height: 560px
  }

  .h-\[calc\(100\%\+20px\)\] {
    height: calc(100% + 20px)
  }

  .h-\[calc\(100\%-6px\)\] {
    height: calc(100% - 6px)
  }

  .h-\[calc\(100vh-64px\)\] {
    height: calc(100vh - 64px)
  }

  .h-\[calc\(100vh-var\(--global-navigation-height\)\)\] {
    height: calc(100vh - var(--global-navigation-height))
  }

  .h-\[calc\(var\(--pipeline-panel-height\)\+0\.5rem\)\] {
    height: calc(var(--pipeline-panel-height) + .5rem)
  }

  .h-\[var\(--global-navigation-height\)\] {
    height: var(--global-navigation-height)
  }

  .h-\[var\(--mobile-header-cell-height\)\] {
    height: var(--mobile-header-cell-height)
  }

  .h-\[var\(--pipeline-header-height\)\] {
    height: var(--pipeline-header-height)
  }

  .h-\[var\(--pipeline-panel-height\)\] {
    height: var(--pipeline-panel-height)
  }

  .h-\[var\(--pipeline-tab-bar-height\)\] {
    height: var(--pipeline-tab-bar-height)
  }

  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height)
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height)
  }

  .h-auto {
    height: auto
  }

  .h-dvh {
    height: 100dvh
  }

  .h-fit {
    height: fit-content
  }

  .h-fit\! {
    height: fit-content !important
  }

  .h-full {
    height: 100%
  }

  .h-full\! {
    height: 100% !important
  }

  .h-max {
    height: max-content
  }

  .h-px {
    height: 1px
  }

  .h-screen {
    height: 100vh
  }

  .h-svh {
    height: 100svh
  }

  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height)
  }

  .max-h-0 {
    max-height: calc(var(--spacing)*0)
  }

  .max-h-3\/4 {
    max-height: 75%
  }

  .max-h-6 {
    max-height: calc(var(--spacing)*6)
  }

  .max-h-7 {
    max-height: calc(var(--spacing)*7)
  }

  .max-h-12 {
    max-height: calc(var(--spacing)*12)
  }

  .max-h-16 {
    max-height: calc(var(--spacing)*16)
  }

  .max-h-36 {
    max-height: calc(var(--spacing)*36)
  }

  .max-h-48 {
    max-height: calc(var(--spacing)*48)
  }

  .max-h-60 {
    max-height: calc(var(--spacing)*60)
  }

  .max-h-64 {
    max-height: calc(var(--spacing)*64)
  }

  .max-h-72 {
    max-height: calc(var(--spacing)*72)
  }

  .max-h-80 {
    max-height: calc(var(--spacing)*80)
  }

  .max-h-96 {
    max-height: calc(var(--spacing)*96)
  }

  .max-h-\[43rem\] {
    max-height: 43rem
  }

  .max-h-\[50svh\] {
    max-height: 50svh
  }

  .max-h-\[60dvh\] {
    max-height: 60dvh
  }

  .max-h-\[60svh\] {
    max-height: 60svh
  }

  .max-h-\[60vh\] {
    max-height: 60vh
  }

  .max-h-\[70svh\] {
    max-height: 70svh
  }

  .max-h-\[80svh\] {
    max-height: 80svh
  }

  .max-h-\[80vh\] {
    max-height: 80vh
  }

  .max-h-\[90vh\] {
    max-height: 90vh
  }

  .max-h-\[95vh\] {
    max-height: 95vh
  }

  .max-h-\[100svh\] {
    max-height: 100svh
  }

  .max-h-\[200px\] {
    max-height: 200px
  }

  .max-h-\[250px\] {
    max-height: 250px
  }

  .max-h-\[286px\] {
    max-height: 286px
  }

  .max-h-\[300px\] {
    max-height: 300px
  }

  .max-h-\[320px\] {
    max-height: 320px
  }

  .max-h-\[400px\] {
    max-height: 400px
  }

  .max-h-\[480px\] {
    max-height: 480px
  }

  .max-h-\[500px\] {
    max-height: 500px
  }

  .max-h-\[600px\] {
    max-height: 600px
  }

  .max-h-\[720px\] {
    max-height: 720px
  }

  .max-h-\[800px\] {
    max-height: 800px
  }

  .max-h-\[1000px\] {
    max-height: 1000px
  }

  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height)
  }

  .max-h-\[var\(--radix-select-content-available-height\)\] {
    max-height: var(--radix-select-content-available-height)
  }

  .max-h-none {
    max-height: none
  }

  .\!min-h-24 {
    min-height: calc(var(--spacing)*24) !important
  }

  .min-h-0 {
    min-height: calc(var(--spacing)*0)
  }

  .min-h-4 {
    min-height: calc(var(--spacing)*4)
  }

  .min-h-6 {
    min-height: calc(var(--spacing)*6)
  }

  .min-h-7 {
    min-height: calc(var(--spacing)*7)
  }

  .min-h-8 {
    min-height: calc(var(--spacing)*8)
  }

  .min-h-9 {
    min-height: calc(var(--spacing)*9)
  }

  .min-h-9\! {
    min-height: calc(var(--spacing)*9) !important
  }

  .min-h-10 {
    min-height: calc(var(--spacing)*10)
  }

  .min-h-12 {
    min-height: calc(var(--spacing)*12)
  }

  .min-h-16 {
    min-height: calc(var(--spacing)*16)
  }

  .min-h-24 {
    min-height: calc(var(--spacing)*24)
  }

  .min-h-24\! {
    min-height: calc(var(--spacing)*24) !important
  }

  .min-h-28 {
    min-height: calc(var(--spacing)*28)
  }

  .min-h-40 {
    min-height: calc(var(--spacing)*40)
  }

  .min-h-48\! {
    min-height: calc(var(--spacing)*48) !important
  }

  .min-h-64 {
    min-height: calc(var(--spacing)*64)
  }

  .min-h-88 {
    min-height: calc(var(--spacing)*88)
  }

  .min-h-\[1\.75em\] {
    min-height: 1.75em
  }

  .min-h-\[3\.5em\] {
    min-height: 3.5em
  }

  .min-h-\[4\.25rem\] {
    min-height: 4.25rem
  }

  .min-h-\[5\.25em\] {
    min-height: 5.25em
  }

  .min-h-\[7em\] {
    min-height: 7em
  }

  .min-h-\[8\.75em\] {
    min-height: 8.75em
  }

  .min-h-\[10\.5em\] {
    min-height: 10.5em
  }

  .min-h-\[10px\] {
    min-height: 10px
  }

  .min-h-\[12\.25em\] {
    min-height: 12.25em
  }

  .min-h-\[14em\] {
    min-height: 14em
  }

  .min-h-\[15\.75em\] {
    min-height: 15.75em
  }

  .min-h-\[17\.5em\] {
    min-height: 17.5em
  }

  .min-h-\[19\.25em\] {
    min-height: 19.25em
  }

  .min-h-\[40px\] {
    min-height: 40px
  }

  .min-h-\[50px\] {
    min-height: 50px
  }

  .min-h-\[50svh\] {
    min-height: 50svh
  }

  .min-h-\[50vh\] {
    min-height: 50vh
  }

  .min-h-\[60dvh\] {
    min-height: 60dvh
  }

  .min-h-\[60px\] {
    min-height: 60px
  }

  .min-h-\[60svh\] {
    min-height: 60svh
  }

  .min-h-\[80px\] {
    min-height: 80px
  }

  .min-h-\[80svh\] {
    min-height: 80svh
  }

  .min-h-\[80vh\] {
    min-height: 80vh
  }

  .min-h-\[100px\] {
    min-height: 100px
  }

  .min-h-\[150px\] {
    min-height: 150px
  }

  .min-h-\[200px\] {
    min-height: 200px
  }

  .min-h-\[250px\] {
    min-height: 250px
  }

  .min-h-\[300px\] {
    min-height: 300px
  }

  .min-h-\[400px\] {
    min-height: 400px
  }

  .min-h-\[500px\] {
    min-height: 500px
  }

  .min-h-\[520px\] {
    min-height: 520px
  }

  .min-h-\[calc\(100svh-80px\)\] {
    min-height: calc(100svh - 80px)
  }

  .min-h-full {
    min-height: 100%
  }

  .min-h-screen {
    min-height: 100vh
  }

  .min-h-svh {
    min-height: 100svh
  }

  .\!w-0 {
    width: calc(var(--spacing)*0) !important
  }

  .\!w-4\.5 {
    width: calc(var(--spacing)*4.5) !important
  }

  .\!w-5 {
    width: calc(var(--spacing)*5) !important
  }

  .\!w-9 {
    width: calc(var(--spacing)*9) !important
  }

  .\!w-32 {
    width: calc(var(--spacing)*32) !important
  }

  .\!w-48 {
    width: calc(var(--spacing)*48) !important
  }

  .\!w-auto {
    width: auto !important
  }

  .\!w-fit {
    width: fit-content !important
  }

  .\!w-full {
    width: 100% !important
  }

  .w-0 {
    width: calc(var(--spacing)*0)
  }

  .w-0\.5 {
    width: calc(var(--spacing)*.5)
  }

  .w-1 {
    width: calc(var(--spacing)*1)
  }

  .w-1\.5 {
    width: calc(var(--spacing)*1.5)
  }

  .w-1\/2 {
    width: 50%
  }

  .w-1\/3 {
    width: 33.3333%
  }

  .w-1\/4 {
    width: 25%
  }

  .w-1\/5 {
    width: 20%
  }

  .w-2 {
    width: calc(var(--spacing)*2)
  }

  .w-2\.5 {
    width: calc(var(--spacing)*2.5)
  }

  .w-2\/3 {
    width: 66.6667%
  }

  .w-2\/5 {
    width: 40%
  }

  .w-3 {
    width: calc(var(--spacing)*3)
  }

  .w-3\.5 {
    width: calc(var(--spacing)*3.5)
  }

  .w-3\/4 {
    width: 75%
  }

  .w-3\/5 {
    width: 60%
  }

  .w-4 {
    width: calc(var(--spacing)*4)
  }

  .w-4\.5 {
    width: calc(var(--spacing)*4.5)
  }

  .w-4\/5 {
    width: 80%
  }

  .w-5 {
    width: calc(var(--spacing)*5)
  }

  .w-5\.5 {
    width: calc(var(--spacing)*5.5)
  }

  .w-5\/6 {
    width: 83.3333%
  }

  .w-6 {
    width: calc(var(--spacing)*6)
  }

  .w-6\.5 {
    width: calc(var(--spacing)*6.5)
  }

  .w-7 {
    width: calc(var(--spacing)*7)
  }

  .w-8 {
    width: calc(var(--spacing)*8)
  }

  .w-9 {
    width: calc(var(--spacing)*9)
  }

  .w-10 {
    width: calc(var(--spacing)*10)
  }

  .w-11 {
    width: calc(var(--spacing)*11)
  }

  .w-11\/12 {
    width: 91.6667%
  }

  .w-12 {
    width: calc(var(--spacing)*12)
  }

  .w-13 {
    width: calc(var(--spacing)*13)
  }

  .w-14 {
    width: calc(var(--spacing)*14)
  }

  .w-14\.5 {
    width: calc(var(--spacing)*14.5)
  }

  .w-16 {
    width: calc(var(--spacing)*16)
  }

  .w-17 {
    width: calc(var(--spacing)*17)
  }

  .w-19 {
    width: calc(var(--spacing)*19)
  }

  .w-20 {
    width: calc(var(--spacing)*20)
  }

  .w-21\.5 {
    width: calc(var(--spacing)*21.5)
  }

  .w-24 {
    width: calc(var(--spacing)*24)
  }

  .w-25 {
    width: calc(var(--spacing)*25)
  }

  .w-28 {
    width: calc(var(--spacing)*28)
  }

  .w-30 {
    width: calc(var(--spacing)*30)
  }

  .w-32 {
    width: calc(var(--spacing)*32)
  }

  .w-35 {
    width: calc(var(--spacing)*35)
  }

  .w-36 {
    width: calc(var(--spacing)*36)
  }

  .w-38 {
    width: calc(var(--spacing)*38)
  }

  .w-40 {
    width: calc(var(--spacing)*40)
  }

  .w-44 {
    width: calc(var(--spacing)*44)
  }

  .w-48 {
    width: calc(var(--spacing)*48)
  }

  .w-52 {
    width: calc(var(--spacing)*52)
  }

  .w-55 {
    width: calc(var(--spacing)*55)
  }

  .w-56 {
    width: calc(var(--spacing)*56)
  }

  .w-60 {
    width: calc(var(--spacing)*60)
  }

  .w-61 {
    width: calc(var(--spacing)*61)
  }

  .w-64 {
    width: calc(var(--spacing)*64)
  }

  .w-68 {
    width: calc(var(--spacing)*68)
  }

  .w-70 {
    width: calc(var(--spacing)*70)
  }

  .w-72 {
    width: calc(var(--spacing)*72)
  }

  .w-75 {
    width: calc(var(--spacing)*75)
  }

  .w-78 {
    width: calc(var(--spacing)*78)
  }

  .w-80 {
    width: calc(var(--spacing)*80)
  }

  .w-86 {
    width: calc(var(--spacing)*86)
  }

  .w-88 {
    width: calc(var(--spacing)*88)
  }

  .w-96 {
    width: calc(var(--spacing)*96)
  }

  .w-100 {
    width: calc(var(--spacing)*100)
  }

  .w-112 {
    width: calc(var(--spacing)*112)
  }

  .w-\[1\.2rem\] {
    width: 1.2rem
  }

  .w-\[1\.5px\] {
    width: 1.5px
  }

  .w-\[1px\] {
    width: 1px
  }

  .w-\[3px\] {
    width: 3px
  }

  .w-\[5px\] {
    width: 5px
  }

  .w-\[7rem\] {
    width: 7rem
  }

  .w-\[14px\] {
    width: 14px
  }

  .w-\[24em\] {
    width: 24em
  }

  .w-\[24px\] {
    width: 24px
  }

  .w-\[32px\] {
    width: 32px
  }

  .w-\[36\.0625rem\] {
    width: 36.0625rem
  }

  .w-\[46px\] {
    width: 46px
  }

  .w-\[52px\] {
    width: 52px
  }

  .w-\[55\%\] {
    width: 55%
  }

  .w-\[67px\] {
    width: 67px
  }

  .w-\[70px\] {
    width: 70px
  }

  .w-\[75\%\] {
    width: 75%
  }

  .w-\[75px\] {
    width: 75px
  }

  .w-\[80\%\] {
    width: 80%
  }

  .w-\[87\%\] {
    width: 87%
  }

  .w-\[88px\] {
    width: 88px
  }

  .w-\[96px\] {
    width: 96px
  }

  .w-\[96svw\] {
    width: 96svw
  }

  .w-\[104px\] {
    width: 104px
  }

  .w-\[105\%\] {
    width: 105%
  }

  .w-\[110px\] {
    width: 110px
  }

  .w-\[120px\] {
    width: 120px
  }

  .w-\[121px\] {
    width: 121px
  }

  .w-\[122px\] {
    width: 122px
  }

  .w-\[140px\] {
    width: 140px
  }

  .w-\[149px\] {
    width: 149px
  }

  .w-\[151px\] {
    width: 151px
  }

  .w-\[160px\] {
    width: 160px
  }

  .w-\[200px\] {
    width: 200px
  }

  .w-\[230px\] {
    width: 230px
  }

  .w-\[232px\] {
    width: 232px
  }

  .w-\[248px\] {
    width: 248px
  }

  .w-\[270px\] {
    width: 270px
  }

  .w-\[280px\] {
    width: 280px
  }

  .w-\[300px\] {
    width: 300px
  }

  .w-\[320px\] {
    width: 320px
  }

  .w-\[400px\] {
    width: 400px
  }

  .w-\[500px\] {
    width: 500px
  }

  .w-\[calc\(100\%\)\] {
    width: 100%
  }

  .w-\[calc\(100\%\+1rem\)\] {
    width: calc(100% + 1rem)
  }

  .w-\[calc\(100\%\+340px\)\] {
    width: calc(100% + 340px)
  }

  .w-\[calc\(100\%-1rem\)\] {
    width: calc(100% - 1rem)
  }

  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem)
  }

  .w-\[calc\(100\%-5rem\)\] {
    width: calc(100% - 5rem)
  }

  .w-\[calc\(100\%-6px\)\] {
    width: calc(100% - 6px)
  }

  .w-\[calc\(100dvw-4rem\)\] {
    width: calc(100dvw - 4rem)
  }

  .w-\[calc\(var\(--container-md\)\+1rem\+0\.75rem\)\] {
    width: calc(var(--container-md) + 1rem + .75rem)
  }

  .w-\[var\(--radix-popover-trigger-width\)\] {
    width: var(--radix-popover-trigger-width)
  }

  .w-\[var\(--sidebar-width\)\] {
    width: var(--sidebar-width)
  }

  .w-auto {
    width: auto
  }

  .w-fit {
    width: fit-content
  }

  .w-fit\! {
    width: fit-content !important
  }

  .w-full {
    width: 100%
  }

  .w-full\! {
    width: 100% !important
  }

  .w-max {
    width: max-content
  }

  .w-md {
    width: var(--container-md)
  }

  .w-px {
    width: 1px
  }

  .w-screen {
    width: 100vw
  }

  .w-svw {
    width: 100svw
  }

  .w-xl {
    width: var(--container-xl)
  }

  .w-xs {
    width: var(--container-xs)
  }

  .\!max-w-2xl {
    max-width: var(--container-2xl) !important
  }

  .\!max-w-5xl {
    max-width: var(--container-5xl) !important
  }

  .\!max-w-\[80dvw\] {
    max-width: 80dvw !important
  }

  .\!max-w-\[90svw\] {
    max-width: 90svw !important
  }

  .\!max-w-max {
    max-width: max-content !important
  }

  .max-w-0\.5 {
    max-width: calc(var(--spacing)*.5)
  }

  .max-w-1\/2 {
    max-width: 50%
  }

  .max-w-1\/3 {
    max-width: 33.3333%
  }

  .max-w-2\/3 {
    max-width: 66.6667%
  }

  .max-w-2xl {
    max-width: var(--container-2xl)
  }

  .max-w-2xl\! {
    max-width: var(--container-2xl) !important
  }

  .max-w-2xs {
    max-width: var(--container-2xs)
  }

  .max-w-3\/4 {
    max-width: 75%
  }

  .max-w-3xl {
    max-width: var(--container-3xl)
  }

  .max-w-3xl\! {
    max-width: var(--container-3xl) !important
  }

  .max-w-4\/5 {
    max-width: 80%
  }

  .max-w-4xl {
    max-width: var(--container-4xl)
  }

  .max-w-4xl\! {
    max-width: var(--container-4xl) !important
  }

  .max-w-5 {
    max-width: calc(var(--spacing)*5)
  }

  .max-w-5\/6 {
    max-width: 83.3333%
  }

  .max-w-5xl {
    max-width: var(--container-5xl)
  }

  .max-w-5xl\! {
    max-width: var(--container-5xl) !important
  }

  .max-w-6xl {
    max-width: var(--container-6xl)
  }

  .max-w-7xl {
    max-width: var(--container-7xl)
  }

  .max-w-24 {
    max-width: calc(var(--spacing)*24)
  }

  .max-w-28 {
    max-width: calc(var(--spacing)*28)
  }

  .max-w-36 {
    max-width: calc(var(--spacing)*36)
  }

  .max-w-42 {
    max-width: calc(var(--spacing)*42)
  }

  .max-w-44 {
    max-width: calc(var(--spacing)*44)
  }

  .max-w-48 {
    max-width: calc(var(--spacing)*48)
  }

  .max-w-52 {
    max-width: calc(var(--spacing)*52)
  }

  .max-w-56 {
    max-width: calc(var(--spacing)*56)
  }

  .max-w-60 {
    max-width: calc(var(--spacing)*60)
  }

  .max-w-64 {
    max-width: calc(var(--spacing)*64)
  }

  .max-w-72 {
    max-width: calc(var(--spacing)*72)
  }

  .max-w-92 {
    max-width: calc(var(--spacing)*92)
  }

  .max-w-96 {
    max-width: calc(var(--spacing)*96)
  }

  .max-w-\[35em\] {
    max-width: 35em
  }

  .max-w-\[60\%\] {
    max-width: 60%
  }

  .max-w-\[70\%\] {
    max-width: 70%
  }

  .max-w-\[70vw\] {
    max-width: 70vw
  }

  .max-w-\[75\%\] {
    max-width: 75%
  }

  .max-w-\[75rem\] {
    max-width: 75rem
  }

  .max-w-\[80\%\] {
    max-width: 80%
  }

  .max-w-\[80dvw\]\! {
    max-width: 80dvw !important
  }

  .max-w-\[80vw\] {
    max-width: 80vw
  }

  .max-w-\[90dvw\]\! {
    max-width: 90dvw !important
  }

  .max-w-\[90svw\] {
    max-width: 90svw
  }

  .max-w-\[95vw\] {
    max-width: 95vw
  }

  .max-w-\[140px\] {
    max-width: 140px
  }

  .max-w-\[200px\] {
    max-width: 200px
  }

  .max-w-\[250px\] {
    max-width: 250px
  }

  .max-w-\[280px\] {
    max-width: 280px
  }

  .max-w-\[382px\] {
    max-width: 382px
  }

  .max-w-\[400px\] {
    max-width: 400px
  }

  .max-w-\[460px\] {
    max-width: 460px
  }

  .max-w-\[500px\] {
    max-width: 500px
  }

  .max-w-\[600px\] {
    max-width: 600px
  }

  .max-w-\[700px\] {
    max-width: 700px
  }

  .max-w-\[800px\] {
    max-width: 800px
  }

  .max-w-\[1200px\] {
    max-width: 1200px
  }

  .max-w-\[1600px\] {
    max-width: 1600px
  }

  .max-w-\[calc\(100dvw-var\(--gummie-container-width\)-1\*var\(--radius\)\)\] {
    max-width: calc(100dvw - var(--gummie-container-width) - 1*var(--radius))
  }

  .max-w-\[calc\(100dvw-var\(--gummie-container-width\)-3\*var\(--radius\)\)\] {
    max-width: calc(100dvw - var(--gummie-container-width) - 3*var(--radius))
  }

  .max-w-\[calc\(100dvw-var\(--template-container-width\)-1\*var\(--radius\)\)\] {
    max-width: calc(100dvw - var(--template-container-width) - 1*var(--radius))
  }

  .max-w-\[calc\(var\(--landing-content-width\)\+16px\)\] {
    max-width: calc(var(--landing-content-width) + 16px)
  }

  .max-w-\[var\(--gummie-container-width\)\] {
    max-width: var(--gummie-container-width)
  }

  .max-w-\[var\(--landing-content-width\)\] {
    max-width: var(--landing-content-width)
  }

  .max-w-\[var\(--skeleton-width\)\] {
    max-width: var(--skeleton-width)
  }

  .max-w-\[var\(--template-container-width\)\] {
    max-width: var(--template-container-width)
  }

  .max-w-dvw {
    max-width: 100dvw
  }

  .max-w-full {
    max-width: 100%
  }

  .max-w-lg {
    max-width: var(--container-lg)
  }

  .max-w-max {
    max-width: max-content
  }

  .max-w-md {
    max-width: var(--container-md)
  }

  .max-w-md\! {
    max-width: var(--container-md) !important
  }

  .max-w-none {
    max-width: none
  }

  .max-w-sm {
    max-width: var(--container-sm)
  }

  .max-w-svw {
    max-width: 100svw
  }

  .max-w-xl {
    max-width: var(--container-xl)
  }

  .max-w-xl\! {
    max-width: var(--container-xl) !important
  }

  .max-w-xs {
    max-width: var(--container-xs)
  }

  .max-w-xs\! {
    max-width: var(--container-xs) !important
  }

  .\!min-w-0 {
    min-width: calc(var(--spacing)*0) !important
  }

  .\!min-w-\[90svw\] {
    min-width: 90svw !important
  }

  .\!min-w-fit {
    min-width: fit-content !important
  }

  .min-w-0 {
    min-width: calc(var(--spacing)*0)
  }

  .min-w-0\! {
    min-width: calc(var(--spacing)*0) !important
  }

  .min-w-0\.5 {
    min-width: calc(var(--spacing)*.5)
  }

  .min-w-1\/2 {
    min-width: 50%
  }

  .min-w-2xl {
    min-width: var(--container-2xl)
  }

  .min-w-3xs\! {
    min-width: var(--container-3xs) !important
  }

  .min-w-4 {
    min-width: calc(var(--spacing)*4)
  }

  .min-w-5 {
    min-width: calc(var(--spacing)*5)
  }

  .min-w-6 {
    min-width: calc(var(--spacing)*6)
  }

  .min-w-7 {
    min-width: calc(var(--spacing)*7)
  }

  .min-w-8 {
    min-width: calc(var(--spacing)*8)
  }

  .min-w-9 {
    min-width: calc(var(--spacing)*9)
  }

  .min-w-10 {
    min-width: calc(var(--spacing)*10)
  }

  .min-w-12 {
    min-width: calc(var(--spacing)*12)
  }

  .min-w-24 {
    min-width: calc(var(--spacing)*24)
  }

  .min-w-28 {
    min-width: calc(var(--spacing)*28)
  }

  .min-w-32 {
    min-width: calc(var(--spacing)*32)
  }

  .min-w-36 {
    min-width: calc(var(--spacing)*36)
  }

  .min-w-40 {
    min-width: calc(var(--spacing)*40)
  }

  .min-w-44 {
    min-width: calc(var(--spacing)*44)
  }

  .min-w-48 {
    min-width: calc(var(--spacing)*48)
  }

  .min-w-56 {
    min-width: calc(var(--spacing)*56)
  }

  .min-w-60 {
    min-width: calc(var(--spacing)*60)
  }

  .min-w-72 {
    min-width: calc(var(--spacing)*72)
  }

  .min-w-96 {
    min-width: calc(var(--spacing)*96)
  }

  .min-w-\[8rem\] {
    min-width: 8rem
  }

  .min-w-\[50svw\] {
    min-width: 50svw
  }

  .min-w-\[88svw\] {
    min-width: 88svw
  }

  .min-w-\[90svw\] {
    min-width: 90svw
  }

  .min-w-\[100px\] {
    min-width: 100px
  }

  .min-w-\[104px\] {
    min-width: 104px
  }

  .min-w-\[168px\] {
    min-width: 168px
  }

  .min-w-\[200px\] {
    min-width: 200px
  }

  .min-w-\[220px\] {
    min-width: 220px
  }

  .min-w-\[300px\] {
    min-width: 300px
  }

  .min-w-\[320px\] {
    min-width: 320px
  }

  .min-w-\[340px\] {
    min-width: 340px
  }

  .min-w-\[350px\] {
    min-width: 350px
  }

  .min-w-\[360px\] {
    min-width: 360px
  }

  .min-w-\[400px\] {
    min-width: 400px
  }

  .min-w-\[750px\] {
    min-width: 750px
  }

  .min-w-\[var\(--radix-popover-trigger-width\)\] {
    min-width: var(--radix-popover-trigger-width)
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width)
  }

  .min-w-full {
    min-width: 100%
  }

  .min-w-max {
    min-width: max-content
  }

  .min-w-svw {
    min-width: 100svw
  }

  .min-w-xl {
    min-width: var(--container-xl)
  }

  .min-w-xl\! {
    min-width: var(--container-xl) !important
  }

  .min-w-xs {
    min-width: var(--container-xs)
  }

  .flex-1 {
    flex: 1
  }

  .flex-1\! {
    flex: 1 !important
  }

  .flex-1\/2 {
    flex: 50%
  }

  .flex-1\/3 {
    flex: 33.3333%
  }

  .flex-2\/3 {
    flex: 66.6667%
  }

  .flex-none {
    flex: none
  }

  .\!shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-shrink-0 {
    flex-shrink: 0
  }

  .flex-shrink-1,
  .shrink {
    flex-shrink: 1
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .shrink-0\! {
    flex-shrink: 0 !important
  }

  .shrink-1 {
    flex-shrink: 1
  }

  .\!flex-grow {
    flex-grow: 1 !important
  }

  .flex-grow {
    flex-grow: 1
  }

  .flex-grow\! {
    flex-grow: 1 !important
  }

  .grow {
    flex-grow: 1
  }

  .grow-0 {
    flex-grow: 0
  }

  .grow-1 {
    flex-grow: 1
  }

  .basis-0 {
    flex-basis: calc(var(--spacing)*0)
  }

  .basis-1\/2 {
    flex-basis: 50%
  }

  .basis-9\/10 {
    flex-basis: 90%
  }

  .basis-\[72\%\] {
    flex-basis: 72%
  }

  .basis-\[92\%\] {
    flex-basis: 92%
  }

  .basis-\[100\%\] {
    flex-basis: 100%
  }

  .basis-auto {
    flex-basis: auto
  }

  .basis-full {
    flex-basis: 100%
  }

  .caption-bottom {
    caption-side: bottom
  }

  .border-collapse {
    border-collapse: collapse
  }

  .border-separate {
    border-collapse: separate
  }

  .border-spacing-y-1 {
    --tw-border-spacing-y: calc(var(--spacing)*1);
    border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y)
  }

  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin)
  }

  .origin-\[--radix-dropdown-menu-content-transform-origin\] {
    transform-origin: --radix-dropdown-menu-content-transform-origin
  }

  .origin-\[--radix-popover-content-transform-origin\] {
    transform-origin: --radix-popover-content-transform-origin
  }

  .origin-\[--radix-tooltip-content-transform-origin\] {
    transform-origin: --radix-tooltip-content-transform-origin
  }

  .origin-\[var\(--radix-select-content-transform-origin\)\] {
    transform-origin: var(--radix-select-content-transform-origin)
  }

  .origin-left {
    transform-origin: 0
  }

  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing)*-1)
  }

  .-translate-x-1,
  .-translate-x-1\/2 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2*100%)*-1)
  }

  .-translate-x-2 {
    --tw-translate-x: calc(var(--spacing)*-2)
  }

  .-translate-x-10,
  .-translate-x-2 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-x-10 {
    --tw-translate-x: calc(var(--spacing)*-10)
  }

  .-translate-x-\[0\.6rem\] {
    --tw-translate-x: calc(.6rem*-1)
  }

  .-translate-x-\[0\.6rem\],
  .-translate-x-\[1\.2rem\] {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-x-\[1\.2rem\] {
    --tw-translate-x: calc(1.2rem*-1)
  }

  .-translate-x-\[50\%\] {
    --tw-translate-x: calc(50%*-1)
  }

  .-translate-x-\[50\%\],
  .-translate-x-full {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-x-full {
    --tw-translate-x: -100%
  }

  .-translate-x-px {
    --tw-translate-x: -1px
  }

  .-translate-x-px,
  .translate-x-0 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing)*0)
  }

  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing)*1)
  }

  .translate-x-1,
  .translate-x-1\/2 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-1\/2 {
    --tw-translate-x: calc(1/2*100%)
  }

  .translate-x-1\/3 {
    --tw-translate-x: calc(1/3*100%)
  }

  .translate-x-1\/3,
  .translate-x-4 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing)*4)
  }

  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing)*5)
  }

  .translate-x-5,
  .translate-x-6 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing)*6)
  }

  .translate-x-8 {
    --tw-translate-x: calc(var(--spacing)*8)
  }

  .translate-x-8,
  .translate-x-\[-50\%\] {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%
  }

  .translate-x-\[130\%\] {
    --tw-translate-x: 130%
  }

  .translate-x-\[130\%\],
  .translate-x-\[250\%\] {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-\[250\%\] {
    --tw-translate-x: 250%
  }

  .translate-x-full {
    --tw-translate-x: 100%
  }

  .translate-x-full,
  .translate-x-px {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-px {
    --tw-translate-x: 1px
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2*100%)*-1)
  }

  .-translate-y-1\/2,
  .-translate-y-2\/3 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-2\/3 {
    --tw-translate-y: calc(calc(2/3*100%)*-1)
  }

  .-translate-y-5 {
    --tw-translate-y: calc(var(--spacing)*-5)
  }

  .-translate-y-5,
  .-translate-y-8\/10 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-8\/10 {
    --tw-translate-y: calc(calc(8/10*100%)*-1)
  }

  .-translate-y-9\/10 {
    --tw-translate-y: calc(calc(9/10*100%)*-1)
  }

  .-translate-y-9\/10,
  .-translate-y-\[8px\] {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-\[8px\] {
    --tw-translate-y: calc(8px*-1)
  }

  .-translate-y-\[50\%\] {
    --tw-translate-y: calc(50%*-1)
  }

  .-translate-y-\[50\%\],
  .-translate-y-full {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-full {
    --tw-translate-y: -100%
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing)*0)
  }

  .translate-y-0,
  .translate-y-0\.5 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing)*.5)
  }

  .translate-y-1\/2 {
    --tw-translate-y: calc(1/2*100%)
  }

  .translate-y-1\/2,
  .translate-y-1\/3 {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-1\/3 {
    --tw-translate-y: calc(1/3*100%)
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%
  }

  .translate-y-\[-50\%\],
  .translate-y-full {
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-full {
    --tw-translate-y: 100%
  }

  .\!scale-100 {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x)var(--tw-scale-y) !important
  }

  .scale-60 {
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    --tw-scale-z: 60%
  }

  .scale-60,
  .scale-75 {
    scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%
  }

  .scale-85 {
    --tw-scale-x: 85%;
    --tw-scale-y: 85%;
    --tw-scale-z: 85%
  }

  .scale-85,
  .scale-90 {
    scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%
  }

  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%
  }

  .scale-100,
  .scale-95 {
    scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%
  }

  .scale-100\! {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x)var(--tw-scale-y) !important
  }

  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%
  }

  .scale-150,
  .scale-x-0 {
    scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .scale-x-0 {
    --tw-scale-x: 0%
  }

  .scale-x-\[-1\] {
    --tw-scale-x: -1;
    scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .rotate-0 {
    rotate: none
  }

  .rotate-45 {
    rotate: 45deg
  }

  .rotate-90 {
    rotate: 90deg
  }

  .rotate-180 {
    rotate: 180deg
  }

  .rotate-x-20 {
    --tw-rotate-x: rotateX(20deg)
  }

  .rotate-x-20,
  .rotate-y-20 {
    transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
  }

  .rotate-y-20 {
    --tw-rotate-y: rotateY(20deg)
  }

  .skew-x-2 {
    --tw-skew-x: skewX(2deg)
  }

  .skew-x-2,
  .transform {
    transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
  }

  .transform-gpu {
    transform: translateZ(0)var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
  }

  .\!animate-move-along-path {
    animation: var(--animation-move-along-path) !important
  }

  .animate-\[pulse-dot_1\.2s_ease-in-out_infinite\] {
    animation: pulse-dot 1.2s ease-in-out infinite
  }

  .animate-\[shimmer_0\.75s_infinite_linear\] {
    animation: shimmer .75s linear infinite
  }

  .animate-\[shimmer_1\.5s_infinite_linear\] {
    animation: shimmer 1.5s linear infinite
  }

  .animate-border-pulse {
    animation: var(--animation-border-pulse)
  }

  .animate-border-pulse-error {
    animation: var(--animation-border-pulse-error)
  }

  .animate-border-pulse-with-category-color {
    animation: var(--animation-border-pulse-with-category-color)
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .animate-none {
    animation: none
  }

  .animate-out {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .animate-ping {
    animation: var(--animate-ping)
  }

  .animate-pulse {
    animation: var(--animate-pulse)
  }

  .animate-spin {
    animation: var(--animate-spin)
  }

  .animate-wiggle {
    animation: wiggle 1s ease-in-out infinite
  }

  .\!cursor-move {
    cursor: move !important
  }

  .\!cursor-not-allowed {
    cursor: not-allowed !important
  }

  .\!cursor-pointer {
    cursor: pointer !important
  }

  .cursor-auto {
    cursor: auto
  }

  .cursor-copy {
    cursor: copy
  }

  .cursor-default {
    cursor: default
  }

  .cursor-grab {
    cursor: grab
  }

  .cursor-help {
    cursor: help
  }

  .cursor-move {
    cursor: move
  }

  .cursor-not-allowed {
    cursor: not-allowed
  }

  .cursor-not-allowed\! {
    cursor: not-allowed !important
  }

  .cursor-pointer {
    cursor: pointer
  }

  .cursor-text {
    cursor: text
  }

  .cursor-wait {
    cursor: wait
  }

  .cursor-zoom-in {
    cursor: zoom-in
  }

  .resize {
    resize: both
  }

  .resize-none {
    resize: none
  }

  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness)
  }

  .snap-proximity {
    --tw-scroll-snap-strictness: proximity
  }

  .snap-center {
    scroll-snap-align: center
  }

  .list-inside {
    list-style-position: inside
  }

  .list-decimal {
    list-style-type: decimal
  }

  .list-disc {
    list-style-type: disc
  }

  .list-none {
    list-style-type: none
  }

  .appearance-none {
    appearance: none
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

  .grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr
  }

  .grid-cols-\[24px_auto_24px\] {
    grid-template-columns: 24px auto 24px
  }

  .grid-cols-\[auto_1fr_auto_1fr\] {
    grid-template-columns: auto 1fr auto 1fr
  }

  .grid-cols-\[auto_1fr_auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto 1fr auto
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto
  }

  .grid-cols-\[repeat\(20\,1fr\)\] {
    grid-template-columns: repeat(20, 1fr)
  }

  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
  }

  .\!flex-col-reverse {
    flex-direction: column-reverse !important
  }

  .\!flex-row {
    flex-direction: row !important
  }

  .flex-col {
    flex-direction: column
  }

  .flex-col\! {
    flex-direction: column !important
  }

  .flex-col-reverse {
    flex-direction: column-reverse
  }

  .flex-row {
    flex-direction: row
  }

  .flex-row-reverse {
    flex-direction: row-reverse
  }

  .flex-nowrap {
    flex-wrap: nowrap
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .place-content-center {
    place-content: center
  }

  .place-items-center {
    place-items: center
  }

  .content-center {
    align-content: center
  }

  .content-start {
    align-content: flex-start
  }

  .\!items-center {
    align-items: center !important
  }

  .items-baseline {
    align-items: baseline
  }

  .items-center {
    align-items: center
  }

  .items-center\! {
    align-items: center !important
  }

  .items-center-safe {
    align-items: safe center
  }

  .items-end {
    align-items: flex-end
  }

  .items-start {
    align-items: flex-start
  }

  .items-stretch {
    align-items: stretch
  }

  .\!justify-between {
    justify-content: space-between !important
  }

  .\!justify-start {
    justify-content: flex-start !important
  }

  .justify-between {
    justify-content: space-between
  }

  .justify-center {
    justify-content: center
  }

  .justify-end {
    justify-content: flex-end
  }

  .justify-start {
    justify-content: flex-start
  }

  .justify-stretch {
    justify-content: stretch
  }

  .\!gap-0 {
    gap: calc(var(--spacing)*0) !important
  }

  .\!gap-1 {
    gap: calc(var(--spacing)*1) !important
  }

  .\!gap-1\.5 {
    gap: calc(var(--spacing)*1.5) !important
  }

  .\!gap-2 {
    gap: calc(var(--spacing)*2) !important
  }

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

  .gap-0\! {
    gap: calc(var(--spacing)*0) !important
  }

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

  .gap-0\.25 {
    gap: calc(var(--spacing)*.25)
  }

  .gap-0\.75 {
    gap: calc(var(--spacing)*.75)
  }

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

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

  .gap-1\.25 {
    gap: calc(var(--spacing)*1.25)
  }

  .gap-1\.75 {
    gap: calc(var(--spacing)*1.75)
  }

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

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

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

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

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

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

  .gap-4\.5 {
    gap: calc(var(--spacing)*4.5)
  }

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

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

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

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

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

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

  .gap-13 {
    gap: calc(var(--spacing)*13)
  }

  .gap-15 {
    gap: calc(var(--spacing)*15)
  }

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

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

  .gap-\[1px\] {
    gap: 1px
  }

  .gap-\[8px\] {
    gap: 8px
  }

  .gap-\[10px\] {
    gap: 10px
  }

  :where(.space-y-0>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-0\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-1>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-1\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-2>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-3\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*3.5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*3.5)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-8>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-10>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-12>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-24>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*24)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*24)*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-\[12px\]>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(12px*var(--tw-space-y-reverse));
    margin-block-end: calc(12px*calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-reverse>:not(:last-child)) {
    --tw-space-y-reverse: 1
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing)*1)
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing)*2)
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing)*3)
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing)*4)
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing)*6)
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing)*8)
  }

  :where(.space-x-0>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
  }

  :where(.space-x-1>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
  }

  :where(.space-x-2>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
  }

  :where(.space-x-3>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
  }

  :where(.space-x-4>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
  }

  :where(.space-x-6>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))
  }

  :where(.space-x-8>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))
  }

  :where(.space-x-9>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing)*9)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*9)*calc(1 - var(--tw-space-x-reverse)))
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing)*.5)
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing)*1)
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing)*1.5)
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing)*2)
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing)*3)
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing)*4)
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing)*5)
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing)*6)
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing)*8)
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing)*10)
  }

  .gap-y-20 {
    row-gap: calc(var(--spacing)*20)
  }

  :where(.divide-x-1>:not(:last-child)),
  :where(.divide-x>:not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
  }

  :where(.divide-y-1>:not(:last-child)),
  :where(.divide-y>:not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px*var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
  }

  :where(.divide-y-4>:not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(4px*var(--tw-divide-y-reverse));
    border-bottom-width: calc(4px*calc(1 - var(--tw-divide-y-reverse)))
  }

  :where(.\!divide-none>:not(:last-child)) {
    --tw-border-style: none !important;
    border-style: none !important
  }

  :where(.divide-border>:not(:last-child)) {
    border-color: var(--border)
  }

  :where(.divide-gray-200>:not(:last-child)) {
    border-color: var(--color-gray-200)
  }

  :where(.divide-gray-900\/10>:not(:last-child)) {
    border-color: #1018281a
  }

  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-gray-900\/10>:not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-gray-900)10%, transparent)
    }
  }

  :where(.divide-muted>:not(:last-child)) {
    border-color: var(--muted)
  }

  :where(.divide-pink-200>:not(:last-child)) {
    border-color: var(--pink-200)
  }

  .self-center {
    align-self: center
  }

  .self-end {
    align-self: flex-end
  }

  .self-start {
    align-self: flex-start
  }

  .self-stretch {
    align-self: stretch
  }

  .justify-self-center {
    justify-self: center
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }

  .overflow-auto {
    overflow: auto
  }

  .overflow-clip {
    overflow: clip
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-scroll {
    overflow: scroll
  }

  .overflow-visible {
    overflow: visible
  }

  .overflow-visible\! {
    overflow: visible !important
  }

  .overflow-x-auto {
    overflow-x: auto
  }

  .overflow-x-clip {
    overflow-x: clip
  }

  .overflow-x-hidden {
    overflow-x: hidden
  }

  .overflow-x-scroll {
    overflow-x: scroll
  }

  .overflow-y-auto {
    overflow-y: auto
  }

  .overflow-y-hidden {
    overflow-y: hidden
  }

  .overflow-y-scroll {
    overflow-y: scroll
  }

  .overflow-y-visible {
    overflow-y: visible
  }

  .\!rounded-none {
    border-radius: 0 !important
  }

  .\!rounded-sm {
    border-radius: calc(var(--radius) - 4px) !important
  }

  .rounded {
    border-radius: .25rem
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl)
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl)
  }

  .rounded-\[0\.3em\] {
    border-radius: .3em
  }

  .rounded-\[0\.85rem\] {
    border-radius: .85rem
  }

  .rounded-\[1px\] {
    border-radius: 1px
  }

  .rounded-\[2px\] {
    border-radius: 2px
  }

  .rounded-\[3px\] {
    border-radius: 3px
  }

  .rounded-\[4px\] {
    border-radius: 4px
  }

  .rounded-\[6\.4px\] {
    border-radius: 6.4px
  }

  .rounded-\[6px\] {
    border-radius: 6px
  }

  .rounded-\[10px\] {
    border-radius: 10px
  }

  .rounded-\[12px\] {
    border-radius: 12px
  }

  .rounded-\[15px\] {
    border-radius: 15px
  }

  .rounded-\[20px\] {
    border-radius: 20px
  }

  .rounded-\[48px\] {
    border-radius: 48px
  }

  .rounded-\[50em\] {
    border-radius: 50em
  }

  .rounded-full {
    border-radius: 3.40282e+38px
  }

  .rounded-lg {
    border-radius: var(--radius)
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px)
  }

  .rounded-md\! {
    border-radius: calc(var(--radius) - 2px) !important
  }

  .rounded-none {
    border-radius: 0
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px)
  }

  .rounded-xl {
    border-radius: calc(var(--radius) + 4px)
  }

  .rounded-xs {
    border-radius: var(--radius-xs)
  }

  .rounded-s-lg {
    border-start-start-radius: var(--radius);
    border-end-start-radius: var(--radius)
  }

  .rounded-e-lg {
    border-start-end-radius: var(--radius);
    border-end-end-radius: var(--radius)
  }

  .\!rounded-t-xl {
    border-top-left-radius: calc(var(--radius) + 4px) !important;
    border-top-right-radius: calc(var(--radius) + 4px) !important
  }

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl)
  }

  .rounded-t-2xl\! {
    border-top-left-radius: var(--radius-2xl) !important;
    border-top-right-radius: var(--radius-2xl) !important
  }

  .rounded-t-\[0\.75rem\] {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
  }

  .rounded-t-\[0\.85rem\] {
    border-top-left-radius: .85rem;
    border-top-right-radius: .85rem
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius)
  }

  .rounded-t-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-top-right-radius: calc(var(--radius) - 2px)
  }

  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

  .rounded-t-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
    border-top-right-radius: calc(var(--radius) - 4px)
  }

  .rounded-t-xl {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px)
  }

  .\!rounded-l {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
  }

  .rounded-l-lg {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius)
  }

  .rounded-l-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px)
  }

  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .rounded-l-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
    border-bottom-left-radius: calc(var(--radius) - 4px)
  }

  .rounded-l-xl {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px)
  }

  .\!rounded-tl-3xl {
    border-top-left-radius: var(--radius-3xl) !important
  }

  .\!rounded-tl-\[23px\] {
    border-top-left-radius: 23px !important
  }

  .rounded-tl-2xl {
    border-top-left-radius: var(--radius-2xl)
  }

  .rounded-tl-\[2px\] {
    border-top-left-radius: 2px
  }

  .rounded-tl-lg {
    border-top-left-radius: var(--radius)
  }

  .rounded-tl-sm {
    border-top-left-radius: calc(var(--radius) - 4px)
  }

  .\!rounded-r {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
  }

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
  }

  .rounded-r-3xl {
    border-top-right-radius: var(--radius-3xl);
    border-bottom-right-radius: var(--radius-3xl)
  }

  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .rounded-r-sm {
    border-top-right-radius: calc(var(--radius) - 4px);
    border-bottom-right-radius: calc(var(--radius) - 4px)
  }

  .rounded-r-xl {
    border-top-right-radius: calc(var(--radius) + 4px);
    border-bottom-right-radius: calc(var(--radius) + 4px)
  }

  .rounded-tr-4xl {
    border-top-right-radius: var(--radius-4xl)
  }

  .rounded-tr-lg {
    border-top-right-radius: var(--radius)
  }

  .rounded-tr-none {
    border-top-right-radius: 0
  }

  .\!rounded-b-3xl {
    border-bottom-right-radius: var(--radius-3xl) !important;
    border-bottom-left-radius: var(--radius-3xl) !important
  }

  .\!rounded-b-\[23px\] {
    border-bottom-right-radius: 23px !important;
    border-bottom-left-radius: 23px !important
  }

  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl)
  }

  .rounded-b-lg {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius)
  }

  .rounded-b-md {
    border-bottom-right-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px)
  }

  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
  }

  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px)
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important
  }

  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
  }

  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px
  }

  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: .5px
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px
  }

  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0
  }

  .border-x-2 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 2px
  }

  .border-x-\[0\.5px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: .5px
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px
  }

  .border-y-\[0\.5px\] {
    border-block-style: var(--tw-border-style);
    border-block-width: .5px
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px
  }

  .border-t-\[0\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: .5px
  }

  .border-t-\[6px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 6px
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0
  }

  .border-r-\[0\.5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: .5px
  }

  .border-r-\[10px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 10px
  }

  .\!border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
  }

  .border-b-\[6px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 6px
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
  }

  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px
  }

  .border-l-\[0\.5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: .5px
  }

  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important
  }

  .\!border-solid {
    --tw-border-style: solid !important;
    border-style: solid !important
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed
  }

  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted
  }

  .border-none {
    --tw-border-style: none;
    border-style: none
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid
  }

  .\!border-destructive-foreground {
    border-color: var(--destructive-foreground) !important
  }

  .\!border-success-foreground\/30 {
    border-color: var(--success-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!border-success-foreground\/30 {
      border-color: color-mix(in oklab, var(--success-foreground)30%, transparent) !important
    }
  }

  .\!border-warning-foreground\/30 {
    border-color: var(--warning-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!border-warning-foreground\/30 {
      border-color: color-mix(in oklab, var(--warning-foreground)30%, transparent) !important
    }
  }

  .border-\(--color-border\) {
    border-color: var(--color-border)
  }

  .border-\[\#700057\] {
    border-color: #700057
  }

  .border-\[\#BD1A85\] {
    border-color: #bd1a85
  }

  .border-\[\#ddd\] {
    border-color: #ddd
  }

  .border-\[\#f06293\] {
    border-color: #f06293
  }

  .border-\[var\(--integration-page-color-medium\)\]\/30 {
    border-color: var(--integration-page-color-medium)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-\[var\(--integration-page-color-medium\)\]\/30 {
      border-color: color-mix(in oklab, var(--integration-page-color-medium)30%, transparent)
    }
  }

  .border-\[var\(--landing-solution-marketing-dark\)\] {
    border-color: var(--landing-solution-marketing-dark)
  }

  .border-\[var\(--node-color-dark\)\],
  .border-\[var\(--node-color-dark\)\]\/15 {
    border-color: var(--node-color-dark)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-\[var\(--node-color-dark\)\]\/15 {
      border-color: color-mix(in oklab, var(--node-color-dark)15%, transparent)
    }
  }

  .border-\[var\(--node-color-dark\)\]\/20 {
    border-color: var(--node-color-dark)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-\[var\(--node-color-dark\)\]\/20 {
      border-color: color-mix(in oklab, var(--node-color-dark)20%, transparent)
    }
  }

  .border-\[var\(--node-color-dark\)\]\/50 {
    border-color: var(--node-color-dark)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-\[var\(--node-color-dark\)\]\/50 {
      border-color: color-mix(in oklab, var(--node-color-dark)50%, transparent)
    }
  }

  .border-\[var\(--node-color-light\)\] {
    border-color: var(--node-color-light)
  }

  .border-\[var\(--node-color-medium\)\]\/24 {
    border-color: var(--node-color-medium)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-\[var\(--node-color-medium\)\]\/24 {
      border-color: color-mix(in oklab, var(--node-color-medium)24%, transparent)
    }
  }

  .border-\[var\(--node-color-medium\)\]\/32 {
    border-color: var(--node-color-medium)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-\[var\(--node-color-medium\)\]\/32 {
      border-color: color-mix(in oklab, var(--node-color-medium)32%, transparent)
    }
  }

  .border-\[var\(--node-color-medium\)\]\/50 {
    border-color: var(--node-color-medium)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-\[var\(--node-color-medium\)\]\/50 {
      border-color: color-mix(in oklab, var(--node-color-medium)50%, transparent)
    }
  }

  .border-accent-foreground,
  .border-accent-foreground\/10 {
    border-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-accent-foreground\/10 {
      border-color: color-mix(in oklab, var(--accent-foreground)10%, transparent)
    }
  }

  .border-accent-foreground\/25 {
    border-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-accent-foreground\/25 {
      border-color: color-mix(in oklab, var(--accent-foreground)25%, transparent)
    }
  }

  .border-accent-foreground\/50 {
    border-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-accent-foreground\/50 {
      border-color: color-mix(in oklab, var(--accent-foreground)50%, transparent)
    }
  }

  .border-ai-champion-grey-foreground {
    border-color: var(--ai-champion-grey-foreground)
  }

  .border-ai-champion-orange-foreground {
    border-color: var(--ai-champion-orange-foreground)
  }

  .border-ai-champion-pink-foreground {
    border-color: var(--ai-champion-pink-foreground)
  }

  .border-ai-champion-yellow-foreground {
    border-color: var(--ai-champion-yellow-foreground)
  }

  .border-amber-200 {
    border-color: var(--amber-200)
  }

  .border-amber-300 {
    border-color: var(--amber-300)
  }

  .border-background\! {
    border-color: var(--background) !important
  }

  .border-background\/56 {
    border-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-background\/56 {
      border-color: color-mix(in oklab, var(--background)56%, transparent)
    }
  }

  .border-black {
    border-color: var(--color-black)
  }

  .border-blue-100 {
    border-color: var(--blue-100)
  }

  .border-blue-200 {
    border-color: var(--blue-200)
  }

  .border-blue-300 {
    border-color: var(--blue-300)
  }

  .border-blue-800\/75 {
    border-color: var(--blue-800)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-blue-800\/75 {
      border-color: color-mix(in oklab, var(--blue-800)75%, transparent)
    }
  }

  .border-border {
    border-color: var(--border)
  }

  .border-border\! {
    border-color: var(--border) !important
  }

  .border-border\/30 {
    border-color: var(--border)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-border\/30 {
      border-color: color-mix(in oklab, var(--border)30%, transparent)
    }
  }

  .border-border\/50 {
    border-color: var(--border)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border)50%, transparent)
    }
  }

  .border-border\/60 {
    border-color: var(--border)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--border)60%, transparent)
    }
  }

  .border-border\/70 {
    border-color: var(--border)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--border)70%, transparent)
    }
  }

  .border-border\/75 {
    border-color: var(--border)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-border\/75 {
      border-color: color-mix(in oklab, var(--border)75%, transparent)
    }
  }

  .border-current\/30 {
    border-color: currentColor
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-current\/30 {
      border-color: color-mix(in oklab, currentcolor 30%, transparent)
    }
  }

  .border-destructive {
    border-color: var(--destructive)
  }

  .border-destructive-foreground,
  .border-destructive-foreground\/20 {
    border-color: var(--destructive-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-destructive-foreground\/20 {
      border-color: color-mix(in oklab, var(--destructive-foreground)20%, transparent)
    }
  }

  .border-destructive-foreground\/25 {
    border-color: var(--destructive-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-destructive-foreground\/25 {
      border-color: color-mix(in oklab, var(--destructive-foreground)25%, transparent)
    }
  }

  .border-destructive-foreground\/50 {
    border-color: var(--destructive-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-destructive-foreground\/50 {
      border-color: color-mix(in oklab, var(--destructive-foreground)50%, transparent)
    }
  }

  .border-elevated {
    border-color: var(--elevated)
  }

  .border-foreground\/30 {
    border-color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-foreground\/30 {
      border-color: color-mix(in oklab, var(--foreground)30%, transparent)
    }
  }

  .border-gray-200 {
    border-color: var(--color-gray-200)
  }

  .border-gray-300 {
    border-color: var(--color-gray-300)
  }

  .border-gray-300\/75 {
    border-color: #d1d5dcbf
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-gray-300\/75 {
      border-color: color-mix(in oklab, var(--color-gray-300)75%, transparent)
    }
  }

  .border-gray-800 {
    border-color: var(--color-gray-800)
  }

  .border-gray-900 {
    border-color: var(--color-gray-900)
  }

  .border-gray-900\/10 {
    border-color: #1018281a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-gray-900\/10 {
      border-color: color-mix(in oklab, var(--color-gray-900)10%, transparent)
    }
  }

  .border-gray-900\/25 {
    border-color: #10182840
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-gray-900\/25 {
      border-color: color-mix(in oklab, var(--color-gray-900)25%, transparent)
    }
  }

  .border-green-200 {
    border-color: var(--green-200)
  }

  .border-green-400 {
    border-color: var(--green-400)
  }

  .border-green-600 {
    border-color: var(--green-600)
  }

  .border-indigo-200 {
    border-color: var(--indigo-200)
  }

  .border-indigo-400 {
    border-color: var(--indigo-400)
  }

  .border-muted {
    border-color: var(--muted)
  }

  .border-muted-foreground\/10 {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-muted-foreground\/10 {
      border-color: color-mix(in oklab, var(--muted-foreground)10%, transparent)
    }
  }

  .border-muted-foreground\/20 {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-muted-foreground\/20 {
      border-color: color-mix(in oklab, var(--muted-foreground)20%, transparent)
    }
  }

  .border-muted-foreground\/50 {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-muted-foreground\/50 {
      border-color: color-mix(in oklab, var(--muted-foreground)50%, transparent)
    }
  }

  .border-muted\/30 {
    border-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-muted\/30 {
      border-color: color-mix(in oklab, var(--muted)30%, transparent)
    }
  }

  .border-orange-200 {
    border-color: var(--orange-200)
  }

  .border-orange-300 {
    border-color: var(--orange-300)
  }

  .border-pink-50 {
    border-color: var(--pink-50)
  }

  .border-pink-100,
  .border-pink-100\/50 {
    border-color: var(--pink-100)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-pink-100\/50 {
      border-color: color-mix(in oklab, var(--pink-100)50%, transparent)
    }
  }

  .border-pink-200,
  .border-pink-200\/50 {
    border-color: var(--pink-200)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-pink-200\/50 {
      border-color: color-mix(in oklab, var(--pink-200)50%, transparent)
    }
  }

  .border-pink-300 {
    border-color: var(--pink-300)
  }

  .border-pink-400 {
    border-color: var(--pink-400)
  }

  .border-pink-500 {
    border-color: var(--pink-500)
  }

  .border-pink-600 {
    border-color: var(--pink-600)
  }

  .border-primary,
  .border-primary\/50 {
    border-color: var(--primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-primary\/50 {
      border-color: color-mix(in oklab, var(--primary)50%, transparent)
    }
  }

  .border-purple-100 {
    border-color: var(--purple-100)
  }

  .border-purple-200 {
    border-color: var(--purple-200)
  }

  .border-purple-950 {
    border-color: var(--purple-950)
  }

  .border-red-200 {
    border-color: var(--color-red-200)
  }

  .border-red-500 {
    border-color: var(--color-red-500)
  }

  .border-red-700 {
    border-color: var(--color-red-700)
  }

  .border-select-muted {
    border-color: var(--select-muted)
  }

  .border-sidebar-border {
    border-color: var(--sidebar-border)
  }

  .border-slate-300 {
    border-color: var(--color-slate-300)
  }

  .border-success-foreground,
  .border-success-foreground\/20 {
    border-color: var(--success-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-success-foreground\/20 {
      border-color: color-mix(in oklab, var(--success-foreground)20%, transparent)
    }
  }

  .border-success-foreground\/25 {
    border-color: var(--success-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-success-foreground\/25 {
      border-color: color-mix(in oklab, var(--success-foreground)25%, transparent)
    }
  }

  .border-success-foreground\/50 {
    border-color: var(--success-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-success-foreground\/50 {
      border-color: color-mix(in oklab, var(--success-foreground)50%, transparent)
    }
  }

  .border-teal-200 {
    border-color: var(--color-teal-200)
  }

  .border-transparent {
    border-color: #0000
  }

  .border-warning-foreground\/15 {
    border-color: var(--warning-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-warning-foreground\/15 {
      border-color: color-mix(in oklab, var(--warning-foreground)15%, transparent)
    }
  }

  .border-warning-foreground\/20 {
    border-color: var(--warning-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-warning-foreground\/20 {
      border-color: color-mix(in oklab, var(--warning-foreground)20%, transparent)
    }
  }

  .border-warning-foreground\/30 {
    border-color: var(--warning-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-warning-foreground\/30 {
      border-color: color-mix(in oklab, var(--warning-foreground)30%, transparent)
    }
  }

  .border-warning-foreground\/50 {
    border-color: var(--warning-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-warning-foreground\/50 {
      border-color: color-mix(in oklab, var(--warning-foreground)50%, transparent)
    }
  }

  .border-white {
    border-color: var(--color-white)
  }

  .border-white\/16 {
    border-color: #ffffff29
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/16 {
      border-color: color-mix(in oklab, var(--color-white)16%, transparent)
    }
  }

  .border-white\/24 {
    border-color: #ffffff3d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/24 {
      border-color: color-mix(in oklab, var(--color-white)24%, transparent)
    }
  }

  .border-white\/56 {
    border-color: #ffffff8f
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/56 {
      border-color: color-mix(in oklab, var(--color-white)56%, transparent)
    }
  }

  .border-white\/65 {
    border-color: #ffffffa6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/65 {
      border-color: color-mix(in oklab, var(--color-white)65%, transparent)
    }
  }

  .border-yellow-200 {
    border-color: var(--color-yellow-200)
  }

  .border-t-gray-300 {
    border-top-color: var(--color-gray-300)
  }

  .border-t-transparent {
    border-top-color: #0000
  }

  .border-r-black {
    border-right-color: var(--color-black)
  }

  .border-b-transparent {
    border-bottom-color: #0000
  }

  .\!bg-\[var\(--node-color-light\)\] {
    background-color: var(--node-color-light) !important
  }

  .\!bg-\[var\(--slack-app-chat-foreground\)\]\/90 {
    background-color: var(--slack-app-chat-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!bg-\[var\(--slack-app-chat-foreground\)\]\/90 {
      background-color: color-mix(in oklab, var(--slack-app-chat-foreground)90%, transparent) !important
    }
  }

  .\!bg-accent-foreground {
    background-color: var(--accent-foreground) !important
  }

  .\!bg-background {
    background-color: var(--background) !important
  }

  .\!bg-blue-100\/90 {
    background-color: var(--blue-100) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!bg-blue-100\/90 {
      background-color: color-mix(in oklab, var(--blue-100)90%, transparent) !important
    }
  }

  .\!bg-muted {
    background-color: var(--muted) !important
  }

  .\!bg-success\/50 {
    background-color: var(--success) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!bg-success\/50 {
      background-color: color-mix(in oklab, var(--success)50%, transparent) !important
    }
  }

  .\!bg-transparent {
    background-color: #0000 !important
  }

  .bg-\(--color-bg\) {
    background-color: var(--color-bg)
  }

  .bg-\[\#4A154B\] {
    background-color: #4a154b
  }

  .bg-\[\#191919\]\/95 {
    background-color: oklab(21.3423% 2.23517e-8 0/.95)
  }

  .bg-\[\#EAECFF\] {
    background-color: #eaecff
  }

  .bg-\[\#F7F6F9\] {
    background-color: #f7f6f9
  }

  .bg-\[\#FDF3EA\] {
    background-color: #fdf3ea
  }

  .bg-\[\#FFBFE9\] {
    background-color: #ffbfe9
  }

  .bg-\[\#f7f7f7\] {
    background-color: #f7f7f7
  }

  .bg-\[var\(--current-tier-color\)\] {
    background-color: var(--current-tier-color)
  }

  .bg-\[var\(--department-color-dark\)\] {
    background-color: var(--department-color-dark)
  }

  .bg-\[var\(--file-category-dark\)\] {
    background-color: var(--file-category-dark)
  }

  .bg-\[var\(--integration-page-color-dark\)\]\/50 {
    background-color: var(--integration-page-color-dark)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--integration-page-color-dark\)\]\/50 {
      background-color: color-mix(in oklab, var(--integration-page-color-dark)50%, transparent)
    }
  }

  .bg-\[var\(--integration-page-color-light\)\] {
    background-color: var(--integration-page-color-light)
  }

  .bg-\[var\(--integration-page-color-medium\)\]\/12 {
    background-color: var(--integration-page-color-medium)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--integration-page-color-medium\)\]\/12 {
      background-color: color-mix(in oklab, var(--integration-page-color-medium)12%, transparent)
    }
  }

  .bg-\[var\(--landing-solution-marketing-dark\)\] {
    background-color: var(--landing-solution-marketing-dark)
  }

  .bg-\[var\(--landing-solution-marketing-light\)\] {
    background-color: var(--landing-solution-marketing-light)
  }

  .bg-\[var\(--landing-solution-marketing-medium\)\] {
    background-color: var(--landing-solution-marketing-medium)
  }

  .bg-\[var\(--node-color-dark\)\],
  .bg-\[var\(--node-color-dark\)\]\/85 {
    background-color: var(--node-color-dark)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--node-color-dark\)\]\/85 {
      background-color: color-mix(in oklab, var(--node-color-dark)85%, transparent)
    }
  }

  .bg-\[var\(--node-color-dark\)\]\/88 {
    background-color: var(--node-color-dark)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--node-color-dark\)\]\/88 {
      background-color: color-mix(in oklab, var(--node-color-dark)88%, transparent)
    }
  }

  .bg-\[var\(--node-color-light\)\],
  .bg-\[var\(--node-color-light\)\]\/20 {
    background-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--node-color-light\)\]\/20 {
      background-color: color-mix(in oklab, var(--node-color-light)20%, transparent)
    }
  }

  .bg-\[var\(--node-color-light\)\]\/24 {
    background-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--node-color-light\)\]\/24 {
      background-color: color-mix(in oklab, var(--node-color-light)24%, transparent)
    }
  }

  .bg-\[var\(--node-color-light\)\]\/25 {
    background-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--node-color-light\)\]\/25 {
      background-color: color-mix(in oklab, var(--node-color-light)25%, transparent)
    }
  }

  .bg-\[var\(--node-color-light\)\]\/30 {
    background-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--node-color-light\)\]\/30 {
      background-color: color-mix(in oklab, var(--node-color-light)30%, transparent)
    }
  }

  .bg-\[var\(--node-color-light\)\]\/35 {
    background-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--node-color-light\)\]\/35 {
      background-color: color-mix(in oklab, var(--node-color-light)35%, transparent)
    }
  }

  .bg-\[var\(--node-color-light\)\]\/50 {
    background-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-\[var\(--node-color-light\)\]\/50 {
      background-color: color-mix(in oklab, var(--node-color-light)50%, transparent)
    }
  }

  .bg-\[var\(--template-status-color-dark\)\] {
    background-color: var(--template-status-color-dark)
  }

  .bg-\[var\(--tier-color-medium\)\] {
    background-color: var(--tier-color-medium)
  }

  .bg-accent {
    background-color: var(--accent)
  }

  .bg-accent-foreground,
  .bg-accent-foreground\/5 {
    background-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-accent-foreground\/5 {
      background-color: color-mix(in oklab, var(--accent-foreground)5%, transparent)
    }
  }

  .bg-accent-foreground\/10 {
    background-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-accent-foreground\/10 {
      background-color: color-mix(in oklab, var(--accent-foreground)10%, transparent)
    }
  }

  .bg-accent-foreground\/75 {
    background-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-accent-foreground\/75 {
      background-color: color-mix(in oklab, var(--accent-foreground)75%, transparent)
    }
  }

  .bg-ai-champion-grey {
    background-color: var(--ai-champion-grey)
  }

  .bg-ai-champion-grey-foreground {
    background-color: var(--ai-champion-grey-foreground)
  }

  .bg-ai-champion-orange {
    background-color: var(--ai-champion-orange)
  }

  .bg-ai-champion-orange-foreground {
    background-color: var(--ai-champion-orange-foreground)
  }

  .bg-ai-champion-pink {
    background-color: var(--ai-champion-pink)
  }

  .bg-ai-champion-pink-foreground {
    background-color: var(--ai-champion-pink-foreground)
  }

  .bg-ai-champion-yellow {
    background-color: var(--ai-champion-yellow)
  }

  .bg-ai-champion-yellow-foreground {
    background-color: var(--ai-champion-yellow-foreground)
  }

  .bg-amber-50,
  .bg-amber-50\/50 {
    background-color: var(--amber-50)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-50\/50 {
      background-color: color-mix(in oklab, var(--amber-50)50%, transparent)
    }
  }

  .bg-amber-100,
  .bg-amber-100\/50 {
    background-color: var(--amber-100)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-100\/50 {
      background-color: color-mix(in oklab, var(--amber-100)50%, transparent)
    }
  }

  .bg-amber-300\/50 {
    background-color: var(--amber-300)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-300\/50 {
      background-color: color-mix(in oklab, var(--amber-300)50%, transparent)
    }
  }

  .bg-amber-400 {
    background-color: var(--amber-400)
  }

  .bg-amber-500 {
    background-color: var(--amber-500)
  }

  .bg-amber-600\/72 {
    background-color: var(--amber-600)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-amber-600\/72 {
      background-color: color-mix(in oklab, var(--amber-600)72%, transparent)
    }
  }

  .bg-background {
    background-color: var(--background)
  }

  .bg-background\! {
    background-color: var(--background) !important
  }

  .bg-background\/8 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/8 {
      background-color: color-mix(in oklab, var(--background)8%, transparent)
    }
  }

  .bg-background\/10 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/10 {
      background-color: color-mix(in oklab, var(--background)10%, transparent)
    }
  }

  .bg-background\/12 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/12 {
      background-color: color-mix(in oklab, var(--background)12%, transparent)
    }
  }

  .bg-background\/20 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/20 {
      background-color: color-mix(in oklab, var(--background)20%, transparent)
    }
  }

  .bg-background\/24 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/24 {
      background-color: color-mix(in oklab, var(--background)24%, transparent)
    }
  }

  .bg-background\/30 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/30 {
      background-color: color-mix(in oklab, var(--background)30%, transparent)
    }
  }

  .bg-background\/35 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/35 {
      background-color: color-mix(in oklab, var(--background)35%, transparent)
    }
  }

  .bg-background\/50 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/50 {
      background-color: color-mix(in oklab, var(--background)50%, transparent)
    }
  }

  .bg-background\/70 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/70 {
      background-color: color-mix(in oklab, var(--background)70%, transparent)
    }
  }

  .bg-background\/80 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/80 {
      background-color: color-mix(in oklab, var(--background)80%, transparent)
    }
  }

  .bg-background\/90 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/90 {
      background-color: color-mix(in oklab, var(--background)90%, transparent)
    }
  }

  .bg-background\/95 {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-background\/95 {
      background-color: color-mix(in oklab, var(--background)95%, transparent)
    }
  }

  .bg-black {
    background-color: var(--color-black)
  }

  .bg-black\/3 {
    background-color: #00000008
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/3 {
      background-color: color-mix(in oklab, var(--color-black)3%, transparent)
    }
  }

  .bg-black\/5 {
    background-color: #0000000d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--color-black)5%, transparent)
    }
  }

  .bg-black\/20 {
    background-color: #0003
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black)20%, transparent)
    }
  }

  .bg-black\/50 {
    background-color: #00000080
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black)50%, transparent)
    }
  }

  .bg-blue-50 {
    background-color: var(--blue-50)
  }

  .bg-blue-100,
  .bg-blue-100\/60 {
    background-color: var(--blue-100)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-100\/60 {
      background-color: color-mix(in oklab, var(--blue-100)60%, transparent)
    }
  }

  .bg-blue-100\/75 {
    background-color: var(--blue-100)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-100\/75 {
      background-color: color-mix(in oklab, var(--blue-100)75%, transparent)
    }
  }

  .bg-blue-200 {
    background-color: var(--blue-200)
  }

  .bg-blue-300 {
    background-color: var(--blue-300)
  }

  .bg-blue-400 {
    background-color: var(--blue-400)
  }

  .bg-blue-500 {
    background-color: var(--blue-500)
  }

  .bg-blue-600,
  .bg-blue-600\/10 {
    background-color: var(--blue-600)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-blue-600\/10 {
      background-color: color-mix(in oklab, var(--blue-600)10%, transparent)
    }
  }

  .bg-blue-700 {
    background-color: var(--blue-700)
  }

  .bg-blue-800 {
    background-color: var(--blue-800)
  }

  .bg-blue-900 {
    background-color: var(--blue-900)
  }

  .bg-blue-950 {
    background-color: var(--blue-950)
  }

  .bg-border,
  .bg-border\/50 {
    background-color: var(--border)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-border\/50 {
      background-color: color-mix(in oklab, var(--border)50%, transparent)
    }
  }

  .bg-border\/75 {
    background-color: var(--border)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-border\/75 {
      background-color: color-mix(in oklab, var(--border)75%, transparent)
    }
  }

  .bg-card {
    background-color: var(--card)
  }

  .bg-category-engineering {
    background-color: var(--category-engineering)
  }

  .bg-category-marketing {
    background-color: var(--category-marketing)
  }

  .bg-category-operations {
    background-color: var(--category-operations)
  }

  .bg-category-sales {
    background-color: var(--category-sales)
  }

  .bg-category-support {
    background-color: var(--category-support)
  }

  .bg-current {
    background-color: currentColor
  }

  .bg-destructive {
    background-color: var(--destructive)
  }

  .bg-destructive-foreground,
  .bg-destructive-foreground\/50 {
    background-color: var(--destructive-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-destructive-foreground\/50 {
      background-color: color-mix(in oklab, var(--destructive-foreground)50%, transparent)
    }
  }

  .bg-destructive\/10 {
    background-color: var(--destructive)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive)10%, transparent)
    }
  }

  .bg-destructive\/25 {
    background-color: var(--destructive)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-destructive\/25 {
      background-color: color-mix(in oklab, var(--destructive)25%, transparent)
    }
  }

  .bg-destructive\/50 {
    background-color: var(--destructive)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-destructive\/50 {
      background-color: color-mix(in oklab, var(--destructive)50%, transparent)
    }
  }

  .bg-destructive\/50\! {
    background-color: var(--destructive) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-destructive\/50\! {
      background-color: color-mix(in oklab, var(--destructive)50%, transparent) !important
    }
  }

  .bg-destructive\/80 {
    background-color: var(--destructive)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-destructive\/80 {
      background-color: color-mix(in oklab, var(--destructive)80%, transparent)
    }
  }

  .bg-elevated {
    background-color: var(--elevated)
  }

  .bg-emerald-100\/75 {
    background-color: #d0fae5bf
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-emerald-100\/75 {
      background-color: color-mix(in oklab, var(--color-emerald-100)75%, transparent)
    }
  }

  .bg-foreground,
  .bg-foreground\/30 {
    background-color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-foreground\/30 {
      background-color: color-mix(in oklab, var(--foreground)30%, transparent)
    }
  }

  .bg-foreground\/50 {
    background-color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-foreground\/50 {
      background-color: color-mix(in oklab, var(--foreground)50%, transparent)
    }
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50)
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100)
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200)
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300)
  }

  .bg-gray-900 {
    background-color: var(--color-gray-900)
  }

  .bg-green-50 {
    background-color: var(--green-50)
  }

  .bg-green-100,
  .bg-green-100\/75 {
    background-color: var(--green-100)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-green-100\/75 {
      background-color: color-mix(in oklab, var(--green-100)75%, transparent)
    }
  }

  .bg-green-200 {
    background-color: var(--green-200)
  }

  .bg-green-300,
  .bg-green-300\/60 {
    background-color: var(--green-300)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-green-300\/60 {
      background-color: color-mix(in oklab, var(--green-300)60%, transparent)
    }
  }

  .bg-green-400 {
    background-color: var(--green-400)
  }

  .bg-green-500 {
    background-color: var(--green-500)
  }

  .bg-green-600 {
    background-color: var(--green-600)
  }

  .bg-green-700 {
    background-color: var(--green-700)
  }

  .bg-green-800 {
    background-color: var(--green-800)
  }

  .bg-green-900 {
    background-color: var(--green-900)
  }

  .bg-green-950 {
    background-color: var(--green-950)
  }

  .bg-indigo-100 {
    background-color: var(--indigo-100)
  }

  .bg-indigo-300\/60 {
    background-color: var(--indigo-300)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-indigo-300\/60 {
      background-color: color-mix(in oklab, var(--indigo-300)60%, transparent)
    }
  }

  .bg-indigo-500 {
    background-color: var(--indigo-500)
  }

  .bg-muted {
    background-color: var(--muted)
  }

  .bg-muted-foreground,
  .bg-muted-foreground\/8 {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted-foreground\/8 {
      background-color: color-mix(in oklab, var(--muted-foreground)8%, transparent)
    }
  }

  .bg-muted-foreground\/10 {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted-foreground\/10 {
      background-color: color-mix(in oklab, var(--muted-foreground)10%, transparent)
    }
  }

  .bg-muted-foreground\/12 {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted-foreground\/12 {
      background-color: color-mix(in oklab, var(--muted-foreground)12%, transparent)
    }
  }

  .bg-muted-foreground\/20 {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted-foreground\/20 {
      background-color: color-mix(in oklab, var(--muted-foreground)20%, transparent)
    }
  }

  .bg-muted-foreground\/50 {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted-foreground\/50 {
      background-color: color-mix(in oklab, var(--muted-foreground)50%, transparent)
    }
  }

  .bg-muted\/20 {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--muted)20%, transparent)
    }
  }

  .bg-muted\/25 {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/25 {
      background-color: color-mix(in oklab, var(--muted)25%, transparent)
    }
  }

  .bg-muted\/30 {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted)30%, transparent)
    }
  }

  .bg-muted\/40 {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--muted)40%, transparent)
    }
  }

  .bg-muted\/50 {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted)50%, transparent)
    }
  }

  .bg-muted\/60 {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/60 {
      background-color: color-mix(in oklab, var(--muted)60%, transparent)
    }
  }

  .bg-muted\/70 {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/70 {
      background-color: color-mix(in oklab, var(--muted)70%, transparent)
    }
  }

  .bg-muted\/75 {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-muted\/75 {
      background-color: color-mix(in oklab, var(--muted)75%, transparent)
    }
  }

  .bg-orange-50 {
    background-color: var(--orange-50)
  }

  .bg-orange-100,
  .bg-orange-100\/75 {
    background-color: var(--orange-100)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-orange-100\/75 {
      background-color: color-mix(in oklab, var(--orange-100)75%, transparent)
    }
  }

  .bg-orange-500 {
    background-color: var(--orange-500)
  }

  .bg-pink-50 {
    background-color: var(--pink-50)
  }

  .bg-pink-100 {
    background-color: var(--pink-100)
  }

  .bg-pink-200 {
    background-color: var(--pink-200)
  }

  .bg-pink-300 {
    background-color: var(--pink-300)
  }

  .bg-pink-400,
  .bg-pink-400\/8 {
    background-color: #673ab7
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-pink-400\/8 {
      background-color: color-mix(in oklab, #673ab7 8%, transparent)
    }
  }

  .bg-pink-400\/75 {
    background-color: #673ab7
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-pink-400\/75 {
      background-color: color-mix(in oklab, #673ab7 75%, transparent)
    }
  }

  .bg-pink-500,
  .bg-pink-500\/5 {
    background-color: #673ab7
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-pink-500\/5 {
      background-color: color-mix(in oklab, #673ab7 5%, transparent)
    }
  }

  .bg-pink-600,
  .bg-pink-600\/2 {
    background-color: var(--pink-600)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-pink-600\/2 {
      background-color: color-mix(in oklab, var(--pink-600)2%, transparent)
    }
  }

  .bg-pink-700 {
    background-color: var(--pink-700)
  }

  .bg-pink-800,
  .bg-pink-800\/20 {
    background-color: var(--pink-800)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-pink-800\/20 {
      background-color: color-mix(in oklab, var(--pink-800)20%, transparent)
    }
  }

  .bg-pink-900 {
    background-color: var(--pink-900)
  }

  .bg-pink-950 {
    background-color: var(--pink-950)
  }

  .bg-popover {
    background-color: var(--popover)
  }

  .bg-primary {
    background-color: var(--primary)
  }

  .bg-primary-foreground {
    background-color: var(--primary-foreground)
  }

  .bg-primary\/5 {
    background-color: var(--primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--primary)5%, transparent)
    }
  }

  .bg-primary\/10 {
    background-color: var(--primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary)10%, transparent)
    }
  }

  .bg-primary\/20 {
    background-color: var(--primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--primary)20%, transparent)
    }
  }

  .bg-purple-50,
  .bg-purple-50\/30 {
    background-color: var(--purple-50)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-purple-50\/30 {
      background-color: color-mix(in oklab, var(--purple-50)30%, transparent)
    }
  }

  .bg-purple-100 {
    background-color: var(--purple-100)
  }

  .bg-purple-200 {
    background-color: var(--purple-200)
  }

  .bg-purple-300\/60 {
    background-color: var(--purple-300)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-purple-300\/60 {
      background-color: color-mix(in oklab, var(--purple-300)60%, transparent)
    }
  }

  .bg-purple-400 {
    background-color: var(--purple-400)
  }

  .bg-purple-500 {
    background-color: var(--purple-500)
  }

  .bg-purple-900 {
    background-color: var(--purple-900)
  }

  .bg-purple-900\! {
    background-color: var(--purple-900) !important
  }

  .bg-red-50 {
    background-color: var(--color-red-50)
  }

  .bg-red-50\/50 {
    background-color: #fef2f280
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-50\/50 {
      background-color: color-mix(in oklab, var(--color-red-50)50%, transparent)
    }
  }

  .bg-red-100 {
    background-color: var(--color-red-100)
  }

  .bg-red-100\/75 {
    background-color: #ffe2e2bf
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-red-100\/75 {
      background-color: color-mix(in oklab, var(--color-red-100)75%, transparent)
    }
  }

  .bg-red-400 {
    background-color: var(--color-red-400)
  }

  .bg-red-500 {
    background-color: var(--color-red-500)
  }

  .bg-ring {
    background-color: var(--ring)
  }

  .bg-rose-400 {
    background-color: var(--color-rose-400)
  }

  .bg-rose-500 {
    background-color: var(--color-rose-500)
  }

  .bg-secondary {
    background-color: var(--secondary)
  }

  .bg-secondary-foreground {
    background-color: var(--secondary-foreground)
  }

  .bg-select {
    background-color: var(--select)
  }

  .bg-select-muted {
    background-color: var(--select-muted)
  }

  .bg-sidebar {
    background-color: var(--sidebar)
  }

  .bg-sidebar-accent\/70 {
    background-color: var(--sidebar-accent)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-sidebar-accent\/70 {
      background-color: color-mix(in oklab, var(--sidebar-accent)70%, transparent)
    }
  }

  .bg-sidebar-border {
    background-color: var(--sidebar-border)
  }

  .bg-stone-100 {
    background-color: var(--color-stone-100)
  }

  .bg-success {
    background-color: var(--success)
  }

  .bg-success-foreground,
  .bg-success-foreground\/10 {
    background-color: var(--success-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-success-foreground\/10 {
      background-color: color-mix(in oklab, var(--success-foreground)10%, transparent)
    }
  }

  .bg-success-foreground\/20 {
    background-color: var(--success-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-success-foreground\/20 {
      background-color: color-mix(in oklab, var(--success-foreground)20%, transparent)
    }
  }

  .bg-success-foreground\/50 {
    background-color: var(--success-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-success-foreground\/50 {
      background-color: color-mix(in oklab, var(--success-foreground)50%, transparent)
    }
  }

  .bg-success\/50 {
    background-color: var(--success)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-success\/50 {
      background-color: color-mix(in oklab, var(--success)50%, transparent)
    }
  }

  .bg-success\/50\! {
    background-color: var(--success) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-success\/50\! {
      background-color: color-mix(in oklab, var(--success)50%, transparent) !important
    }
  }

  .bg-teal-50 {
    background-color: var(--color-teal-50)
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100)
  }

  .bg-transparent {
    background-color: #0000
  }

  .bg-violet-500 {
    background-color: var(--color-violet-500)
  }

  .bg-warning {
    background-color: var(--warning)
  }

  .bg-warning-foreground,
  .bg-warning-foreground\/10 {
    background-color: var(--warning-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning-foreground\/10 {
      background-color: color-mix(in oklab, var(--warning-foreground)10%, transparent)
    }
  }

  .bg-warning-foreground\/50 {
    background-color: var(--warning-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning-foreground\/50 {
      background-color: color-mix(in oklab, var(--warning-foreground)50%, transparent)
    }
  }

  .bg-warning-foreground\/65 {
    background-color: var(--warning-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning-foreground\/65 {
      background-color: color-mix(in oklab, var(--warning-foreground)65%, transparent)
    }
  }

  .bg-warning\/10 {
    background-color: var(--warning)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(in oklab, var(--warning)10%, transparent)
    }
  }

  .bg-warning\/25 {
    background-color: var(--warning)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning\/25 {
      background-color: color-mix(in oklab, var(--warning)25%, transparent)
    }
  }

  .bg-warning\/50 {
    background-color: var(--warning)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning\/50 {
      background-color: color-mix(in oklab, var(--warning)50%, transparent)
    }
  }

  .bg-warning\/50\! {
    background-color: var(--warning) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning\/50\! {
      background-color: color-mix(in oklab, var(--warning)50%, transparent) !important
    }
  }

  .bg-warning\/64 {
    background-color: var(--warning)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-warning\/64 {
      background-color: color-mix(in oklab, var(--warning)64%, transparent)
    }
  }

  .bg-white {
    background-color: var(--color-white)
  }

  .bg-white\/10 {
    background-color: #ffffff1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white)10%, transparent)
    }
  }

  .bg-white\/20 {
    background-color: #fff3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white)20%, transparent)
    }
  }

  .bg-white\/24 {
    background-color: #ffffff3d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/24 {
      background-color: color-mix(in oklab, var(--color-white)24%, transparent)
    }
  }

  .bg-white\/50 {
    background-color: #ffffff80
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/50 {
      background-color: color-mix(in oklab, var(--color-white)50%, transparent)
    }
  }

  .bg-white\/72 {
    background-color: #ffffffb8
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/72 {
      background-color: color-mix(in oklab, var(--color-white)72%, transparent)
    }
  }

  .bg-white\/80 {
    background-color: #fffc
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white)80%, transparent)
    }
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50)
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100)
  }

  .bg-yellow-100\/75 {
    background-color: #fef9c2bf
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-yellow-100\/75 {
      background-color: color-mix(in oklab, var(--color-yellow-100)75%, transparent)
    }
  }

  .bg-yellow-200 {
    background-color: var(--color-yellow-200)
  }

  .bg-yellow-500 {
    background-color: var(--color-yellow-500)
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab
  }

  .bg-gradient-to-b,
  .bg-gradient-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab
  }

  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab
  }

  .bg-gradient-to-l,
  .bg-gradient-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-radial-\[at_75\%_25\%\] {
    --tw-gradient-position: at 75% 25%;
    background-image: radial-gradient(var(--tw-gradient-stops, at 75% 25%))
  }

  .bg-\[linear-gradient\(to_right\,var\(--muted-foreground\)_40\%\,var\(--foreground\)_60\%\,var\(--muted-foreground\)_80\%\)\] {
    background-image: linear-gradient(to right, var(--muted-foreground)40%, var(--foreground)60%, var(--muted-foreground)80%)
  }

  .bg-\[linear-gradient\(to_right\,var\(--muted-foreground\)_45\%\,var\(--foreground\)_60\%\,var\(--muted-foreground\)_75\%\)\] {
    background-image: linear-gradient(to right, var(--muted-foreground)45%, var(--foreground)60%, var(--muted-foreground)75%)
  }

  .bg-\[radial-gradient\(var\(--border\)_1px\,transparent_1\.75px\)\] {
    background-image: radial-gradient(var(--border)1px, transparent 1.75px)
  }

  .bg-\[radial-gradient\(var\(--integration-page-color-medium\)_1px\,transparent_1\.75px\)\] {
    background-image: radial-gradient(var(--integration-page-color-medium)1px, transparent 1.75px)
  }

  .bg-\[radial-gradient\(var\(--muted\)_1px\,transparent_1\.75px\)\] {
    background-image: radial-gradient(var(--muted)1px, transparent 1.75px)
  }

  .bg-\[radial-gradient\(var\(--pink-200\)_1px\,transparent_1\.75px\)\] {
    background-image: radial-gradient(var(--pink-200)1px, transparent 1.75px)
  }

  .from-\[var\(--node-color-light\)\]\/20 {
    --tw-gradient-from: var(--node-color-light);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-\[var\(--node-color-light\)\]\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--node-color-light)20%, transparent)
    }
  }

  .from-\[var\(--node-color-light\)\]\/40 {
    --tw-gradient-from: var(--node-color-light);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-\[var\(--node-color-light\)\]\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--node-color-light)40%, transparent)
    }
  }

  .from-\[var\(--tier-color-medium\)\] {
    --tw-gradient-from: var(--tier-color-medium);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-amber-300 {
    --tw-gradient-from: var(--amber-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-background {
    --tw-gradient-from: var(--background);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-black {
    --tw-gradient-from: var(--color-black);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-blue-100 {
    --tw-gradient-from: var(--blue-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-blue-300 {
    --tw-gradient-from: var(--blue-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-blue-400,
  .from-blue-400\/25 {
    --tw-gradient-from: var(--blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-blue-400\/25 {
      --tw-gradient-from: color-mix(in oklab, var(--blue-400)25%, transparent)
    }
  }

  .from-border {
    --tw-gradient-from: var(--border);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-destructive-foreground\/60 {
    --tw-gradient-from: var(--destructive-foreground);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-destructive-foreground\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--destructive-foreground)60%, transparent)
    }
  }

  .from-elevated {
    --tw-gradient-from: var(--elevated);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-gray-50\/50 {
    --tw-gradient-from: #f9fafb80;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-gray-50\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--color-gray-50)50%, transparent)
    }
  }

  .from-gray-100 {
    --tw-gradient-from: var(--color-gray-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-green-100 {
    --tw-gradient-from: var(--green-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-green-300 {
    --tw-gradient-from: var(--green-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-green-400 {
    --tw-gradient-from: var(--green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-green-500 {
    --tw-gradient-from: var(--green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-indigo-300 {
    --tw-gradient-from: var(--indigo-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-lime-300 {
    --tw-gradient-from: var(--color-lime-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-muted-foreground {
    --tw-gradient-from: var(--muted-foreground);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-muted\/10 {
    --tw-gradient-from: var(--muted);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-muted\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--muted)10%, transparent)
    }
  }

  .from-muted\/40 {
    --tw-gradient-from: var(--muted);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-muted\/40 {
      --tw-gradient-from: color-mix(in oklab, var(--muted)40%, transparent)
    }
  }

  .from-orange-100 {
    --tw-gradient-from: var(--orange-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-orange-300 {
    --tw-gradient-from: var(--orange-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-orange-400\/25 {
    --tw-gradient-from: var(--orange-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-orange-400\/25 {
      --tw-gradient-from: color-mix(in oklab, var(--orange-400)25%, transparent)
    }
  }

  .from-orange-400\/75 {
    --tw-gradient-from: var(--orange-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-orange-400\/75 {
      --tw-gradient-from: color-mix(in oklab, var(--orange-400)75%, transparent)
    }
  }

  .from-pink-50,
  .from-pink-50\/50 {
    --tw-gradient-from: var(--pink-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-pink-50\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--pink-50)50%, transparent)
    }
  }

  .from-pink-100 {
    --tw-gradient-from: var(--pink-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-pink-200 {
    --tw-gradient-from: var(--pink-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-pink-400,
  .from-pink-400\/25 {
    --tw-gradient-from: var(--pink-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-pink-400\/25 {
      --tw-gradient-from: color-mix(in oklab, var(--pink-400)25%, transparent)
    }
  }

  .from-pink-400\/75 {
    --tw-gradient-from: var(--pink-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-pink-400\/75 {
      --tw-gradient-from: color-mix(in oklab, var(--pink-400)75%, transparent)
    }
  }

  .from-pink-500 {
    --tw-gradient-from: var(--pink-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-pink-900 {
    --tw-gradient-from: var(--pink-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-purple-100 {
    --tw-gradient-from: var(--purple-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-purple-200 {
    --tw-gradient-from: var(--purple-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-purple-500 {
    --tw-gradient-from: var(--purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-red-100 {
    --tw-gradient-from: var(--color-red-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-red-300 {
    --tw-gradient-from: var(--color-red-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-red-400 {
    --tw-gradient-from: var(--color-red-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-red-600 {
    --tw-gradient-from: var(--color-red-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-violet-400 {
    --tw-gradient-from: var(--color-violet-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-warning\/50 {
    --tw-gradient-from: var(--warning);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-warning\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--warning)50%, transparent)
    }
  }

  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .from-yellow-100 {
    --tw-gradient-from: var(--color-yellow-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .via-\[var\(--tier-color-medium\)\] {
    --tw-gradient-via: var(--tier-color-medium);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-background {
    --tw-gradient-via: var(--background);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-blue-400 {
    --tw-gradient-via: var(--blue-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-blue-500 {
    --tw-gradient-via: var(--blue-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-cyan-400 {
    --tw-gradient-via: var(--color-cyan-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-foreground {
    --tw-gradient-via: var(--foreground);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-green-400 {
    --tw-gradient-via: var(--green-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-indigo-400 {
    --tw-gradient-via: var(--indigo-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-lime-400 {
    --tw-gradient-via: var(--color-lime-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-orange-400 {
    --tw-gradient-via: var(--orange-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-pink-50 {
    --tw-gradient-via: var(--pink-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-pink-300 {
    --tw-gradient-via: var(--pink-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-pink-800 {
    --tw-gradient-via: var(--pink-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-purple-50 {
    --tw-gradient-via: var(--purple-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-purple-500 {
    --tw-gradient-via: var(--purple-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-purple-600 {
    --tw-gradient-via: var(--purple-600);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-red-400 {
    --tw-gradient-via: var(--color-red-400);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-rose-500 {
    --tw-gradient-via: var(--color-rose-500);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .via-transparent {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops)
  }

  .to-\[var\(--node-color-light\)\]\/10 {
    --tw-gradient-to: var(--node-color-light);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-\[var\(--node-color-light\)\]\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--node-color-light)10%, transparent)
    }
  }

  .to-background {
    --tw-gradient-to: var(--background);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-black\/65 {
    --tw-gradient-to: #000000a6;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-black\/65 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black)65%, transparent)
    }
  }

  .to-blue-50\/30 {
    --tw-gradient-to: var(--blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-blue-50\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--blue-50)30%, transparent)
    }
  }

  .to-blue-400\/15 {
    --tw-gradient-to: var(--blue-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-blue-400\/15 {
      --tw-gradient-to: color-mix(in oklab, var(--blue-400)15%, transparent)
    }
  }

  .to-blue-500 {
    --tw-gradient-to: var(--blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-blue-600 {
    --tw-gradient-to: var(--blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-blue-700 {
    --tw-gradient-to: var(--blue-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-border {
    --tw-gradient-to: var(--border);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-destructive-foreground\/30 {
    --tw-gradient-to: var(--destructive-foreground);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-destructive-foreground\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--destructive-foreground)30%, transparent)
    }
  }

  .to-gray-300 {
    --tw-gradient-to: var(--color-gray-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-green-400 {
    --tw-gradient-to: var(--green-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-green-600 {
    --tw-gradient-to: var(--green-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-indigo-600 {
    --tw-gradient-to: var(--indigo-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-lime-600 {
    --tw-gradient-to: var(--color-lime-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-muted-foreground {
    --tw-gradient-to: var(--muted-foreground);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-muted\/20 {
    --tw-gradient-to: var(--muted);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-muted\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--muted)20%, transparent)
    }
  }

  .to-muted\/30 {
    --tw-gradient-to: var(--muted);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-muted\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--muted)30%, transparent)
    }
  }

  .to-neutral-100 {
    --tw-gradient-to: var(--color-neutral-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-orange-400\/15 {
    --tw-gradient-to: var(--orange-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-orange-400\/15 {
      --tw-gradient-to: color-mix(in oklab, var(--orange-400)15%, transparent)
    }
  }

  .to-orange-400\/50 {
    --tw-gradient-to: var(--orange-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-orange-400\/50 {
      --tw-gradient-to: color-mix(in oklab, var(--orange-400)50%, transparent)
    }
  }

  .to-orange-600 {
    --tw-gradient-to: var(--orange-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-pink-300 {
    --tw-gradient-to: var(--pink-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-pink-400,
  .to-pink-400\/15 {
    --tw-gradient-to: var(--pink-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-pink-400\/15 {
      --tw-gradient-to: color-mix(in oklab, var(--pink-400)15%, transparent)
    }
  }

  .to-pink-400\/50 {
    --tw-gradient-to: var(--pink-400);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-pink-400\/50 {
      --tw-gradient-to: color-mix(in oklab, var(--pink-400)50%, transparent)
    }
  }

  .to-pink-600 {
    --tw-gradient-to: var(--pink-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-pink-900 {
    --tw-gradient-to: var(--pink-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-red-500 {
    --tw-gradient-to: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-red-600 {
    --tw-gradient-to: var(--color-red-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-violet-600 {
    --tw-gradient-to: var(--color-violet-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .to-warning\/12 {
    --tw-gradient-to: var(--warning);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-warning\/12 {
      --tw-gradient-to: color-mix(in oklab, var(--warning)12%, transparent)
    }
  }

  .to-\[16\%\] {
    --tw-gradient-to-position: 16%
  }

  .mask-y-from-50\% {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: 50%;
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 50%
  }

  .mask-y-from-50\%,
  .mask-y-from-95\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
  }

  .mask-y-from-95\% {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: 95%;
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 95%
  }

  .mask-y-from-98\% {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: 98%;
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 98%
  }

  .mask-y-from-98\%,
  .mask-y-from-99\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
  }

  .mask-y-from-99\% {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: 99%;
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 99%
  }

  .mask-y-from-\[calc\(100\%-16px\)\] {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: calc(100% - 16px);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: calc(100% - 16px)
  }

  .mask-y-from-\[calc\(100\%-16px\)\],
  .mask-y-from-\[calc\(100\%-20px\)\] {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
  }

  .mask-y-from-\[calc\(100\%-20px\)\] {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: calc(100% - 20px);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: calc(100% - 20px)
  }

  .mask-y-from-\[calc\(100\%-24px\)\] {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: calc(100% - 24px);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: calc(100% - 24px)
  }

  .mask-t-from-98\%,
  .mask-y-from-\[calc\(100\%-24px\)\] {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
  }

  .mask-t-from-98\% {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color)var(--tw-mask-top-from-position), var(--tw-mask-top-to-color)var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: 98%
  }

  .mask-x-from-\[calc\(100\%-0\.25rem\)\] {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color)var(--tw-mask-right-from-position), var(--tw-mask-right-to-color)var(--tw-mask-right-to-position));
    --tw-mask-right-from-position: calc(100% - .25rem);
    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color)var(--tw-mask-left-from-position), var(--tw-mask-left-to-color)var(--tw-mask-left-to-position));
    --tw-mask-left-from-position: calc(100% - .25rem)
  }

  .mask-x-from-\[calc\(100\%-0\.25rem\)\],
  .mask-x-from-\[calc\(100\%-1\.25rem\)\] {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
  }

  .mask-x-from-\[calc\(100\%-1\.25rem\)\] {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-right: linear-gradient(to right, var(--tw-mask-right-from-color)var(--tw-mask-right-from-position), var(--tw-mask-right-to-color)var(--tw-mask-right-to-position));
    --tw-mask-right-from-position: calc(100% - 1.25rem);
    --tw-mask-left: linear-gradient(to left, var(--tw-mask-left-from-color)var(--tw-mask-left-from-position), var(--tw-mask-left-to-color)var(--tw-mask-left-to-position));
    --tw-mask-left-from-position: calc(100% - 1.25rem)
  }

  .mask-b-from-1 {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: calc(var(--spacing)*1)
  }

  .mask-b-from-1,
  .mask-b-from-2\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
  }

  .mask-b-from-2\% {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 2%
  }

  .mask-b-from-90\% {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 90%
  }

  .mask-b-from-90\%,
  .mask-b-from-98\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
  }

  .mask-b-from-98\% {
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 98%
  }

  .mask-b-from-99\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: 99%;
    -webkit-mask-composite: source-in;
    mask-composite: intersect
  }

  .\[background-size\:16px_16px\] {
    background-size: 16px 16px
  }

  .bg-cover {
    background-size: cover
  }

  .bg-size-\[200\%_auto\] {
    background-size: 200%
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
  }

  .bg-center {
    background-position: 50%
  }

  .fill-accent-foreground {
    fill: var(--accent-foreground)
  }

  .fill-current {
    fill: currentColor
  }

  .fill-muted {
    fill: var(--muted)
  }

  .fill-muted-foreground {
    fill: var(--muted-foreground)
  }

  .fill-pink-200 {
    fill: var(--pink-200)
  }

  .fill-white {
    fill: var(--color-white)
  }

  .\!stroke-\[2\] {
    stroke-width: 2px !important
  }

  .stroke-\[1\.5\] {
    stroke-width: 1.5px
  }

  .stroke-\[1\.5\]\! {
    stroke-width: 1.5px !important
  }

  .stroke-\[1\.35\]\! {
    stroke-width: 1.35px !important
  }

  .object-contain {
    object-fit: contain
  }

  .object-cover {
    object-fit: cover
  }

  .object-scale-down {
    object-fit: scale-down
  }

  .object-center {
    object-position: center
  }

  .\!p-0 {
    padding: calc(var(--spacing)*0) !important
  }

  .\!p-0\.5 {
    padding: calc(var(--spacing)*.5) !important
  }

  .\!p-1 {
    padding: calc(var(--spacing)*1) !important
  }

  .\!p-3 {
    padding: calc(var(--spacing)*3) !important
  }

  .\!p-4 {
    padding: calc(var(--spacing)*4) !important
  }

  .p-0 {
    padding: calc(var(--spacing)*0)
  }

  .p-0\! {
    padding: calc(var(--spacing)*0) !important
  }

  .p-0\.5 {
    padding: calc(var(--spacing)*.5)
  }

  .p-0\.75 {
    padding: calc(var(--spacing)*.75)
  }

  .p-1 {
    padding: calc(var(--spacing)*1)
  }

  .p-1\.5 {
    padding: calc(var(--spacing)*1.5)
  }

  .p-1\.5\! {
    padding: calc(var(--spacing)*1.5) !important
  }

  .p-1\.25 {
    padding: calc(var(--spacing)*1.25)
  }

  .p-1\.75 {
    padding: calc(var(--spacing)*1.75)
  }

  .p-2 {
    padding: calc(var(--spacing)*2)
  }

  .p-2\.5 {
    padding: calc(var(--spacing)*2.5)
  }

  .p-3 {
    padding: calc(var(--spacing)*3)
  }

  .p-3\.5 {
    padding: calc(var(--spacing)*3.5)
  }

  .p-4 {
    padding: calc(var(--spacing)*4)
  }

  .p-4\.5 {
    padding: calc(var(--spacing)*4.5)
  }

  .p-5 {
    padding: calc(var(--spacing)*5)
  }

  .p-6 {
    padding: calc(var(--spacing)*6)
  }

  .p-8 {
    padding: calc(var(--spacing)*8)
  }

  .p-8\.5 {
    padding: calc(var(--spacing)*8.5)
  }

  .p-10 {
    padding: calc(var(--spacing)*10)
  }

  .p-12 {
    padding: calc(var(--spacing)*12)
  }

  .p-\[0\.125px\] {
    padding: .125px
  }

  .p-\[1\.25px\] {
    padding: 1.25px
  }

  .p-\[1px\] {
    padding: 1px
  }

  .\!px-0 {
    padding-inline: calc(var(--spacing)*0) !important
  }

  .\!px-1\.5 {
    padding-inline: calc(var(--spacing)*1.5) !important
  }

  .\!px-2 {
    padding-inline: calc(var(--spacing)*2) !important
  }

  .px-0 {
    padding-inline: calc(var(--spacing)*0)
  }

  .px-0\! {
    padding-inline: calc(var(--spacing)*0) !important
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing)*.5)
  }

  .px-1 {
    padding-inline: calc(var(--spacing)*1)
  }

  .px-1\! {
    padding-inline: calc(var(--spacing)*1) !important
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing)*1.5)
  }

  .px-1\.25 {
    padding-inline: calc(var(--spacing)*1.25)
  }

  .px-2 {
    padding-inline: calc(var(--spacing)*2)
  }

  .px-2\! {
    padding-inline: calc(var(--spacing)*2) !important
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing)*2.5)
  }

  .px-3 {
    padding-inline: calc(var(--spacing)*3)
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing)*3.5)
  }

  .px-4 {
    padding-inline: calc(var(--spacing)*4)
  }

  .px-4\! {
    padding-inline: calc(var(--spacing)*4) !important
  }

  .px-5 {
    padding-inline: calc(var(--spacing)*5)
  }

  .px-5\.5 {
    padding-inline: calc(var(--spacing)*5.5)
  }

  .px-6 {
    padding-inline: calc(var(--spacing)*6)
  }

  .px-7 {
    padding-inline: calc(var(--spacing)*7)
  }

  .px-8 {
    padding-inline: calc(var(--spacing)*8)
  }

  .px-10 {
    padding-inline: calc(var(--spacing)*10)
  }

  .px-12 {
    padding-inline: calc(var(--spacing)*12)
  }

  .px-13 {
    padding-inline: calc(var(--spacing)*13)
  }

  .px-14 {
    padding-inline: calc(var(--spacing)*14)
  }

  .\!py-0 {
    padding-block: calc(var(--spacing)*0) !important
  }

  .\!py-0\.5 {
    padding-block: calc(var(--spacing)*.5) !important
  }

  .\!py-0\.25 {
    padding-block: calc(var(--spacing)*.25) !important
  }

  .\!py-1 {
    padding-block: calc(var(--spacing)*1) !important
  }

  .py-0 {
    padding-block: calc(var(--spacing)*0)
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing)*.5)
  }

  .py-0\.25 {
    padding-block: calc(var(--spacing)*.25)
  }

  .py-0\.75 {
    padding-block: calc(var(--spacing)*.75)
  }

  .py-1 {
    padding-block: calc(var(--spacing)*1)
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing)*1.5)
  }

  .py-1\.75 {
    padding-block: calc(var(--spacing)*1.75)
  }

  .py-2 {
    padding-block: calc(var(--spacing)*2)
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing)*2.5)
  }

  .py-2\.25 {
    padding-block: calc(var(--spacing)*2.25)
  }

  .py-3 {
    padding-block: calc(var(--spacing)*3)
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing)*3.5)
  }

  .py-4 {
    padding-block: calc(var(--spacing)*4)
  }

  .py-4\.5 {
    padding-block: calc(var(--spacing)*4.5)
  }

  .py-5 {
    padding-block: calc(var(--spacing)*5)
  }

  .py-6 {
    padding-block: calc(var(--spacing)*6)
  }

  .py-7 {
    padding-block: calc(var(--spacing)*7)
  }

  .py-8 {
    padding-block: calc(var(--spacing)*8)
  }

  .py-10 {
    padding-block: calc(var(--spacing)*10)
  }

  .py-12 {
    padding-block: calc(var(--spacing)*12)
  }

  .py-13 {
    padding-block: calc(var(--spacing)*13)
  }

  .py-16 {
    padding-block: calc(var(--spacing)*16)
  }

  .py-20 {
    padding-block: calc(var(--spacing)*20)
  }

  .py-24 {
    padding-block: calc(var(--spacing)*24)
  }

  .py-24\! {
    padding-block: calc(var(--spacing)*24) !important
  }

  .py-40 {
    padding-block: calc(var(--spacing)*40)
  }

  .py-\[0\.2em\] {
    padding-block: .2em
  }

  .py-\[1px\] {
    padding-block: 1px
  }

  .py-\[6svh\] {
    padding-block: 6svh
  }

  .py-\[7px\] {
    padding-block: 7px
  }

  .\!pt-0 {
    padding-top: calc(var(--spacing)*0) !important
  }

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

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

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

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

  .pt-1\.75 {
    padding-top: calc(var(--spacing)*1.75)
  }

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

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

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

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

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

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

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

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

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

  .pt-10\.5 {
    padding-top: calc(var(--spacing)*10.5)
  }

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

  .pt-13 {
    padding-top: calc(var(--spacing)*13)
  }

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

  .pt-16 {
    padding-top: calc(var(--spacing)*16)
  }

  .pt-18 {
    padding-top: calc(var(--spacing)*18)
  }

  .pt-20 {
    padding-top: calc(var(--spacing)*20)
  }

  .pt-24 {
    padding-top: calc(var(--spacing)*24)
  }

  .pt-\[16svh\] {
    padding-top: 16svh
  }

  .pt-\[24svh\] {
    padding-top: 24svh
  }

  .pt-\[39px\] {
    padding-top: 39px
  }

  .\!pr-0\.5 {
    padding-right: calc(var(--spacing)*.5) !important
  }

  .\!pr-1 {
    padding-right: calc(var(--spacing)*1) !important
  }

  .\!pr-2 {
    padding-right: calc(var(--spacing)*2) !important
  }

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

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

  .pr-0\.75 {
    padding-right: calc(var(--spacing)*.75)
  }

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

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

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

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

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

  .pr-3\.5 {
    padding-right: calc(var(--spacing)*3.5)
  }

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

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

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

  .pr-7 {
    padding-right: calc(var(--spacing)*7)
  }

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

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

  .\!pb-0 {
    padding-bottom: calc(var(--spacing)*0) !important
  }

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

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

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

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

  .pb-1\.75 {
    padding-bottom: calc(var(--spacing)*1.75)
  }

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

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing)*2.5)
  }

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

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

  .pb-4\! {
    padding-bottom: calc(var(--spacing)*4) !important
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing)*5)
  }

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

  .pb-7 {
    padding-bottom: calc(var(--spacing)*7)
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing)*8)
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing)*10)
  }

  .pb-11\.5 {
    padding-bottom: calc(var(--spacing)*11.5)
  }

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

  .pb-13\.5 {
    padding-bottom: calc(var(--spacing)*13.5)
  }

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

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

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

  .pb-25 {
    padding-bottom: calc(var(--spacing)*25)
  }

  .pb-36 {
    padding-bottom: calc(var(--spacing)*36)
  }

  .\!pl-2 {
    padding-left: calc(var(--spacing)*2) !important
  }

  .\!pl-3 {
    padding-left: calc(var(--spacing)*3) !important
  }

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

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

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

  .pl-1\.75 {
    padding-left: calc(var(--spacing)*1.75)
  }

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

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

  .pl-3\.5 {
    padding-left: calc(var(--spacing)*3.5)
  }

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

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

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

  .pl-7 {
    padding-left: calc(var(--spacing)*7)
  }

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

  .pl-8\.5 {
    padding-left: calc(var(--spacing)*8.5)
  }

  .pl-9 {
    padding-left: calc(var(--spacing)*9)
  }

  .pl-10 {
    padding-left: calc(var(--spacing)*10)
  }

  .pl-16 {
    padding-left: calc(var(--spacing)*16)
  }

  .pl-\[10px\] {
    padding-left: 10px
  }

  .pl-\[60px\] {
    padding-left: 60px
  }

  .text-center {
    text-align: center
  }

  .text-end {
    text-align: end
  }

  .text-justify {
    text-align: justify
  }

  .text-left {
    text-align: left
  }

  .text-right {
    text-align: right
  }

  .text-start {
    text-align: start
  }

  .align-middle {
    vertical-align: middle
  }

  .font-mono {
    font-family: var(--font-geist-mono)
  }

  .font-sans {
    font-family: var(--font-geist-sans)
  }

  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important
  }

  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important
  }

  .\!text-xl {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important
  }

  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height))
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height))
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height))
  }

  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height))
  }

  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height))
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height))
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .text-sm\! {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height))
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
  }

  .text-xs\! {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important
  }

  .text-\[\.875rem\] {
    font-size: .875rem
  }

  .text-\[0\.8rem\] {
    font-size: .8rem
  }

  .text-\[1\.5rem\] {
    font-size: 1.5rem
  }

  .text-\[3\.2rem\] {
    font-size: 3.2rem
  }

  .text-\[3\.5rem\] {
    font-size: 3.5rem
  }

  .text-\[3rem\] {
    font-size: 3rem
  }

  .text-\[7px\] {
    font-size: 7px
  }

  .text-\[8px\] {
    font-size: 8px
  }

  .text-\[10px\] {
    font-size: 10px
  }

  .text-\[11px\] {
    font-size: 11px
  }

  .text-\[12px\] {
    font-size: 12px
  }

  .text-\[13px\] {
    font-size: 13px
  }

  .text-\[16px\] {
    font-size: 16px
  }

  .text-\[18px\] {
    font-size: 18px
  }

  .text-\[20px\] {
    font-size: 20px
  }

  .text-\[20rem\] {
    font-size: 20rem
  }

  .text-\[24px\] {
    font-size: 24px
  }

  .text-\[36px\] {
    font-size: 36px
  }

  .text-\[40px\] {
    font-size: 40px
  }

  .text-\[80px\] {
    font-size: 80px
  }

  .text-xxs {
    font-size: .625rem
  }

  .\!leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing)*5);
    line-height: calc(var(--spacing)*5)
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6)
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing)*7);
    line-height: calc(var(--spacing)*7)
  }

  .leading-9 {
    --tw-leading: calc(var(--spacing)*9);
    line-height: calc(var(--spacing)*9)
  }

  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75
  }

  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1
  }

  .leading-\[115\%\] {
    --tw-leading: 115%;
    line-height: 115%
  }

  .leading-\[120\%\] {
    --tw-leading: 120%;
    line-height: 120%
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1
  }

  .leading-none\! {
    --tw-leading: 1 !important;
    line-height: 1 !important
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal)
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed)
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug)
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight)
  }

  .\!font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light)
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  .tracking-\[0\.12px\] {
    --tw-tracking: .12px;
    letter-spacing: .12px
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter)
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide)
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider)
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest)
  }

  .text-balance {
    text-wrap: balance
  }

  .text-nowrap {
    text-wrap: nowrap
  }

  .text-pretty {
    text-wrap: pretty
  }

  .text-wrap {
    text-wrap: wrap
  }

  .break-normal {
    overflow-wrap: normal;
    word-break: normal
  }

  .break-words {
    overflow-wrap: break-word
  }

  .break-words\! {
    overflow-wrap: break-word !important
  }

  .wrap-anywhere {
    overflow-wrap: anywhere
  }

  .wrap-break-word {
    overflow-wrap: break-word
  }

  .break-all {
    word-break: break-all
  }

  .break-keep {
    word-break: keep-all
  }

  .text-ellipsis {
    text-overflow: ellipsis
  }

  .whitespace-normal {
    white-space: normal
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .whitespace-pre {
    white-space: pre
  }

  .whitespace-pre-line {
    white-space: pre-line
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap
  }

  .\!text-\[var\(--node-color-dark\)\] {
    color: var(--node-color-dark) !important
  }

  .\!text-background {
    color: var(--background) !important
  }

  .\!text-blue-800 {
    color: var(--blue-800) !important
  }

  .\!text-foreground {
    color: var(--foreground) !important
  }

  .\!text-muted-foreground\/32 {
    color: var(--muted-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!text-muted-foreground\/32 {
      color: color-mix(in oklab, var(--muted-foreground)32%, transparent) !important
    }
  }

  .\!text-muted-foreground\/50 {
    color: var(--muted-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--muted-foreground)50%, transparent) !important
    }
  }

  .\!text-muted-foreground\/80 {
    color: var(--muted-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\!text-muted-foreground\/80 {
      color: color-mix(in oklab, var(--muted-foreground)80%, transparent) !important
    }
  }

  .\!text-success-foreground {
    color: var(--success-foreground) !important
  }

  .\!text-warning-foreground {
    color: var(--warning-foreground) !important
  }

  .text-\[\#111\] {
    color: #111
  }

  .text-\[\#5059C9\] {
    color: #5059c9
  }

  .text-\[\#333333\] {
    color: #333
  }

  .text-\[\#555555\] {
    color: #555
  }

  .text-\[\#700057\] {
    color: #700057
  }

  .text-\[\#BD1A85\] {
    color: #bd1a85
  }

  .text-\[\#EA4C89\] {
    color: #ea4c89
  }

  .text-\[\#f06293\] {
    color: #f06293
  }

  .text-\[var\(--department-color-light\)\] {
    color: var(--department-color-light)
  }

  .text-\[var\(--landing-solution-marketing-dark\)\] {
    color: var(--landing-solution-marketing-dark)
  }

  .text-\[var\(--node-color-dark\)\] {
    color: var(--node-color-dark)
  }

  .text-\[var\(--node-color-dark\)\]\! {
    color: var(--node-color-dark) !important
  }

  .text-\[var\(--node-color-dark\)\]\/50 {
    color: var(--node-color-dark)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-\[var\(--node-color-dark\)\]\/50 {
      color: color-mix(in oklab, var(--node-color-dark)50%, transparent)
    }
  }

  .text-\[var\(--node-color-light\)\] {
    color: var(--node-color-light)
  }

  .text-\[var\(--node-color-medium\)\] {
    color: var(--node-color-medium)
  }

  .text-accent {
    color: var(--accent)
  }

  .text-accent-foreground {
    color: var(--accent-foreground)
  }

  .text-accent-foreground\! {
    color: var(--accent-foreground) !important
  }

  .text-ai-champion-grey-foreground {
    color: var(--ai-champion-grey-foreground)
  }

  .text-ai-champion-orange-foreground {
    color: var(--ai-champion-orange-foreground)
  }

  .text-ai-champion-pink-foreground {
    color: var(--ai-champion-pink-foreground)
  }

  .text-ai-champion-yellow-foreground {
    color: var(--ai-champion-yellow-foreground)
  }

  .text-amber-600,
  .text-amber-600\/50 {
    color: var(--amber-600)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-amber-600\/50 {
      color: color-mix(in oklab, var(--amber-600)50%, transparent)
    }
  }

  .text-amber-600\/60 {
    color: var(--amber-600)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-amber-600\/60 {
      color: color-mix(in oklab, var(--amber-600)60%, transparent)
    }
  }

  .text-amber-700 {
    color: var(--amber-700)
  }

  .text-amber-800 {
    color: var(--amber-800)
  }

  .text-amber-900 {
    color: var(--amber-900)
  }

  .text-background {
    color: var(--background)
  }

  .text-background\! {
    color: var(--background) !important
  }

  .text-background\/72 {
    color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-background\/72 {
      color: color-mix(in oklab, var(--background)72%, transparent)
    }
  }

  .text-background\/80 {
    color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-background\/80 {
      color: color-mix(in oklab, var(--background)80%, transparent)
    }
  }

  .text-background\/90 {
    color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-background\/90 {
      color: color-mix(in oklab, var(--background)90%, transparent)
    }
  }

  .text-black {
    color: var(--color-black)
  }

  .text-blue-600,
  .text-blue-600\/80 {
    color: var(--blue-600)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-blue-600\/80 {
      color: color-mix(in oklab, var(--blue-600)80%, transparent)
    }
  }

  .text-blue-700 {
    color: var(--blue-700)
  }

  .text-blue-800 {
    color: var(--blue-800)
  }

  .text-blue-900 {
    color: var(--blue-900)
  }

  .text-border {
    color: var(--border)
  }

  .text-card-foreground {
    color: var(--card-foreground)
  }

  .text-current {
    color: currentColor
  }

  .text-destructive {
    color: var(--destructive)
  }

  .text-destructive-foreground {
    color: var(--destructive-foreground)
  }

  .text-destructive-foreground\! {
    color: var(--destructive-foreground) !important
  }

  .text-destructive-foreground\/65 {
    color: var(--destructive-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-destructive-foreground\/65 {
      color: color-mix(in oklab, var(--destructive-foreground)65%, transparent)
    }
  }

  .text-destructive-foreground\/80 {
    color: var(--destructive-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-destructive-foreground\/80 {
      color: color-mix(in oklab, var(--destructive-foreground)80%, transparent)
    }
  }

  .text-elevated {
    color: var(--elevated)
  }

  .text-emerald-600 {
    color: var(--color-emerald-600)
  }

  .text-foreground {
    color: var(--foreground)
  }

  .text-foreground\! {
    color: var(--foreground) !important
  }

  .text-foreground\/32 {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/32 {
      color: color-mix(in oklab, var(--foreground)32%, transparent)
    }
  }

  .text-foreground\/40 {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/40 {
      color: color-mix(in oklab, var(--foreground)40%, transparent)
    }
  }

  .text-foreground\/60 {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground)60%, transparent)
    }
  }

  .text-foreground\/65 {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/65 {
      color: color-mix(in oklab, var(--foreground)65%, transparent)
    }
  }

  .text-foreground\/70 {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/70 {
      color: color-mix(in oklab, var(--foreground)70%, transparent)
    }
  }

  .text-foreground\/75 {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/75 {
      color: color-mix(in oklab, var(--foreground)75%, transparent)
    }
  }

  .text-foreground\/80 {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--foreground)80%, transparent)
    }
  }

  .text-foreground\/90 {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-foreground\/90 {
      color: color-mix(in oklab, var(--foreground)90%, transparent)
    }
  }

  .text-gray-200 {
    color: var(--color-gray-200)
  }

  .text-gray-300 {
    color: var(--color-gray-300)
  }

  .text-gray-400 {
    color: var(--color-gray-400)
  }

  .text-gray-500 {
    color: var(--color-gray-500)
  }

  .text-gray-600 {
    color: var(--color-gray-600)
  }

  .text-gray-700 {
    color: var(--color-gray-700)
  }

  .text-gray-800 {
    color: var(--color-gray-800)
  }

  .text-gray-900 {
    color: var(--color-gray-900)
  }

  .text-green-500 {
    color: var(--green-500)
  }

  .text-green-600,
  .text-green-600\/60 {
    color: var(--green-600)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-green-600\/60 {
      color: color-mix(in oklab, var(--green-600)60%, transparent)
    }
  }

  .text-green-700 {
    color: var(--green-700)
  }

  .text-green-900 {
    color: var(--green-900)
  }

  .text-indigo-500 {
    color: var(--indigo-500)
  }

  .text-indigo-600,
  .text-indigo-600\/60 {
    color: var(--indigo-600)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-indigo-600\/60 {
      color: color-mix(in oklab, var(--indigo-600)60%, transparent)
    }
  }

  .text-indigo-800 {
    color: var(--indigo-800)
  }

  .text-inherit {
    color: inherit
  }

  .text-muted {
    color: var(--muted)
  }

  .text-muted-foreground {
    color: var(--muted-foreground)
  }

  .text-muted-foreground\! {
    color: var(--muted-foreground) !important
  }

  .text-muted-foreground\/20 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/20 {
      color: color-mix(in oklab, var(--muted-foreground)20%, transparent)
    }
  }

  .text-muted-foreground\/25 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/25 {
      color: color-mix(in oklab, var(--muted-foreground)25%, transparent)
    }
  }

  .text-muted-foreground\/30 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/30 {
      color: color-mix(in oklab, var(--muted-foreground)30%, transparent)
    }
  }

  .text-muted-foreground\/40 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/40 {
      color: color-mix(in oklab, var(--muted-foreground)40%, transparent)
    }
  }

  .text-muted-foreground\/50 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--muted-foreground)50%, transparent)
    }
  }

  .text-muted-foreground\/60 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/60 {
      color: color-mix(in oklab, var(--muted-foreground)60%, transparent)
    }
  }

  .text-muted-foreground\/64 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/64 {
      color: color-mix(in oklab, var(--muted-foreground)64%, transparent)
    }
  }

  .text-muted-foreground\/65 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/65 {
      color: color-mix(in oklab, var(--muted-foreground)65%, transparent)
    }
  }

  .text-muted-foreground\/70 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--muted-foreground)70%, transparent)
    }
  }

  .text-muted-foreground\/70\! {
    color: var(--muted-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/70\! {
      color: color-mix(in oklab, var(--muted-foreground)70%, transparent) !important
    }
  }

  .text-muted-foreground\/72 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/72 {
      color: color-mix(in oklab, var(--muted-foreground)72%, transparent)
    }
  }

  .text-muted-foreground\/75 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/75 {
      color: color-mix(in oklab, var(--muted-foreground)75%, transparent)
    }
  }

  .text-muted-foreground\/80 {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted-foreground\/80 {
      color: color-mix(in oklab, var(--muted-foreground)80%, transparent)
    }
  }

  .text-muted\/75 {
    color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted\/75 {
      color: color-mix(in oklab, var(--muted)75%, transparent)
    }
  }

  .text-muted\/80 {
    color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-muted\/80 {
      color: color-mix(in oklab, var(--muted)80%, transparent)
    }
  }

  .text-orange-500 {
    color: var(--orange-500)
  }

  .text-orange-600 {
    color: var(--orange-600)
  }

  .text-orange-800 {
    color: var(--orange-800)
  }

  .text-pink-200 {
    color: var(--pink-200)
  }

  .text-pink-300 {
    color: var(--pink-300)
  }

  .text-pink-400 {
    color: var(--pink-400)
  }

  .text-pink-500 {
    color: var(--pink-500)
  }

  .text-pink-600 {
    color: var(--pink-600)
  }

  .text-pink-700 {
    color: var(--pink-700)
  }

  .text-pink-800 {
    color: var(--pink-800)
  }

  .text-pink-900 {
    color: var(--pink-900)
  }

  .text-pink-950 {
    color: var(--pink-950)
  }

  .text-popover-foreground {
    color: var(--popover-foreground)
  }

  .text-primary {
    color: var(--primary)
  }

  .text-primary-foreground {
    color: var(--primary-foreground)
  }

  .text-purple-500 {
    color: var(--purple-500)
  }

  .text-purple-600 {
    color: var(--purple-600)
  }

  .text-purple-800 {
    color: var(--purple-800)
  }

  .text-red-500 {
    color: var(--color-red-500)
  }

  .text-red-600 {
    color: var(--color-red-600)
  }

  .text-red-700 {
    color: var(--color-red-700)
  }

  .text-rose-700 {
    color: var(--color-rose-700)
  }

  .text-rose-800 {
    color: var(--color-rose-800)
  }

  .text-secondary {
    color: var(--secondary)
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground)
  }

  .text-secondary-foreground\! {
    color: var(--secondary-foreground) !important
  }

  .text-select-foreground {
    color: var(--select-foreground)
  }

  .text-sidebar-accent-foreground {
    color: var(--sidebar-accent-foreground)
  }

  .text-sidebar-foreground,
  .text-sidebar-foreground\/70 {
    color: var(--sidebar-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-sidebar-foreground\/70 {
      color: color-mix(in oklab, var(--sidebar-foreground)70%, transparent)
    }
  }

  .text-sidebar-primary {
    color: var(--sidebar-primary)
  }

  .text-slate-600 {
    color: var(--color-slate-600)
  }

  .text-success {
    color: var(--success)
  }

  .text-success-foreground {
    color: var(--success-foreground)
  }

  .text-success-foreground\! {
    color: var(--success-foreground) !important
  }

  .text-teal-500 {
    color: var(--color-teal-500)
  }

  .text-teal-600 {
    color: var(--color-teal-600)
  }

  .text-transparent {
    color: #0000
  }

  .text-warning {
    color: var(--warning)
  }

  .text-warning-foreground {
    color: var(--warning-foreground)
  }

  .text-warning-foreground\! {
    color: var(--warning-foreground) !important
  }

  .text-white {
    color: var(--color-white)
  }

  .text-white\/56 {
    color: #ffffff8f
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/56 {
      color: color-mix(in oklab, var(--color-white)56%, transparent)
    }
  }

  .text-white\/75 {
    color: #ffffffbf
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white)75%, transparent)
    }
  }

  .text-white\/80 {
    color: #fffc
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white)80%, transparent)
    }
  }

  .text-yellow-500 {
    color: var(--color-yellow-500)
  }

  .\!normal-case {
    text-transform: none !important
  }

  .capitalize {
    text-transform: capitalize
  }

  .lowercase {
    text-transform: lowercase
  }

  .normal-case {
    text-transform: none
  }

  .uppercase {
    text-transform: uppercase
  }

  .italic {
    font-style: italic
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
  }

  .line-through {
    text-decoration-line: line-through
  }

  .underline {
    text-decoration-line: underline
  }

  .underline-offset-1 {
    text-underline-offset: 1px
  }

  .underline-offset-2 {
    text-underline-offset: 2px
  }

  .underline-offset-3 {
    text-underline-offset: 3px
  }

  .underline-offset-4 {
    text-underline-offset: 4px
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-10 {
    opacity: .1
  }

  .opacity-24 {
    opacity: .24
  }

  .opacity-25 {
    opacity: .25
  }

  .opacity-30 {
    opacity: .3
  }

  .opacity-40 {
    opacity: .4
  }

  .opacity-50 {
    opacity: .5
  }

  .opacity-60 {
    opacity: .6
  }

  .opacity-70 {
    opacity: .7
  }

  .opacity-75 {
    opacity: .75
  }

  .opacity-80 {
    opacity: .8
  }

  .opacity-90 {
    opacity: .9
  }

  .opacity-100 {
    opacity: 1
  }

  .opacity-\[32\%\] {
    opacity: .32
  }

  .opacity-\[64\%\] {
    opacity: .64
  }

  .opacity-\[72\%\] {
    opacity: .72
  }

  .\!shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
  }

  .shadow,
  .shadow-2xs {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-2xs {
    --tw-shadow: 0 1px var(--tw-shadow-color, #0000000d)
  }

  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)))
  }

  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\],
  .shadow-floating {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-floating {
    --tw-shadow: var(--shadow-floating)
  }

  .shadow-floating-sm {
    --tw-shadow: var(--shadow-floating-sm)
  }

  .shadow-floating-sm,
  .shadow-lg {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-md\! {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
  }

  .shadow-sm,
  .shadow-xl {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a)
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .\!ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
  }

  .ring,
  .ring-0 {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
  }

  .ring-0\! {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
  }

  .ring-1,
  .ring-2 {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
  }

  .ring-8 {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .\[box-shadow\:none\] {
    box-shadow: none
  }

  .\!ring-\[var\(--node-color-medium\)\] {
    --tw-ring-color: var(--node-color-medium) !important
  }

  .ring-\[var\(--landing-solution-marketing-dark\)\] {
    --tw-ring-color: var(--landing-solution-marketing-dark)
  }

  .ring-\[var\(--node-color-light\)\]\/50 {
    --tw-ring-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .ring-\[var\(--node-color-light\)\]\/50 {
      --tw-ring-color: color-mix(in oklab, var(--node-color-light)50%, transparent)
    }
  }

  .ring-accent-foreground {
    --tw-ring-color: var(--accent-foreground)
  }

  .ring-destructive {
    --tw-ring-color: var(--destructive)
  }

  .ring-destructive-foreground {
    --tw-ring-color: var(--destructive-foreground)
  }

  .ring-gray-300 {
    --tw-ring-color: var(--color-gray-300)
  }

  .ring-gray-900\/5 {
    --tw-ring-color: #1018280d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .ring-gray-900\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-900)5%, transparent)
    }
  }

  .ring-gray-900\/10 {
    --tw-ring-color: #1018281a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .ring-gray-900\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-900)10%, transparent)
    }
  }

  .ring-pink-200 {
    --tw-ring-color: var(--pink-200)
  }

  .ring-ring {
    --tw-ring-color: var(--ring)
  }

  .ring-sidebar-ring {
    --tw-ring-color: var(--sidebar-ring)
  }

  .ring-transparent {
    --tw-ring-color: transparent
  }

  .\!ring-offset-0 {
    --tw-ring-offset-width: 0px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color) !important
  }

  .ring-offset-0 {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .ring-offset-0\! {
    --tw-ring-offset-width: 0px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color) !important
  }

  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background)
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none
  }

  @media (forced-colors:active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .outline\! {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important
  }

  .outline-0 {
    outline-width: 0
  }

  .outline-0,
  .outline-2 {
    outline-style: var(--tw-outline-style)
  }

  .outline-2 {
    outline-width: 2px
  }

  .outline-4 {
    outline-width: 4px
  }

  .outline-4,
  .outline-5 {
    outline-style: var(--tw-outline-style)
  }

  .outline-5 {
    outline-width: 5px
  }

  .outline-6 {
    outline-style: var(--tw-outline-style);
    outline-width: 6px
  }

  .outline-offset-2 {
    outline-offset: 2px
  }

  .\!outline-\[var\(--node-color-medium\)\] {
    outline-color: var(--node-color-medium) !important
  }

  .outline-\[var\(--integration-page-color-medium\)\]\/30 {
    outline-color: var(--integration-page-color-medium)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-\[var\(--integration-page-color-medium\)\]\/30 {
      outline-color: color-mix(in oklab, var(--integration-page-color-medium)30%, transparent)
    }
  }

  .outline-\[var\(--integration-page-color-medium\)\]\/50 {
    outline-color: var(--integration-page-color-medium)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-\[var\(--integration-page-color-medium\)\]\/50 {
      outline-color: color-mix(in oklab, var(--integration-page-color-medium)50%, transparent)
    }
  }

  .outline-\[var\(--landing-solution-marketing-medium\)\]\/50 {
    outline-color: var(--landing-solution-marketing-medium)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-\[var\(--landing-solution-marketing-medium\)\]\/50 {
      outline-color: color-mix(in oklab, var(--landing-solution-marketing-medium)50%, transparent)
    }
  }

  .outline-\[var\(--node-color-dark\)\]\/50 {
    outline-color: var(--node-color-dark)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-\[var\(--node-color-dark\)\]\/50 {
      outline-color: color-mix(in oklab, var(--node-color-dark)50%, transparent)
    }
  }

  .outline-accent {
    outline-color: var(--accent)
  }

  .outline-accent-foreground,
  .outline-accent-foreground\/20 {
    outline-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-accent-foreground\/20 {
      outline-color: color-mix(in oklab, var(--accent-foreground)20%, transparent)
    }
  }

  .outline-amber-400\/10 {
    outline-color: var(--amber-400)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-amber-400\/10 {
      outline-color: color-mix(in oklab, var(--amber-400)10%, transparent)
    }
  }

  .outline-background {
    outline-color: var(--background)
  }

  .outline-background\! {
    outline-color: var(--background) !important
  }

  .outline-blue-600\/10 {
    outline-color: var(--blue-600)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-blue-600\/10 {
      outline-color: color-mix(in oklab, var(--blue-600)10%, transparent)
    }
  }

  .outline-border {
    outline-color: var(--border)
  }

  .outline-border\! {
    outline-color: var(--border) !important
  }

  .outline-foreground\/14 {
    outline-color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-foreground\/14 {
      outline-color: color-mix(in oklab, var(--foreground)14%, transparent)
    }
  }

  .outline-green-400\/20 {
    outline-color: var(--green-400)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-green-400\/20 {
      outline-color: color-mix(in oklab, var(--green-400)20%, transparent)
    }
  }

  .outline-indigo-400\/20 {
    outline-color: var(--indigo-400)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-indigo-400\/20 {
      outline-color: color-mix(in oklab, var(--indigo-400)20%, transparent)
    }
  }

  .outline-pink-100\/50 {
    outline-color: var(--pink-100)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-pink-100\/50 {
      outline-color: color-mix(in oklab, var(--pink-100)50%, transparent)
    }
  }

  .outline-pink-200\/30 {
    outline-color: var(--pink-200)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-pink-200\/30 {
      outline-color: color-mix(in oklab, var(--pink-200)30%, transparent)
    }
  }

  .outline-pink-800\/5 {
    outline-color: var(--pink-800)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-pink-800\/5 {
      outline-color: color-mix(in oklab, var(--pink-800)5%, transparent)
    }
  }

  .outline-purple-400\/10 {
    outline-color: var(--purple-400)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .outline-purple-400\/10 {
      outline-color: color-mix(in oklab, var(--purple-400)10%, transparent)
    }
  }

  .outline-success {
    outline-color: var(--success)
  }

  .blur {
    --tw-blur: blur(8px)
  }

  .blur,
  .blur-2xl {
    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(var(--blur-2xl))
  }

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl))
  }

  .blur-3xl,
  .blur-\[144px\] {
    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-\[144px\] {
    --tw-blur: blur(144px)
  }

  .blur-\[200px\] {
    --tw-blur: blur(200px)
  }

  .blur-\[200px\],
  .blur-md {
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .blur-md {
    --tw-blur: blur(var(--blur-md))
  }

  .blur-sm {
    --tw-blur: blur(var(--blur-sm))
  }

  .blur-sm,
  .blur-xl {
    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-xl {
    --tw-blur: blur(var(--blur-xl))
  }

  .brightness-75 {
    --tw-brightness: brightness(75%)
  }

  .brightness-75,
  .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, )
  }

  .brightness-95 {
    --tw-brightness: brightness(95%)
  }

  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm))
  }

  .drop-shadow-sm,
  .grayscale {
    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%)
  }

  .invert {
    --tw-invert: invert(100%)
  }

  .filter,
  .invert {
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px)
  }

  .backdrop-blur,
  .backdrop-blur-\[1px\] {
    -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-\[1px\] {
    --tw-backdrop-blur: blur(1px)
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md))
  }

  .backdrop-blur-md,
  .backdrop-blur-none {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
  }

  .backdrop-blur-none {
    --tw-backdrop-blur:
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm))
  }

  .backdrop-blur-sm,
  .backdrop-blur-xs {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
  }

  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs))
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[padding-right\,transform\] {
    transition-property: padding-right, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[padding\] {
    transition-property: padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[rotate\,color\] {
    transition-property: rotate, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[rotate\] {
    transition-property: rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[scale\] {
    transition-property: scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[transform\,border\,color\] {
    transition-property: transform, border, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[transform\] {
    transition-property: transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[translate\] {
    transition-property: translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[width\,height\,padding\,opacity\] {
    transition-property: width, height, padding, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[width\,height\] {
    transition-property: width, height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .\!transition-none {
    transition-property: none !important
  }

  .transition-none {
    transition-property: none
  }

  .transition-none\! {
    transition-property: none !important
  }

  .delay-100 {
    transition-delay: .1s
  }

  .\!duration-0 {
    --tw-duration: 0s !important;
    transition-duration: 0s !important
  }

  .duration-0 {
    --tw-duration: 0s;
    transition-duration: 0s
  }

  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s
  }

  .duration-160 {
    --tw-duration: .16s;
    transition-duration: .16s
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
  }

  .duration-400 {
    --tw-duration: .4s;
    transition-duration: .4s
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .duration-600 {
    --tw-duration: .6s;
    transition-duration: .6s
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in)
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out)
  }

  .\!outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important
  }

  .delay-100 {
    animation-delay: .1s
  }

  .fade-in-0 {
    --tw-enter-opacity: 0
  }

  .fade-out-0 {
    --tw-exit-opacity: 0
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none
  }

  .slide-in-from-bottom-10 {
    --tw-enter-translate-y: calc(.1*100%)
  }

  .slide-in-from-left-10 {
    --tw-enter-translate-x: calc(.1*-100%)
  }

  .\[--epr-active-category-label-bg-color\:rgba\(236\,72\,153\,0\.1\)\] {
    --epr-active-category-label-bg-color: #ec48991a
  }

  .\[--epr-active-category-label-color\:rgb\(236\,72\,153\)\] {
    --epr-active-category-label-color: #ec4899
  }

  .\[--epr-bg-color\:hsl\(var\(--background\)\)\] {
    --epr-bg-color: hsl(var(--background))
  }

  .\[--epr-category-label-bg-color\:hsl\(var\(--background\)\)\] {
    --epr-category-label-bg-color: hsl(var(--background))
  }

  .\[--epr-category-label-bg-color\:white\] {
    --epr-category-label-bg-color: #fff
  }

  .\[--epr-focus-bg-color\:hsl\(var\(--muted\)\)\] {
    --epr-focus-bg-color: hsl(var(--muted))
  }

  .\[--epr-focus-bg-color\:rgba\(236\,72\,153\,0\.1\)\] {
    --epr-focus-bg-color: #ec48991a
  }

  .\[--epr-highlight-color\:hsl\(var\(--foreground\)\)\] {
    --epr-highlight-color: hsl(var(--foreground))
  }

  .\[--epr-hover-bg-color\:hsl\(var\(--muted\)\)\] {
    --epr-hover-bg-color: hsl(var(--muted))
  }

  .\[--epr-hover-bg-color\:rgba\(236\,72\,153\,0\.1\)\] {
    --epr-hover-bg-color: #ec48991a
  }

  .\[--epr-picker-border-color\:hsl\(var\(--border\)\)\] {
    --epr-picker-border-color: hsl(var(--border))
  }

  .\[--epr-search-input-bg-color\:hsl\(var\(--muted\)\)\] {
    --epr-search-input-bg-color: hsl(var(--muted))
  }

  .\[--epr-text-color\:hsl\(var\(--muted-foreground\)\)\] {
    --epr-text-color: hsl(var(--muted-foreground))
  }

  .\[animation-delay\:0\.1s\] {
    animation-delay: .1s
  }

  .\[animation-delay\:0\.2s\] {
    animation-delay: .2s
  }

  .\[animation-delay\:0\.3s\] {
    animation-delay: .3s
  }

  .\[animation-delay\:0\.4s\] {
    animation-delay: .4s
  }

  .\[animation-delay\:0\.5s\] {
    animation-delay: .5s
  }

  .\[animation-delay\:0\.6s\] {
    animation-delay: .6s
  }

  .\[animation-delay\:0\.7s\] {
    animation-delay: .7s
  }

  .\[animation-delay\:0\.8s\] {
    animation-delay: .8s
  }

  .fade-in {
    --tw-enter-opacity: 0
  }

  .fade-out {
    --tw-exit-opacity: 0
  }

  .paused {
    animation-play-state: paused
  }

  .ring-inset {
    --tw-ring-inset: inset
  }

  .running {
    animation-play-state: running
  }

  .slide-in-from-bottom-2 {
    --tw-enter-translate-y: calc(2*var(--spacing))
  }

  .slide-in-from-bottom-4 {
    --tw-enter-translate-y: calc(4*var(--spacing))
  }

  .slide-in-from-left-\[200\%\] {
    --tw-enter-translate-x: calc(200%*-1)
  }

  .slide-in-from-left-full {
    --tw-enter-translate-x: calc(1*-100%)
  }

  .slide-in-from-right-\[200\%\] {
    --tw-enter-translate-x: 200%
  }

  .slide-in-from-right-full {
    --tw-enter-translate-x: calc(1*100%)
  }

  .slide-in-from-top-3\/4 {
    --tw-enter-translate-y: calc(3/4*-100%)
  }

  .zoom-in {
    --tw-enter-scale: 0
  }

  :is(.\*\: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, )
  }

  .not-last\:mb-4:not(:last-child) {
    margin-bottom: calc(var(--spacing)*4)
  }

  .not-first\:not-first-of-type\:rounded-2xl:not(:first-child):not(:first-of-type) {
    border-radius: var(--radius-2xl)
  }

  .not-focus-within\:border-none:not(:focus-within) {
    --tw-border-style: none;
    border-style: none
  }

  .not-focus-within\:pl-1:not(:focus-within) {
    padding-left: calc(var(--spacing)*1)
  }

  .group-focus-within\:block:is(:where(.group):focus-within *) {
    display: block
  }

  .group-focus-within\:border-muted-foreground\/64:is(:where(.group):focus-within *) {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .group-focus-within\:border-muted-foreground\/64:is(:where(.group):focus-within *) {
      border-color: color-mix(in oklab, var(--muted-foreground)64%, transparent)
    }
  }

  .group-focus-within\:fill-\[var\(--node-color-dark\)\]:is(:where(.group):focus-within *) {
    fill: var(--node-color-dark)
  }

  .group-focus-within\:text-\[var\(--node-color-dark\)\]:is(:where(.group):focus-within *) {
    color: var(--node-color-dark)
  }

  .group-focus-within\:\!ring-2:is(:where(.group):focus-within *) {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .group-focus-within\:ring-muted-foreground\/8:is(:where(.group):focus-within *) {
    --tw-ring-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .group-focus-within\:ring-muted-foreground\/8:is(:where(.group):focus-within *) {
      --tw-ring-color: color-mix(in oklab, var(--muted-foreground)8%, transparent)
    }
  }

  .group-focus-within\:ring-ring:is(:where(.group):focus-within *) {
    --tw-ring-color: var(--ring)
  }

  .group-focus-within\:ring-offset-0:is(:where(.group):focus-within *) {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .group-focus-within\:ring-offset-2:is(:where(.group):focus-within *) {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .group-focus-within\:ring-offset-background:is(:where(.group):focus-within *) {
    --tw-ring-offset-color: var(--background)
  }

  .group-focus-within\:outline-none:is(:where(.group):focus-within *) {
    --tw-outline-style: none;
    outline-style: none
  }

  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1
  }

  @media (hover:hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block
    }

    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex
    }

    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none
    }

    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing)*0);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing)*1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\:translate-x-2:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing)*2);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\:scale-x-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-hover\:animate-pulse:is(:where(.group):hover *) {
      animation: var(--animate-pulse)
    }

    .group-hover\:border-border:is(:where(.group):hover *) {
      border-color: var(--border)
    }

    .group-hover\:bg-\[var\(--landing-solution-marketing-medium\)\]:is(:where(.group):hover *) {
      background-color: var(--landing-solution-marketing-medium)
    }

    .group-hover\:bg-background:is(:where(.group):hover *) {
      background-color: var(--background)
    }

    .group-hover\:bg-muted\!:is(:where(.group):hover *) {
      background-color: var(--muted) !important
    }

    .group-hover\:bg-pink-50:is(:where(.group):hover *) {
      background-color: var(--pink-50)
    }

    .group-hover\:bg-pink-100:is(:where(.group):hover *) {
      background-color: var(--pink-100)
    }

    .group-hover\:fill-\[var\(--node-color-dark\)\]:is(:where(.group):hover *) {
      fill: var(--node-color-dark)
    }

    .group-hover\:text-\[var\(--node-color-dark\)\]:is(:where(.group):hover *) {
      color: var(--node-color-dark)
    }

    .group-hover\:text-destructive:is(:where(.group):hover *) {
      color: var(--destructive)
    }

    .group-hover\:text-foreground:is(:where(.group):hover *) {
      color: var(--foreground)
    }

    .group-hover\:text-inherit:is(:where(.group):hover *) {
      color: inherit
    }

    .group-hover\:text-muted-foreground:is(:where(.group):hover *) {
      color: var(--muted-foreground)
    }

    .group-hover\:text-pink-500:is(:where(.group):hover *) {
      color: var(--pink-500)
    }

    .group-hover\:text-pink-800\!:is(:where(.group):hover *) {
      color: var(--pink-800) !important
    }

    .group-hover\:text-purple-800\!:is(:where(.group):hover *) {
      color: var(--purple-800) !important
    }

    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white)
    }

    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0
    }

    .group-hover\:opacity-80:is(:where(.group):hover *) {
      opacity: .8
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1
    }

    .group-hover\:outline:is(:where(.group):hover *) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px
    }

    .group-hover\/action-feed-block-content\:flex:is(:where(.group\/action-feed-block-content):hover *),
    .group-hover\/action-feed-block-header\:flex:is(:where(.group\/action-feed-block-header):hover *) {
      display: flex
    }

    .group-hover\/action-feed-block-header\:hidden:is(:where(.group\/action-feed-block-header):hover *) {
      display: none
    }

    .group-hover\/action-item\:text-inherit:is(:where(.group\/action-item):hover *) {
      color: inherit
    }

    .group-hover\/badge\:block:is(:where(.group\/badge):hover *) {
      display: block
    }

    .group-hover\/badge\:hidden:is(:where(.group\/badge):hover *) {
      display: none
    }

    .group-hover\/banner-link\:translate-x-1:is(:where(.group\/banner-link):hover *) {
      --tw-translate-x: calc(var(--spacing)*1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\/banner-link\:no-underline:is(:where(.group\/banner-link):hover *) {
      text-decoration-line: none
    }

    .group-hover\/banner-link\:opacity-100:is(:where(.group\/banner-link):hover *) {
      opacity: 1
    }

    .group-hover\/card\:scale-105:is(:where(.group\/card):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-hover\/card\:bg-muted\/50:is(:where(.group\/card):hover *) {
      background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .group-hover\/card\:bg-muted\/50:is(:where(.group\/card):hover *) {
        background-color: color-mix(in oklab, var(--muted)50%, transparent)
      }
    }

    .group-hover\/card\:underline:is(:where(.group\/card):hover *) {
      text-decoration-line: underline
    }

    .group-hover\/card\:shadow-sm:is(:where(.group\/card):hover *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-hover\/checklist-item\:visible:is(:where(.group\/checklist-item):hover *) {
      visibility: visible
    }

    .group-hover\/checklist-item\:flex:is(:where(.group\/checklist-item):hover *) {
      display: flex
    }

    .group-hover\/checklist-item\:bg-background:is(:where(.group\/checklist-item):hover *) {
      background-color: var(--background)
    }

    .group-hover\/checklist-item\:text-accent-foreground:is(:where(.group\/checklist-item):hover *) {
      color: var(--accent-foreground)
    }

    .group-hover\/collapsible-trigger\:flex:is(:where(.group\/collapsible-trigger):hover *) {
      display: flex
    }

    .group-hover\/copy-link\:opacity-100:is(:where(.group\/copy-link):hover *) {
      opacity: 1
    }

    .group-hover\/cta-button\:translate-x-1:is(:where(.group\/cta-button):hover *) {
      --tw-translate-x: calc(var(--spacing)*1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\/cta-button\:opacity-100:is(:where(.group\/cta-button):hover *) {
      opacity: 1
    }

    .group-hover\/declaration-item\:block:is(:where(.group\/declaration-item):hover *) {
      display: block
    }

    .group-hover\/declaration-item\:hidden:is(:where(.group\/declaration-item):hover *) {
      display: none
    }

    .group-hover\/declaration-item\:bg-destructive:is(:where(.group\/declaration-item):hover *) {
      background-color: var(--destructive)
    }

    .group-hover\/declaration-item\:text-destructive-foreground:is(:where(.group\/declaration-item):hover *) {
      color: var(--destructive-foreground)
    }

    .group-hover\/flowbook-template\:translate-x-1:is(:where(.group\/flowbook-template):hover *) {
      --tw-translate-x: calc(var(--spacing)*1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\/flowbook-template\:gap-3:is(:where(.group\/flowbook-template):hover *) {
      gap: calc(var(--spacing)*3)
    }

    .group-hover\/flowbook-template\:border-pink-200:is(:where(.group\/flowbook-template):hover *),
    :where(.group-hover\/flowbook-template\:divide-pink-200:is(:where(.group\/flowbook-template):hover *)>:not(:last-child)) {
      border-color: var(--pink-200)
    }

    .group-hover\/flowbook-template\:bg-pink-50:is(:where(.group\/flowbook-template):hover *) {
      background-color: var(--pink-50)
    }

    .group-hover\/flowbook-template\:px-5:is(:where(.group\/flowbook-template):hover *) {
      padding-inline: calc(var(--spacing)*5)
    }

    .group-hover\/flowbook-template\:text-pink-600:is(:where(.group\/flowbook-template):hover *) {
      color: var(--pink-600)
    }

    .group-hover\/flowbook-template\:opacity-100:is(:where(.group\/flowbook-template):hover *) {
      opacity: 1
    }

    .group-hover\/icon\:flex:is(:where(.group\/icon):hover *) {
      display: flex
    }

    .group-hover\/icon\:hidden:is(:where(.group\/icon):hover *) {
      display: none
    }

    .group-hover\/icon-upload\:flex:is(:where(.group\/icon-upload):hover *),
    .group-hover\/image-preview\:flex:is(:where(.group\/image-preview):hover *) {
      display: flex
    }

    .group-hover\/image-preview\:mask-b-from-100\%:is(:where(.group\/image-preview):hover *) {
      -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
      --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color)var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color)var(--tw-mask-bottom-to-position));
      --tw-mask-bottom-from-position: 100%;
      -webkit-mask-composite: source-in;
      mask-composite: intersect
    }

    .group-hover\/image-preview\:opacity-100:is(:where(.group\/image-preview):hover *) {
      opacity: 1
    }

    .group-hover\/job-listing\:-translate-x-1:is(:where(.group\/job-listing):hover *) {
      --tw-translate-x: calc(var(--spacing)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\/job-listing\:text-accent-foreground:is(:where(.group\/job-listing):hover *) {
      color: var(--accent-foreground)
    }

    .group-hover\/mcp-directory-grid-item\:translate-x-1:is(:where(.group\/mcp-directory-grid-item):hover *) {
      --tw-translate-x: calc(var(--spacing)*1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1
    }

    .group-hover\/multiselect-row\:border-transparent:is(:where(.group\/multiselect-row):hover *) {
      border-color: #0000
    }

    .group-hover\/multiselect-row\:bg-transparent:is(:where(.group\/multiselect-row):hover *) {
      background-color: #0000
    }

    .group-hover\/multiselect-row\:opacity-0:is(:where(.group\/multiselect-row):hover *) {
      opacity: 0
    }

    .group-hover\/multiselect-row\:opacity-100:is(:where(.group\/multiselect-row):hover *) {
      opacity: 1
    }

    .group-hover\/node-item\:text-foreground:is(:where(.group\/node-item):hover *) {
      color: var(--foreground)
    }

    .group-hover\/output-item\:flex:is(:where(.group\/output-item):hover *) {
      display: flex
    }

    .group-hover\/reasoning-trigger\:block:is(:where(.group\/reasoning-trigger):hover *) {
      display: block
    }

    .group-hover\/reasoning-trigger\:hidden:is(:where(.group\/reasoning-trigger):hover *) {
      display: none
    }

    .group-hover\/remove-dynamic-parameter\:block:is(:where(.group\/remove-dynamic-parameter):hover *) {
      display: block
    }

    .group-hover\/remove-dynamic-parameter\:hidden:is(:where(.group\/remove-dynamic-parameter):hover *) {
      display: none
    }

    .group-hover\/row\:bg-muted\/50:is(:where(.group\/row):hover *) {
      background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .group-hover\/row\:bg-muted\/50:is(:where(.group\/row):hover *) {
        background-color: color-mix(in oklab, var(--muted)50%, transparent)
      }
    }

    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
      opacity: 1
    }

    .group-hover\/submit\:flex:is(:where(.group\/submit):hover *) {
      display: flex
    }

    .group-hover\/submit\:translate-x-1:is(:where(.group\/submit):hover *) {
      --tw-translate-x: calc(var(--spacing)*1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-hover\/submit\:opacity-100:is(:where(.group\/submit):hover *) {
      opacity: 1
    }

    .group-hover\/table-row\:border-border:is(:where(.group\/table-row):hover *) {
      border-color: var(--border)
    }

    .group-hover\/table-row\:bg-background:is(:where(.group\/table-row):hover *) {
      background-color: var(--background)
    }

    .group-hover\/table-row\:bg-elevated:is(:where(.group\/table-row):hover *) {
      background-color: var(--elevated)
    }

    .group-hover\/table-row\:bg-transparent:is(:where(.group\/table-row):hover *) {
      background-color: #0000
    }

    .group-hover\/table-row\:text-foreground:is(:where(.group\/table-row):hover *) {
      color: var(--foreground)
    }

    .group-hover\/table-row\:outline-1:is(:where(.group\/table-row):hover *) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px
    }

    .group-hover\/toggle-group-item\:rotate-45:is(:where(.group\/toggle-group-item):hover *) {
      rotate: 45deg
    }

    .group-hover\/toggle-group-item\:animate-spin-slow:is(:where(.group\/toggle-group-item):hover *) {
      animation: var(--animation-spin-slow)
    }

    .group-hover\/trigger-card\:block:is(:where(.group\/trigger-card):hover *) {
      display: block
    }

    .group-hover\/trigger-card\:hidden:is(:where(.group\/trigger-card):hover *) {
      display: none
    }
  }

  .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *) {
    padding-right: calc(var(--spacing)*8)
  }

  .group-data-\[active\=true\]\:text-\[var\(--node-color-dark\)\]:is(:where(.group)[data-active=true] *) {
    color: var(--node-color-dark)
  }

  .group-data-\[checked\=false\]\/month-item\:text-muted-foreground:is(:where(.group\/month-item)[data-checked=false] *) {
    color: var(--muted-foreground)
  }

  .group-data-\[checked\=false\]\/week-day-item\:border-dashed:is(:where(.group\/week-day-item)[data-checked=false] *) {
    --tw-border-style: dashed;
    border-style: dashed
  }

  .group-data-\[checked\=false\]\/week-day-item\:border-muted-foreground\/25:is(:where(.group\/week-day-item)[data-checked=false] *) {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .group-data-\[checked\=false\]\/week-day-item\:border-muted-foreground\/25:is(:where(.group\/week-day-item)[data-checked=false] *) {
      border-color: color-mix(in oklab, var(--muted-foreground)25%, transparent)
    }
  }

  .group-data-\[checked\=false\]\/week-day-item\:text-muted-foreground:is(:where(.group\/week-day-item)[data-checked=false] *) {
    color: var(--muted-foreground)
  }

  .group-data-\[checked\=true\]\/month-item\:border-transparent:is(:where(.group\/month-item)[data-checked=true] *) {
    border-color: #0000
  }

  .group-data-\[checked\=true\]\/month-item\:bg-accent-foreground\/10:is(:where(.group\/month-item)[data-checked=true] *) {
    background-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .group-data-\[checked\=true\]\/month-item\:bg-accent-foreground\/10:is(:where(.group\/month-item)[data-checked=true] *) {
      background-color: color-mix(in oklab, var(--accent-foreground)10%, transparent)
    }
  }

  .group-data-\[checked\=true\]\/month-item\:text-accent-foreground:is(:where(.group\/month-item)[data-checked=true] *) {
    color: var(--accent-foreground)
  }

  .group-data-\[checked\=true\]\/week-day-item\:bg-accent-foreground:is(:where(.group\/week-day-item)[data-checked=true] *) {
    background-color: var(--accent-foreground)
  }

  .group-data-\[checked\=true\]\/week-day-item\:text-background:is(:where(.group\/week-day-item)[data-checked=true] *) {
    color: var(--background)
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *) {
    margin-top: calc(var(--spacing)*-8)
  }

  .group-data-\[collapsible\=icon\]\:\!hidden:is(:where(.group)[data-collapsible=icon] *) {
    display: none !important
  }

  .group-data-\[collapsible\=icon\]\:block:is(:where(.group)[data-collapsible=icon] *) {
    display: block
  }

  .group-data-\[collapsible\=icon\]\:flex:is(:where(.group)[data-collapsible=icon] *) {
    display: flex
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *) {
    display: none
  }

  .group-data-\[collapsible\=icon\]\:\!size-7:is(:where(.group)[data-collapsible=icon] *) {
    width: calc(var(--spacing)*7) !important;
    height: calc(var(--spacing)*7) !important
  }

  .group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible=icon] *) {
    width: calc(var(--spacing)*8) !important;
    height: calc(var(--spacing)*8) !important
  }

  .group-data-\[collapsible\=icon\]\:size-7:is(:where(.group)[data-collapsible=icon] *) {
    width: calc(var(--spacing)*7);
    height: calc(var(--spacing)*7)
  }

  .group-data-\[collapsible\=icon\]\:\!w-fit:is(:where(.group)[data-collapsible=icon] *) {
    width: fit-content !important
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible=icon] *) {
    width: calc(var(--sidebar-width-icon) + 1rem)
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible=icon] *) {
    width: calc(var(--sidebar-width-icon) + 1rem + 2px)
  }

  .group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *) {
    width: var(--sidebar-width-icon)
  }

  .group-data-\[collapsible\=icon\]\:\!gap-0:is(:where(.group)[data-collapsible=icon] *) {
    gap: calc(var(--spacing)*0) !important
  }

  .group-data-\[collapsible\=icon\]\:gap-0:is(:where(.group)[data-collapsible=icon] *) {
    gap: calc(var(--spacing)*0)
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *) {
    overflow: hidden
  }

  .group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible=icon] *) {
    padding: calc(var(--spacing)*0) !important
  }

  .group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible=icon] *) {
    padding: calc(var(--spacing)*2) !important
  }

  .group-data-\[collapsible\=icon\]\:p-0:is(:where(.group)[data-collapsible=icon] *) {
    padding: calc(var(--spacing)*0)
  }

  .group-data-\[collapsible\=icon\]\:\!px-2:is(:where(.group)[data-collapsible=icon] *) {
    padding-inline: calc(var(--spacing)*2) !important
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *) {
    opacity: 0
  }

  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) {
    right: calc(var(--sidebar-width)*-1)
  }

  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) {
    left: calc(var(--sidebar-width)*-1)
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *) {
    width: calc(var(--spacing)*0)
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *) {
    --tw-translate-x: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .group-data-\[disabled\=true\]\/checklist-item\:opacity-50:is(:where(.group\/checklist-item)[data-disabled=true] *) {
    opacity: .5
  }

  .group-data-\[isLoading\=true\]\:opacity-0:is(:where(.group)[data-isLoading=true] *) {
    opacity: 0
  }

  .group-data-\[placeholder\]\:hidden:is(:where(.group)[data-placeholder] *) {
    display: none
  }

  .group-data-\[placeholder\]\:opacity-0:is(:where(.group)[data-placeholder] *) {
    opacity: 0
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *) {
    right: calc(var(--spacing)*-4)
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *) {
    left: calc(var(--spacing)*0)
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *) {
    rotate: 180deg
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
  }

  .group-data-\[state\=on\]\:size-2:is(:where(.group)[data-state=on] *) {
    width: calc(var(--spacing)*2);
    height: calc(var(--spacing)*2)
  }

  .group-data-\[state\=on\]\:bg-\[var\(--tier-color-medium\)\]:is(:where(.group)[data-state=on] *) {
    background-color: var(--tier-color-medium)
  }

  .group-data-\[state\=open\]\:rotate-90:is(:where(.group)[data-state=open] *) {
    rotate: 90deg
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
    rotate: 180deg
  }

  .group-data-\[state\=open\]\/category-collapsible\:rotate-90:is(:where(.group\/category-collapsible)[data-state=open] *),
  .group-data-\[state\=open\]\/collapsible-trigger\:rotate-90:is(:where(.group\/collapsible-trigger)[data-state=open] *),
  .group-data-\[state\=open\]\/collapsible\:rotate-90:is(:where(.group\/collapsible)[data-state=open] *) {
    rotate: 90deg
  }

  .group-data-\[state\=open\]\/popover-trigger\:-rotate-180:is(:where(.group\/popover-trigger)[data-state=open] *) {
    rotate: -180deg
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *) {
    border-radius: var(--radius)
  }

  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *) {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *) {
    border-color: var(--sidebar-border)
  }

  .group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant=floating] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    top: 100%
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    margin-top: calc(var(--spacing)*1.5)
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    overflow: hidden
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    border-radius: calc(var(--radius) - 2px)
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    background-color: var(--popover)
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    color: var(--popover-foreground)
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
    --tw-duration: .2s;
    transition-duration: .2s
  }

  .group-\[\.toast\]\:flex:is(:where(.group).toast *) {
    display: flex
  }

  .group-\[\.toast\]\:flex-col:is(:where(.group).toast *) {
    flex-direction: column
  }

  .group-\[\.toast\]\:gap-3:is(:where(.group).toast *) {
    gap: calc(var(--spacing)*3)
  }

  .group-\[\.toast\]\:bg-muted:is(:where(.group).toast *) {
    background-color: var(--muted)
  }

  .group-\[\.toast\]\:bg-primary:is(:where(.group).toast *) {
    background-color: var(--primary)
  }

  .group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *) {
    color: var(--muted-foreground)
  }

  .group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *) {
    color: var(--primary-foreground)
  }

  .group-\[\.toaster\]\:border-border:is(:where(.group).toaster *) {
    border-color: var(--border)
  }

  .group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *) {
    background-color: var(--background)
  }

  .group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) {
    color: var(--foreground)
  }

  .group-\[\.toaster\]\:\!shadow-sm:is(:where(.group).toaster *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  @media (hover:hover) {
    .peer-hover\:bg-accent:is(:where(.peer):hover~*) {
      background-color: var(--accent)
    }

    .peer-hover\:text-accent-foreground:is(:where(.peer):hover~*) {
      color: var(--accent-foreground)
    }

    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*) {
      color: var(--sidebar-accent-foreground)
    }
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
    cursor: not-allowed
  }

  .peer-disabled\:opacity-70:is(:where(.peer):disabled~*) {
    opacity: .7
  }

  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*) {
    color: var(--sidebar-accent-foreground)
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*) {
    top: calc(var(--spacing)*1.5)
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*) {
    top: calc(var(--spacing)*2.5)
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*) {
    top: calc(var(--spacing)*1)
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground)
  }

  .placeholder\:text-gray-400::placeholder {
    color: var(--color-gray-400)
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground)
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute
  }

  .before\:-inset-x-10:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing)*-10)
  }

  .before\:-inset-y-4:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing)*-4)
  }

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

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e+38px
  }

  .before\:content-\[\"\"\]:before {
    --tw-content: "";
    content: var(--tw-content)
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing)*-2)
  }

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

  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing)*0)
  }

  .after\:-bottom-1:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing)*-1)
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing)*0)
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%
  }

  .after\:h-0\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing)*.5)
  }

  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e+38px
  }

  .after\:bg-\[var\(--current-tier-color\)\]:after {
    content: var(--tw-content);
    background-color: var(--current-tier-color)
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after {
    content: var(--tw-content);
    left: 100%
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing)*0)
  }

  .first\:before\:pointer-events-none:first-child:before {
    content: var(--tw-content);
    pointer-events: none
  }

  .first\:before\:float-left:first-child:before {
    content: var(--tw-content);
    float: left
  }

  .first\:before\:h-0:first-child:before {
    content: var(--tw-content);
    height: calc(var(--spacing)*0)
  }

  .first\:before\:opacity-40:first-child:before {
    content: var(--tw-content);
    opacity: .4
  }

  .first\:before\:opacity-80:first-child:before {
    content: var(--tw-content);
    opacity: .8
  }

  .first\:before\:content-\[attr\(data-placeholder\)\]:first-child:before {
    --tw-content: attr(data-placeholder);
    content: var(--tw-content)
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  .focus-within\:relative:focus-within {
    position: relative
  }

  .focus-within\:border:focus-within {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .focus-within\:border-muted-foreground\/64:focus-within {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:border-muted-foreground\/64:focus-within {
      border-color: color-mix(in oklab, var(--muted-foreground)64%, transparent)
    }
  }

  .focus-within\:bg-\[var\(--node-color-light\)\]\/25:focus-within {
    background-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:bg-\[var\(--node-color-light\)\]\/25:focus-within {
      background-color: color-mix(in oklab, var(--node-color-light)25%, transparent)
    }
  }

  .focus-within\:bg-background:focus-within {
    background-color: var(--background)
  }

  .focus-within\:bg-blue-100\/70:focus-within {
    background-color: var(--blue-100)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:bg-blue-100\/70:focus-within {
      background-color: color-mix(in oklab, var(--blue-100)70%, transparent)
    }
  }

  .focus-within\:bg-muted\/50:focus-within {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:bg-muted\/50:focus-within {
      background-color: color-mix(in oklab, var(--muted)50%, transparent)
    }
  }

  .focus-within\:bg-muted\/70:focus-within {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:bg-muted\/70:focus-within {
      background-color: color-mix(in oklab, var(--muted)70%, transparent)
    }
  }

  .focus-within\:bg-pink-50\/70:focus-within {
    background-color: var(--pink-50)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:bg-pink-50\/70:focus-within {
      background-color: color-mix(in oklab, var(--pink-50)70%, transparent)
    }
  }

  .focus-within\:bg-success\/70:focus-within {
    background-color: var(--success)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:bg-success\/70:focus-within {
      background-color: color-mix(in oklab, var(--success)70%, transparent)
    }
  }

  .focus-within\:px-3:focus-within {
    padding-inline: calc(var(--spacing)*3)
  }

  .focus-within\:pl-2:focus-within {
    padding-left: calc(var(--spacing)*2)
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus-within\:ring-accent-foreground:focus-within {
    --tw-ring-color: var(--accent-foreground)
  }

  .focus-within\:ring-destructive-foreground:focus-within {
    --tw-ring-color: var(--destructive-foreground)
  }

  .focus-within\:ring-indigo-500:focus-within {
    --tw-ring-color: var(--indigo-500)
  }

  .focus-within\:ring-muted-foreground\/8:focus-within {
    --tw-ring-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-within\:ring-muted-foreground\/8:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--muted-foreground)8%, transparent)
    }
  }

  .focus-within\:ring-ring:focus-within {
    --tw-ring-color: var(--ring)
  }

  .focus-within\:ring-offset-0:focus-within {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .focus-within\:outline-none:focus-within {
    --tw-outline-style: none;
    outline-style: none
  }

  @media (hover:hover) {
    .hover\:z-20:hover {
      z-index: 20
    }

    .hover\:\!h-fit:hover {
      height: fit-content !important
    }

    .hover\:w-fit:hover {
      width: fit-content
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .hover\:cursor-grab:hover {
      cursor: grab
    }

    .hover\:border:hover {
      border-style: var(--tw-border-style);
      border-width: 1px
    }

    .hover\:\!border-pink-400:hover {
      border-color: var(--pink-400) !important
    }

    .hover\:border-\[\#f06293\]:hover {
      border-color: #f06293
    }

    .hover\:border-\[var\(--landing-solution-marketing-medium\)\]:hover {
      border-color: var(--landing-solution-marketing-medium)
    }

    .hover\:border-accent-foreground\/10:hover {
      border-color: var(--accent-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-accent-foreground\/10:hover {
        border-color: color-mix(in oklab, var(--accent-foreground)10%, transparent)
      }
    }

    .hover\:border-blue-200:hover {
      border-color: var(--blue-200)
    }

    .hover\:border-border:hover,
    .hover\:border-border\/75:hover {
      border-color: var(--border)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-border\/75:hover {
        border-color: color-mix(in oklab, var(--border)75%, transparent)
      }
    }

    .hover\:border-destructive-foreground\/10:hover {
      border-color: var(--destructive-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-destructive-foreground\/10:hover {
        border-color: color-mix(in oklab, var(--destructive-foreground)10%, transparent)
      }
    }

    .hover\:border-foreground\/30:hover {
      border-color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-foreground\/30:hover {
        border-color: color-mix(in oklab, var(--foreground)30%, transparent)
      }
    }

    .hover\:border-gray-200:hover {
      border-color: var(--color-gray-200)
    }

    .hover\:border-green-200:hover {
      border-color: var(--green-200)
    }

    .hover\:border-orange-200:hover {
      border-color: var(--orange-200)
    }

    .hover\:border-pink-200:hover {
      border-color: var(--pink-200)
    }

    .hover\:border-pink-500:hover {
      border-color: var(--pink-500)
    }

    .hover\:border-purple-200:hover {
      border-color: var(--purple-200)
    }

    .hover\:border-red-200:hover {
      border-color: var(--color-red-200)
    }

    .hover\:border-success-foreground\/10:hover {
      border-color: var(--success-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-success-foreground\/10:hover {
        border-color: color-mix(in oklab, var(--success-foreground)10%, transparent)
      }
    }

    .hover\:border-success-foreground\/20:hover {
      border-color: var(--success-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-success-foreground\/20:hover {
        border-color: color-mix(in oklab, var(--success-foreground)20%, transparent)
      }
    }

    .hover\:border-yellow-200:hover {
      border-color: var(--color-yellow-200)
    }

    .hover\:\!bg-\[var\(--node-color-medium\)\]\/20:hover {
      background-color: var(--node-color-medium) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:\!bg-\[var\(--node-color-medium\)\]\/20:hover {
        background-color: color-mix(in oklab, var(--node-color-medium)20%, transparent) !important
      }
    }

    .hover\:bg-\[var\(--landing-solution-marketing-medium\)\]:hover {
      background-color: var(--landing-solution-marketing-medium)
    }

    .hover\:bg-\[var\(--node-color-light\)\]\/12:hover {
      background-color: var(--node-color-light)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--node-color-light\)\]\/12:hover {
        background-color: color-mix(in oklab, var(--node-color-light)12%, transparent)
      }
    }

    .hover\:bg-\[var\(--node-color-light\)\]\/25:hover {
      background-color: var(--node-color-light)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--node-color-light\)\]\/25:hover {
        background-color: color-mix(in oklab, var(--node-color-light)25%, transparent)
      }
    }

    .hover\:bg-\[var\(--node-color-light\)\]\/30:hover {
      background-color: var(--node-color-light)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--node-color-light\)\]\/30:hover {
        background-color: color-mix(in oklab, var(--node-color-light)30%, transparent)
      }
    }

    .hover\:bg-\[var\(--node-color-light\)\]\/50:hover {
      background-color: var(--node-color-light)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--node-color-light\)\]\/50:hover {
        background-color: color-mix(in oklab, var(--node-color-light)50%, transparent)
      }
    }

    .hover\:bg-accent:hover {
      background-color: var(--accent)
    }

    .hover\:bg-accent-foreground\/10:hover {
      background-color: var(--accent-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-accent-foreground\/10:hover {
        background-color: color-mix(in oklab, var(--accent-foreground)10%, transparent)
      }
    }

    .hover\:bg-accent\/90:hover {
      background-color: var(--accent)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-accent\/90:hover {
        background-color: color-mix(in oklab, var(--accent)90%, transparent)
      }
    }

    .hover\:bg-background:hover,
    .hover\:bg-background\/20:hover {
      background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-background\/20:hover {
        background-color: color-mix(in oklab, var(--background)20%, transparent)
      }
    }

    .hover\:bg-background\/80:hover {
      background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-background\/80:hover {
        background-color: color-mix(in oklab, var(--background)80%, transparent)
      }
    }

    .hover\:bg-blue-50:hover {
      background-color: var(--blue-50)
    }

    .hover\:bg-blue-100:hover,
    .hover\:bg-blue-100\/70:hover {
      background-color: var(--blue-100)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-blue-100\/70:hover {
        background-color: color-mix(in oklab, var(--blue-100)70%, transparent)
      }
    }

    .hover\:bg-current\/10:hover {
      background-color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-current\/10:hover {
        background-color: color-mix(in oklab, currentcolor 10%, transparent)
      }
    }

    .hover\:bg-destructive:hover {
      background-color: var(--destructive)
    }

    .hover\:bg-destructive\!:hover {
      background-color: var(--destructive) !important
    }

    .hover\:bg-destructive-foreground:hover {
      background-color: var(--destructive-foreground)
    }

    .hover\:bg-destructive\/10:hover {
      background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/10:hover {
        background-color: color-mix(in oklab, var(--destructive)10%, transparent)
      }
    }

    .hover\:bg-destructive\/80:hover {
      background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/80:hover {
        background-color: color-mix(in oklab, var(--destructive)80%, transparent)
      }
    }

    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive)90%, transparent)
      }
    }

    .hover\:bg-elevated:hover {
      background-color: var(--elevated)
    }

    .hover\:bg-foreground\/20:hover {
      background-color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/20:hover {
        background-color: color-mix(in oklab, var(--foreground)20%, transparent)
      }
    }

    .hover\:bg-foreground\/80:hover {
      background-color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-foreground\/80:hover {
        background-color: color-mix(in oklab, var(--foreground)80%, transparent)
      }
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50)
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100)
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200)
    }

    .hover\:bg-gray-700:hover {
      background-color: var(--color-gray-700)
    }

    .hover\:bg-gray-800:hover {
      background-color: var(--color-gray-800)
    }

    .hover\:bg-green-50:hover {
      background-color: var(--green-50)
    }

    .hover\:bg-green-100:hover {
      background-color: var(--green-100)
    }

    .hover\:bg-muted:hover {
      background-color: var(--muted)
    }

    .hover\:bg-muted\!:hover {
      background-color: var(--muted) !important
    }

    .hover\:bg-muted-foreground\/5:hover {
      background-color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted-foreground\/5:hover {
        background-color: color-mix(in oklab, var(--muted-foreground)5%, transparent)
      }
    }

    .hover\:bg-muted-foreground\/10:hover {
      background-color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted-foreground\/10:hover {
        background-color: color-mix(in oklab, var(--muted-foreground)10%, transparent)
      }
    }

    .hover\:bg-muted\/10:hover {
      background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted\/10:hover {
        background-color: color-mix(in oklab, var(--muted)10%, transparent)
      }
    }

    .hover\:bg-muted\/30:hover {
      background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted\/30:hover {
        background-color: color-mix(in oklab, var(--muted)30%, transparent)
      }
    }

    .hover\:bg-muted\/50:hover {
      background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted)50%, transparent)
      }
    }

    .hover\:bg-muted\/50\!:hover {
      background-color: var(--muted) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50\!:hover {
        background-color: color-mix(in oklab, var(--muted)50%, transparent) !important
      }
    }

    .hover\:bg-muted\/70:hover {
      background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted\/70:hover {
        background-color: color-mix(in oklab, var(--muted)70%, transparent)
      }
    }

    .hover\:bg-muted\/80:hover {
      background-color: var(--muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-muted\/80:hover {
        background-color: color-mix(in oklab, var(--muted)80%, transparent)
      }
    }

    .hover\:bg-orange-50:hover {
      background-color: var(--orange-50)
    }

    .hover\:bg-orange-100:hover {
      background-color: var(--orange-100)
    }

    .hover\:bg-pink-50:hover,
    .hover\:bg-pink-50\/70:hover {
      background-color: var(--pink-50)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-pink-50\/70:hover {
        background-color: color-mix(in oklab, var(--pink-50)70%, transparent)
      }
    }

    .hover\:bg-pink-100:hover {
      background-color: var(--pink-100)
    }

    .hover\:bg-pink-100\!:hover {
      background-color: var(--pink-100) !important
    }

    .hover\:bg-pink-200:hover {
      background-color: var(--pink-200)
    }

    .hover\:bg-pink-300:hover {
      background-color: var(--pink-300)
    }

    .hover\:bg-pink-700:hover {
      background-color: var(--pink-700)
    }

    .hover\:bg-purple-50:hover {
      background-color: var(--purple-50)
    }

    .hover\:bg-purple-900\!:hover {
      background-color: var(--purple-900) !important
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50)
    }

    .hover\:bg-red-100:hover {
      background-color: var(--color-red-100)
    }

    .hover\:bg-secondary\/80:hover {
      background-color: var(--secondary)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--secondary)80%, transparent)
      }
    }

    .hover\:bg-select-muted\/50:hover {
      background-color: var(--select-muted)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-select-muted\/50:hover {
        background-color: color-mix(in oklab, var(--select-muted)50%, transparent)
      }
    }

    .hover\:bg-sidebar-accent:hover {
      background-color: var(--sidebar-accent)
    }

    .hover\:bg-sidebar-primary\/70:hover {
      background-color: var(--sidebar-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-sidebar-primary\/70:hover {
        background-color: color-mix(in oklab, var(--sidebar-primary)70%, transparent)
      }
    }

    .hover\:bg-success:hover,
    .hover\:bg-success\/70:hover {
      background-color: var(--success)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-success\/70:hover {
        background-color: color-mix(in oklab, var(--success)70%, transparent)
      }
    }

    .hover\:bg-success\/90:hover {
      background-color: var(--success)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-success\/90:hover {
        background-color: color-mix(in oklab, var(--success)90%, transparent)
      }
    }

    .hover\:bg-transparent:hover {
      background-color: #0000
    }

    .hover\:bg-transparent\!:hover {
      background-color: #0000 !important
    }

    .hover\:bg-warning:hover {
      background-color: var(--warning)
    }

    .hover\:bg-warning-foreground\/80:hover {
      background-color: var(--warning-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-warning-foreground\/80:hover {
        background-color: color-mix(in oklab, var(--warning-foreground)80%, transparent)
      }
    }

    .hover\:bg-warning\/80:hover {
      background-color: var(--warning)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-warning\/80:hover {
        background-color: color-mix(in oklab, var(--warning)80%, transparent)
      }
    }

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }
    }

    .hover\:bg-white\/20:hover {
      background-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }
    }

    .hover\:bg-white\/95:hover {
      background-color: #fffffff2
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/95:hover {
        background-color: color-mix(in oklab, var(--color-white)95%, transparent)
      }
    }

    .hover\:bg-yellow-50:hover {
      background-color: var(--color-yellow-50)
    }

    .hover\:px-4:hover {
      padding-inline: calc(var(--spacing)*4)
    }

    .hover\:pr-7\.5:hover {
      padding-right: calc(var(--spacing)*7.5)
    }

    .hover\:pr-11\!:hover {
      padding-right: calc(var(--spacing)*11) !important
    }

    .hover\:text-\[\#333333\]:hover {
      color: #333
    }

    .hover\:text-\[var\(--node-color-dark\)\]:hover {
      color: var(--node-color-dark)
    }

    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground)
    }

    .hover\:text-accent-foreground\!:hover {
      color: var(--accent-foreground) !important
    }

    .hover\:text-accent-foreground\/80:hover {
      color: var(--accent-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:text-accent-foreground\/80:hover {
        color: color-mix(in oklab, var(--accent-foreground)80%, transparent)
      }
    }

    .hover\:text-background:hover {
      color: var(--background)
    }

    .hover\:text-blue-700:hover {
      color: var(--blue-700)
    }

    .hover\:text-blue-800:hover {
      color: var(--blue-800)
    }

    .hover\:text-current:hover {
      color: currentColor
    }

    .hover\:text-destructive:hover {
      color: var(--destructive)
    }

    .hover\:text-destructive-foreground:hover {
      color: var(--destructive-foreground)
    }

    .hover\:text-destructive-foreground\!:hover {
      color: var(--destructive-foreground) !important
    }

    .hover\:text-foreground:hover {
      color: var(--foreground)
    }

    .hover\:text-foreground\!:hover {
      color: var(--foreground) !important
    }

    .hover\:text-foreground\/80:hover {
      color: var(--foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:text-foreground\/80:hover {
        color: color-mix(in oklab, var(--foreground)80%, transparent)
      }
    }

    .hover\:text-gray-800:hover {
      color: var(--color-gray-800)
    }

    .hover\:text-gray-900:hover {
      color: var(--color-gray-900)
    }

    .hover\:text-inherit:hover {
      color: inherit
    }

    .hover\:text-muted-foreground:hover,
    .hover\:text-muted-foreground\/30:hover {
      color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:text-muted-foreground\/30:hover {
        color: color-mix(in oklab, var(--muted-foreground)30%, transparent)
      }
    }

    .hover\:text-muted-foreground\/50:hover {
      color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:text-muted-foreground\/50:hover {
        color: color-mix(in oklab, var(--muted-foreground)50%, transparent)
      }
    }

    .hover\:text-muted-foreground\/70:hover {
      color: var(--muted-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:text-muted-foreground\/70:hover {
        color: color-mix(in oklab, var(--muted-foreground)70%, transparent)
      }
    }

    .hover\:text-pink-400:hover {
      color: var(--pink-400)
    }

    .hover\:text-pink-500:hover {
      color: var(--pink-500)
    }

    .hover\:text-pink-600:hover {
      color: var(--pink-600)
    }

    .hover\:text-red-400:hover {
      color: var(--color-red-400)
    }

    .hover\:text-sidebar-accent-foreground:hover {
      color: var(--sidebar-accent-foreground)
    }

    .hover\:text-sidebar-primary:hover {
      color: var(--sidebar-primary)
    }

    .hover\:text-sidebar-primary-foreground:hover {
      color: var(--sidebar-primary-foreground)
    }

    .hover\:text-success-foreground:hover {
      color: var(--success-foreground)
    }

    .hover\:text-warning-foreground\/50:hover {
      color: var(--warning-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:text-warning-foreground\/50:hover {
        color: color-mix(in oklab, var(--warning-foreground)50%, transparent)
      }
    }

    .hover\:text-white:hover {
      color: var(--color-white)
    }

    .hover\:no-underline:hover {
      text-decoration-line: none
    }

    .hover\:underline:hover {
      text-decoration-line: underline
    }

    .hover\:opacity-70:hover {
      opacity: .7
    }

    .hover\:opacity-80:hover {
      opacity: .8
    }

    .hover\:opacity-90:hover {
      opacity: .9
    }

    .hover\:opacity-100:hover {
      opacity: 1
    }

    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)))
    }

    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover,
    .hover\:shadow-lg:hover {
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a)
    }

    .hover\:shadow-md:hover,
    .hover\:shadow-sm:hover {
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:shadow-sm:hover {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
    }

    .hover\:shadow-xs:hover {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:outline-1:hover {
      outline-style: var(--tw-outline-style);
      outline-width: 1px
    }

    .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is(:where(.group)[data-collapsible=offcanvas] *):hover {
      background-color: var(--sidebar)
    }

    .hover\:after\:bg-sidebar-border:hover:after {
      content: var(--tw-content);
      background-color: var(--sidebar-border)
    }
  }

  .focus\:z-10:focus {
    z-index: 10
  }

  .focus\:\!border-0:focus {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important
  }

  .focus\:border-none:focus {
    --tw-border-style: none;
    border-style: none
  }

  .focus\:\!border-pink-400:focus {
    border-color: var(--pink-400) !important
  }

  .focus\:border-accent-foreground:focus {
    border-color: var(--accent-foreground)
  }

  .focus\:border-slate-400:focus {
    border-color: var(--color-slate-400)
  }

  .focus\:border-transparent:focus {
    border-color: #0000
  }

  .focus\:bg-\[var\(--node-color-light\)\]\/30:focus {
    background-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:bg-\[var\(--node-color-light\)\]\/30:focus {
      background-color: color-mix(in oklab, var(--node-color-light)30%, transparent)
    }
  }

  .focus\:bg-accent:focus {
    background-color: var(--accent)
  }

  .focus\:bg-background\/20:focus {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:bg-background\/20:focus {
      background-color: color-mix(in oklab, var(--background)20%, transparent)
    }
  }

  .focus\:bg-destructive\/20\!:focus {
    background-color: var(--destructive) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:bg-destructive\/20\!:focus {
      background-color: color-mix(in oklab, var(--destructive)20%, transparent) !important
    }
  }

  .focus\:bg-destructive\/50:focus {
    background-color: var(--destructive)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:bg-destructive\/50:focus {
      background-color: color-mix(in oklab, var(--destructive)50%, transparent)
    }
  }

  .focus\:bg-muted:focus,
  .focus\:bg-muted\/50:focus {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:bg-muted\/50:focus {
      background-color: color-mix(in oklab, var(--muted)50%, transparent)
    }
  }

  .focus\:bg-select-muted:focus {
    background-color: var(--select-muted)
  }

  .focus\:bg-transparent:focus {
    background-color: #0000
  }

  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground)
  }

  .focus\:text-destructive-foreground:focus {
    color: var(--destructive-foreground)
  }

  .focus\:text-destructive-foreground\!:focus {
    color: var(--destructive-foreground) !important
  }

  .focus\:text-foreground:focus,
  .focus\:text-foreground\/80:focus {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:text-foreground\/80:focus {
      color: color-mix(in oklab, var(--foreground)80%, transparent)
    }
  }

  .focus\:opacity-100:focus {
    opacity: 1
  }

  .focus\:\!ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor) !important
  }

  .focus\:\!ring-0:focus,
  .focus\:\!ring-1:focus {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  .focus\:\!ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor) !important
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
  }

  .focus\:ring-0:focus,
  .focus\:ring-2:focus {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
  }

  .focus\:\!ring-pink-300:focus {
    --tw-ring-color: var(--pink-300) !important
  }

  .focus\:ring-accent:focus {
    --tw-ring-color: var(--accent)
  }

  .focus\:ring-accent-foreground:focus {
    --tw-ring-color: var(--accent-foreground)
  }

  .focus\:ring-pink-200:focus {
    --tw-ring-color: var(--pink-200)
  }

  .focus\:ring-pink-500:focus {
    --tw-ring-color: var(--pink-500)
  }

  .focus\:ring-pink-600:focus {
    --tw-ring-color: var(--pink-600)
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: var(--ring)
  }

  .focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .focus\:\!outline-none:focus {
    --tw-outline-style: none !important;
    outline-style: none !important
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none
  }

  .focus\:ring-inset:focus {
    --tw-ring-inset: inset
  }

  .focus-visible\:border-muted-foreground\/64:focus-visible {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-visible\:border-muted-foreground\/64:focus-visible {
      border-color: color-mix(in oklab, var(--muted-foreground)64%, transparent)
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring)
  }

  .focus-visible\:border-transparent:focus-visible {
    border-color: #0000
  }

  .focus-visible\:bg-muted:focus-visible {
    background-color: var(--muted)
  }

  .focus-visible\:ring:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus-visible\:ring-muted-foreground\/8:focus-visible {
    --tw-ring-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-visible\:ring-muted-foreground\/8:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--muted-foreground)8%, transparent)
    }
  }

  .focus-visible\:ring-ring:focus-visible,
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring)50%, transparent)
    }
  }

  .focus-visible\:ring-sidebar-ring:focus-visible {
    --tw-ring-color: var(--sidebar-ring)
  }

  .focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
  }

  .focus-visible\:ring-offset-background:focus-visible {
    --tw-ring-offset-color: var(--background)
  }

  .focus-visible\:outline-1:focus-visible,
  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
  }

  .focus-visible\:outline-gray-900:focus-visible {
    outline-color: var(--color-gray-900)
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none
  }

  .active\:scale-99:active {
    --tw-scale-x: 99%;
    --tw-scale-y: 99%;
    --tw-scale-z: 99%;
    scale: var(--tw-scale-x)var(--tw-scale-y)
  }

  .active\:scale-100\!:active {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x)var(--tw-scale-y) !important
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing
  }

  .active\:cursor-grabbing\!:active {
    cursor: grabbing !important
  }

  .active\:bg-muted-foreground\/20:active {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .active\:bg-muted-foreground\/20:active {
      background-color: color-mix(in oklab, var(--muted-foreground)20%, transparent)
    }
  }

  .active\:bg-sidebar-accent:active {
    background-color: var(--sidebar-accent)
  }

  .active\:bg-transparent:active {
    background-color: #0000
  }

  .active\:text-sidebar-accent-foreground:active {
    color: var(--sidebar-accent-foreground)
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none
  }

  .disabled\:h-7\!:disabled {
    height: calc(var(--spacing)*7) !important
  }

  .disabled\:cursor-default\!:disabled {
    cursor: default !important
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
  }

  .disabled\:rounded-none:disabled {
    border-radius: 0
  }

  .disabled\:border-none:disabled {
    --tw-border-style: none;
    border-style: none
  }

  .disabled\:bg-gray-200:disabled {
    background-color: var(--color-gray-200)
  }

  .disabled\:bg-transparent\!:disabled {
    background-color: #0000 !important
  }

  .disabled\:p-0:disabled {
    padding: calc(var(--spacing)*0)
  }

  .disabled\:px-1:disabled {
    padding-inline: calc(var(--spacing)*1)
  }

  .disabled\:text-foreground\!:disabled {
    color: var(--foreground) !important
  }

  .disabled\:text-gray-400:disabled {
    color: var(--color-gray-400)
  }

  .disabled\:text-muted-foreground:disabled {
    color: var(--muted-foreground)
  }

  .disabled\:opacity-50:disabled {
    opacity: .5
  }

  .disabled\:opacity-100:disabled {
    opacity: 1
  }

  .disabled\:opacity-100\!:disabled {
    opacity: 1 !important
  }

  .disabled\:shadow-none\!:disabled {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
  }

  @media (hover:hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000
    }
  }

  .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) {
    background-color: var(--sidebar)
  }

  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]) {
    gap: calc(var(--spacing)*2)
  }

  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg) {
    grid-template-columns: calc(var(--spacing)*4)1fr
  }

  .has-\[\>svg\]\:gap-x-3:has(>svg) {
    column-gap: calc(var(--spacing)*3)
  }

  .aria-disabled\:pointer-events-none[aria-disabled=true] {
    pointer-events: none
  }

  .aria-disabled\:opacity-50[aria-disabled=true] {
    opacity: .5
  }

  .aria-selected\:\!bg-accent[aria-selected=true] {
    background-color: var(--accent) !important
  }

  .aria-selected\:bg-accent-foreground[aria-selected=true] {
    background-color: var(--accent-foreground)
  }

  .aria-selected\:\!text-muted-foreground[aria-selected=true] {
    color: var(--muted-foreground) !important
  }

  .aria-selected\:text-background[aria-selected=true] {
    color: var(--background)
  }

  .data-\[active\=true\]\:bg-\[var\(--node-color-light\)\]\/15[data-active=true] {
    background-color: var(--node-color-light)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:bg-\[var\(--node-color-light\)\]\/15[data-active=true] {
      background-color: color-mix(in oklab, var(--node-color-light)15%, transparent)
    }
  }

  .data-\[active\=true\]\:bg-muted\/50[data-active=true] {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:bg-muted\/50[data-active=true] {
      background-color: color-mix(in oklab, var(--muted)50%, transparent)
    }
  }

  .data-\[active\=true\]\:bg-sidebar-accent[data-active=true] {
    background-color: var(--sidebar-accent)
  }

  .data-\[active\=true\]\:font-medium[data-active=true] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .data-\[active\=true\]\:text-foreground\/80[data-active=true] {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:text-foreground\/80[data-active=true] {
      color: color-mix(in oklab, var(--foreground)80%, transparent)
    }
  }

  .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true] {
    color: var(--sidebar-accent-foreground)
  }

  @media (hover:hover) {
    .data-\[active\=true\]\:hover\:bg-muted[data-active=true]:hover {
      background-color: var(--muted)
    }
  }

  .data-\[active\=true\]\:focus\:bg-muted[data-active=true]:focus {
    background-color: var(--muted)
  }

  .data-\[checked\=false\]\:border-dashed[data-checked=false] {
    --tw-border-style: dashed;
    border-style: dashed
  }

  .data-\[checked\=true\]\:border-solid[data-checked=true] {
    --tw-border-style: solid;
    border-style: solid
  }

  .data-\[checked\=true\]\:border-accent-foreground\/25[data-checked=true] {
    border-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[checked\=true\]\:border-accent-foreground\/25[data-checked=true] {
      border-color: color-mix(in oklab, var(--accent-foreground)25%, transparent)
    }
  }

  .data-\[checked\=true\]\:bg-accent[data-checked=true] {
    background-color: var(--accent)
  }

  .data-\[checked\=true\]\:text-accent-foreground[data-checked=true] {
    color: var(--accent-foreground)
  }

  @media (hover:hover) {
    .data-\[destructive\=true\]\:hover\:bg-destructive\/10[data-destructive=true]:hover {
      background-color: var(--destructive)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .data-\[destructive\=true\]\:hover\:bg-destructive\/10[data-destructive=true]:hover {
        background-color: color-mix(in oklab, var(--destructive)10%, transparent)
      }
    }

    .data-\[destructive\=true\]\:hover\:text-destructive-foreground[data-destructive=true]:hover {
      color: var(--destructive-foreground)
    }
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
    pointer-events: none
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
    opacity: .5
  }

  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing)*8)
  }

  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
    --tw-enter-translate-x: calc(52*var(--spacing))
  }

  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
    --tw-enter-translate-x: calc(52*var(--spacing)*-1)
  }

  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
    --tw-exit-translate-x: calc(52*var(--spacing))
  }

  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
    --tw-exit-translate-x: calc(52*var(--spacing)*-1)
  }

  .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
    --tw-enter-opacity: 0
  }

  .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] {
    --tw-exit-opacity: 0
  }

  .data-\[open\=true\]\:outline\![data-open=true] {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important
  }

  .data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical] {
    height: auto
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground)
  }

  .data-\[selected\=true\]\:bg-muted\/70[data-selected=true] {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[selected\=true\]\:bg-muted\/70[data-selected=true] {
      background-color: color-mix(in oklab, var(--muted)70%, transparent)
    }
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
    --tw-translate-y: calc(var(--spacing)*1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1)
  }

  .data-\[side\=left\]\:-translate-x-1[data-side=left] {
    --tw-translate-x: calc(var(--spacing)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x: calc(2*var(--spacing))
  }

  .data-\[side\=right\]\:translate-x-1[data-side=right] {
    --tw-translate-x: calc(var(--spacing)*1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1)
  }

  .data-\[side\=top\]\:-translate-y-1[data-side=top] {
    --tw-translate-y: calc(var(--spacing)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y: calc(2*var(--spacing))
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive-foreground\/90>*)[data-slot=alert-description] {
    color: var(--destructive-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive-foreground\/90>*)[data-slot=alert-description] {
      color: color-mix(in oklab, var(--destructive-foreground)90%, transparent)
    }
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
    --tw-outline-style: none;
    outline-style: none
  }

  .data-\[state\=active\]\:border-b-2[data-state=active] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
  }

  .data-\[state\=active\]\:border-accent-foreground[data-state=active] {
    border-color: var(--accent-foreground)
  }

  .data-\[state\=active\]\:border-b-pink-500\![data-state=active] {
    border-bottom-color: var(--pink-500) !important
  }

  .data-\[state\=active\]\:bg-background[data-state=active] {
    background-color: var(--background)
  }

  .data-\[state\=active\]\:bg-white[data-state=active] {
    background-color: var(--color-white)
  }

  .data-\[state\=active\]\:\!text-accent-foreground[data-state=active] {
    color: var(--accent-foreground) !important
  }

  .data-\[state\=active\]\:text-foreground[data-state=active] {
    color: var(--foreground)
  }

  .data-\[state\=active\]\:text-pink-500\![data-state=active] {
    color: var(--pink-500) !important
  }

  .data-\[state\=checked\]\:translate-x-full[data-state=checked] {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[state\=checked\]\:border-none[data-state=checked] {
    --tw-border-style: none;
    border-style: none
  }

  .data-\[state\=checked\]\:border-accent-foreground[data-state=checked],
  .data-\[state\=checked\]\:border-accent-foreground\/25[data-state=checked] {
    border-color: var(--accent-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[state\=checked\]\:border-accent-foreground\/25[data-state=checked] {
      border-color: color-mix(in oklab, var(--accent-foreground)25%, transparent)
    }
  }

  .data-\[state\=checked\]\:bg-\[var\(--node-color-dark\)\][data-state=checked] {
    background-color: var(--node-color-dark)
  }

  .data-\[state\=checked\]\:bg-\[var\(--node-color-medium\)\][data-state=checked] {
    background-color: var(--node-color-medium)
  }

  .data-\[state\=checked\]\:bg-accent[data-state=checked] {
    background-color: var(--accent)
  }

  .data-\[state\=checked\]\:bg-accent-foreground[data-state=checked] {
    background-color: var(--accent-foreground)
  }

  .data-\[state\=checked\]\:bg-destructive-foreground\![data-state=checked] {
    background-color: var(--destructive-foreground) !important
  }

  .data-\[state\=checked\]\:bg-muted-foreground[data-state=checked] {
    background-color: var(--muted-foreground)
  }

  .data-\[state\=checked\]\:bg-select-muted\/50[data-state=checked] {
    background-color: var(--select-muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[state\=checked\]\:bg-select-muted\/50[data-state=checked] {
      background-color: color-mix(in oklab, var(--select-muted)50%, transparent)
    }
  }

  .data-\[state\=checked\]\:text-accent[data-state=checked] {
    color: var(--accent)
  }

  .data-\[state\=checked\]\:text-accent-foreground[data-state=checked] {
    color: var(--accent-foreground)
  }

  .data-\[state\=checked\]\:text-background[data-state=checked] {
    color: var(--background)
  }

  .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
    animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s))ease-out
  }

  .data-\[state\=closed\]\:animate-out[data-state=closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .data-\[state\=closed\]\:duration-100[data-state=closed] {
    --tw-duration: .1s;
    transition-duration: .1s
  }

  .data-\[state\=closed\]\:duration-250[data-state=closed] {
    --tw-duration: .25s;
    transition-duration: .25s
  }

  .data-\[state\=closed\]\:duration-300[data-state=closed] {
    --tw-duration: .3s;
    transition-duration: .3s
  }

  .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
    --tw-exit-opacity: 0
  }

  .data-\[state\=closed\]\:zoom-out-75[data-state=closed] {
    --tw-exit-scale: .75
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
    --tw-exit-scale: .95
  }

  .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
    --tw-exit-translate-y: 100%
  }

  .data-\[state\=closed\]\:slide-out-to-bottom-1\/4[data-state=closed] {
    --tw-exit-translate-y: calc(1/4*100%)
  }

  .data-\[state\=closed\]\:slide-out-to-bottom-2[data-state=closed] {
    --tw-exit-translate-y: calc(2*var(--spacing))
  }

  .data-\[state\=closed\]\:slide-out-to-bottom-4[data-state=closed] {
    --tw-exit-translate-y: calc(4*var(--spacing))
  }

  .data-\[state\=closed\]\:slide-out-to-bottom-\[10\%\][data-state=closed] {
    --tw-exit-translate-y: 10%
  }

  .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
    --tw-exit-translate-x: -100%
  }

  .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
    --tw-exit-translate-x: 100%
  }

  .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
    --tw-exit-translate-y: -100%
  }

  .data-\[state\=closed\]\:zoom-out-98[data-state=closed] {
    --tw-exit-scale: calc(98*1%)
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
    --tw-exit-opacity: 0
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
    --tw-exit-scale: .95
  }

  .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
    --tw-exit-opacity: 0
  }

  .data-\[state\=on\]\:border-border[data-state=on] {
    border-color: var(--border)
  }

  .data-\[state\=on\]\:bg-background[data-state=on] {
    background-color: var(--background)
  }

  .data-\[state\=on\]\:text-foreground[data-state=on] {
    color: var(--foreground)
  }

  .data-\[state\=on\]\:text-secondary-foreground[data-state=on] {
    color: var(--secondary-foreground)
  }

  .data-\[state\=on\]\:shadow-xs[data-state=on] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
    animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))ease-out
  }

  .data-\[state\=open\]\:animate-in[data-state=open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .data-\[state\=open\]\:bg-accent[data-state=open] {
    background-color: var(--accent)
  }

  .data-\[state\=open\]\:bg-muted[data-state=open],
  .data-\[state\=open\]\:bg-muted\/50[data-state=open] {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-muted\/50[data-state=open] {
      background-color: color-mix(in oklab, var(--muted)50%, transparent)
    }
  }

  .data-\[state\=open\]\:bg-secondary[data-state=open] {
    background-color: var(--secondary)
  }

  .data-\[state\=open\]\:text-foreground\/80[data-state=open] {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:text-foreground\/80[data-state=open] {
      color: color-mix(in oklab, var(--foreground)80%, transparent)
    }
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
    color: var(--muted-foreground)
  }

  .data-\[state\=open\]\:opacity-100[data-state=open] {
    opacity: 1
  }

  .data-\[state\=open\]\:duration-0[data-state=open] {
    --tw-duration: 0s;
    transition-duration: 0s
  }

  .data-\[state\=open\]\:duration-125[data-state=open] {
    --tw-duration: .125s;
    transition-duration: .125s
  }

  .data-\[state\=open\]\:duration-500[data-state=open] {
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .data-\[state\=open\]\:fade-in-0[data-state=open] {
    --tw-enter-opacity: 0
  }

  .data-\[state\=open\]\:zoom-in-75[data-state=open] {
    --tw-enter-scale: .75
  }

  .data-\[state\=open\]\:zoom-in-90[data-state=open] {
    --tw-enter-scale: .9
  }

  .data-\[state\=open\]\:zoom-in-95[data-state=open] {
    --tw-enter-scale: .95
  }

  .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
    --tw-enter-translate-y: 100%
  }

  .data-\[state\=open\]\:slide-in-from-bottom-1\/4[data-state=open] {
    --tw-enter-translate-y: calc(1/4*100%)
  }

  .data-\[state\=open\]\:slide-in-from-bottom-4[data-state=open] {
    --tw-enter-translate-y: calc(4*var(--spacing))
  }

  .data-\[state\=open\]\:slide-in-from-bottom-\[10\%\][data-state=open] {
    --tw-enter-translate-y: 10%
  }

  .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
    --tw-enter-translate-x: -100%
  }

  .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
    --tw-enter-translate-x: 100%
  }

  .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
    --tw-enter-translate-y: -100%
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
    --tw-enter-opacity: 0
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
    --tw-enter-scale: .95
  }

  @media (hover:hover) {
    .data-\[state\=open\]\:hover\:bg-muted[data-state=open]:hover {
      background-color: var(--muted)
    }

    .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover {
      background-color: var(--sidebar-accent)
    }

    .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover {
      color: var(--sidebar-accent-foreground)
    }
  }

  .data-\[state\=selected\]\:bg-muted[data-state=selected] {
    background-color: var(--muted)
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
    --tw-translate-x: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .data-\[state\=unchecked\]\:bg-border[data-state=unchecked] {
    background-color: var(--border)
  }

  .data-\[state\=visible\]\:animate-in[data-state=visible] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
  }

  .data-\[state\=visible\]\:fade-in[data-state=visible] {
    --tw-enter-opacity: 0
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] {
    color: var(--destructive)
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
    background-color: var(--destructive)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
      background-color: color-mix(in oklab, var(--destructive)10%, transparent)
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus {
    color: var(--destructive)
  }

  @media not all and (min-width:400px) {
    .max-\[400px\]\:scale-\[0\.3\] {
      scale: .3
    }
  }

  @media not all and (min-width:40rem) {
    .max-sm\:hidden {
      display: none
    }

    .max-sm\:table-cell {
      display: table-cell
    }

    .max-sm\:\!w-3\/4 {
      width: 75% !important
    }
  }

  @media (min-width:401px) {
    @media not all and (min-width:640px) {
      .min-\[401px\]\:max-\[640px\]\:scale-\[0\.4\] {
        scale: .4
      }
    }
  }

  @media (min-width:641px) {
    @media not all and (min-width:768px) {
      .min-\[641px\]\:max-\[768px\]\:scale-\[0\.6\] {
        scale: .6
      }
    }
  }

  @media (min-width:769px) {
    @media not all and (min-width:1024px) {
      .min-\[769px\]\:max-\[1024px\]\:scale-\[0\.7\] {
        scale: .7
      }
    }
  }

  @media (min-width:1025px) {
    @media not all and (min-width:1200px) {
      .min-\[1025px\]\:max-\[1200px\]\:scale-\[0\.8\] {
        scale: .8
      }
    }
  }

  @media (min-width:1201px) {
    .min-\[1201px\]\:scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x)var(--tw-scale-y)
    }
  }

  @media (min-width:30rem) {
    .xs\:flex {
      display: flex
    }

    .xs\:h-14 {
      height: calc(var(--spacing)*14)
    }

    .xs\:max-h-none {
      max-height: none
    }

    .xs\:w-10 {
      width: calc(var(--spacing)*10)
    }

    .xs\:w-72 {
      width: calc(var(--spacing)*72)
    }

    .xs\:w-auto {
      width: auto
    }

    .xs\:w-fit {
      width: fit-content
    }

    .xs\:shrink-0 {
      flex-shrink: 0
    }

    .xs\:flex-row {
      flex-direction: row
    }

    .xs\:flex-nowrap {
      flex-wrap: nowrap
    }

    .xs\:items-center {
      align-items: center
    }

    .xs\:justify-between {
      justify-content: space-between
    }

    .xs\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .xs\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height))
    }

    .xs\:text-sm\! {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important
    }

    .xs\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height))
    }
  }

  @media (min-width:40rem) {
    .sm\:relative {
      position: relative
    }

    .sm\:top-22 {
      top: calc(var(--spacing)*22)
    }

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

    .sm\:-bottom-1\/4 {
      bottom: -25%
    }

    .sm\:col-span-2 {
      grid-column: span 2/span 2
    }

    .sm\:col-span-3 {
      grid-column: span 3/span 3
    }

    .sm\:col-span-4 {
      grid-column: span 4/span 4
    }

    .sm\:mx-auto {
      margin-inline: auto
    }

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

    .sm\:mr-auto {
      margin-right: auto
    }

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

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

    .sm\:line-clamp-1 {
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden
    }

    .sm\:block {
      display: block
    }

    .sm\:flex {
      display: flex
    }

    .sm\:grid {
      display: grid
    }

    .sm\:hidden {
      display: none
    }

    .sm\:aspect-\[2\/1\] {
      aspect-ratio: 2
    }

    .sm\:size-7 {
      width: calc(var(--spacing)*7);
      height: calc(var(--spacing)*7)
    }

    .sm\:size-10 {
      width: calc(var(--spacing)*10);
      height: calc(var(--spacing)*10)
    }

    .sm\:size-20 {
      width: calc(var(--spacing)*20);
      height: calc(var(--spacing)*20)
    }

    .sm\:size-21 {
      width: calc(var(--spacing)*21);
      height: calc(var(--spacing)*21)
    }

    .sm\:size-\[560px\] {
      width: 560px;
      height: 560px
    }

    .sm\:h-4 {
      height: calc(var(--spacing)*4)
    }

    .sm\:h-6 {
      height: calc(var(--spacing)*6)
    }

    .sm\:h-8 {
      height: calc(var(--spacing)*8)
    }

    .sm\:h-14 {
      height: calc(var(--spacing)*14)
    }

    .sm\:h-20 {
      height: calc(var(--spacing)*20)
    }

    .sm\:h-\[156px\] {
      height: 156px
    }

    .sm\:h-\[208px\] {
      height: 208px
    }

    .sm\:h-\[400px\] {
      height: 400px
    }

    .sm\:max-h-\[60dvh\] {
      max-height: 60dvh
    }

    .sm\:min-h-32\! {
      min-height: calc(var(--spacing)*32) !important
    }

    .sm\:w-1\/2 {
      width: 50%
    }

    .sm\:w-4 {
      width: calc(var(--spacing)*4)
    }

    .sm\:w-6 {
      width: calc(var(--spacing)*6)
    }

    .sm\:w-8 {
      width: calc(var(--spacing)*8)
    }

    .sm\:w-20 {
      width: calc(var(--spacing)*20)
    }

    .sm\:w-32 {
      width: calc(var(--spacing)*32)
    }

    .sm\:w-50 {
      width: calc(var(--spacing)*50)
    }

    .sm\:w-96 {
      width: calc(var(--spacing)*96)
    }

    .sm\:w-\[188px\] {
      width: 188px
    }

    .sm\:w-\[584px\] {
      width: 584px
    }

    .sm\:w-auto {
      width: auto
    }

    .sm\:w-fit {
      width: fit-content
    }

    .sm\:w-full {
      width: 100%
    }

    .sm\:w-sm {
      width: var(--container-sm)
    }

    .sm\:max-w-4xl {
      max-width: var(--container-4xl)
    }

    .sm\:max-w-\[480px\] {
      max-width: 480px
    }

    .sm\:max-w-\[500px\] {
      max-width: 500px
    }

    .sm\:max-w-\[584px\] {
      max-width: 584px
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg)
    }

    .sm\:max-w-md {
      max-width: var(--container-md)
    }

    .sm\:max-w-xs {
      max-width: var(--container-xs)
    }

    .sm\:min-w-80 {
      min-width: calc(var(--spacing)*80)
    }

    .sm\:shrink-0 {
      flex-shrink: 0
    }

    .sm\:flex-grow-0 {
      flex-grow: 0
    }

    .sm\:basis-\[56\%\] {
      flex-basis: 56%
    }

    .sm\:basis-\[64\%\] {
      flex-basis: 64%
    }

    .sm\:basis-\[92\%\] {
      flex-basis: 92%
    }

    .sm\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing)*0);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .sm\:translate-x-\[calc\(\(var\(--container-xs\)\+1rem\+0\.75rem\)\*-1\)\] {
      --tw-translate-x: calc((var(--container-xs) + 1rem + .75rem)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .sm\:translate-x-\[calc\(var\(--container-xs\)\+16px\)\] {
      --tw-translate-x: calc(var(--container-xs) + 16px);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .sm\:flex-row {
      flex-direction: row
    }

    .sm\:flex-nowrap {
      flex-wrap: nowrap
    }

    .sm\:items-center {
      align-items: center
    }

    .sm\:items-end {
      align-items: flex-end
    }

    .sm\:items-start {
      align-items: flex-start
    }

    .sm\:justify-between {
      justify-content: space-between
    }

    .sm\:justify-center {
      justify-content: center
    }

    .sm\:justify-end {
      justify-content: flex-end
    }

    .sm\:justify-start {
      justify-content: flex-start
    }

    .sm\:gap-0 {
      gap: calc(var(--spacing)*0)
    }

    .sm\:gap-2 {
      gap: calc(var(--spacing)*2)
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing)*4)
    }

    .sm\:gap-5 {
      gap: calc(var(--spacing)*5)
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing)*6)
    }

    .sm\:gap-8 {
      gap: calc(var(--spacing)*8)
    }

    .sm\:gap-10 {
      gap: calc(var(--spacing)*10)
    }

    :where(.sm\:space-y-0>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.sm\:space-y-8>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.sm\:space-x-2>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.sm\:space-x-6>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:self-auto {
      align-self: auto
    }

    .sm\:rounded-lg {
      border-radius: var(--radius)
    }

    .sm\:rounded-xl {
      border-radius: calc(var(--radius) + 4px)
    }

    .sm\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0
    }

    .sm\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px
    }

    .sm\:p-0 {
      padding: calc(var(--spacing)*0)
    }

    .sm\:p-2 {
      padding: calc(var(--spacing)*2)
    }

    .sm\:p-4 {
      padding: calc(var(--spacing)*4)
    }

    .sm\:p-6 {
      padding: calc(var(--spacing)*6)
    }

    .sm\:p-8 {
      padding: calc(var(--spacing)*8)
    }

    .sm\:p-10 {
      padding: calc(var(--spacing)*10)
    }

    .sm\:p-12 {
      padding: calc(var(--spacing)*12)
    }

    .sm\:px-0 {
      padding-inline: calc(var(--spacing)*0)
    }

    .sm\:px-2 {
      padding-inline: calc(var(--spacing)*2)
    }

    .sm\:px-3\.5 {
      padding-inline: calc(var(--spacing)*3.5)
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing)*4)
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing)*6)
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing)*8)
    }

    .sm\:px-10 {
      padding-inline: calc(var(--spacing)*10)
    }

    .sm\:px-12 {
      padding-inline: calc(var(--spacing)*12)
    }

    .sm\:py-2 {
      padding-block: calc(var(--spacing)*2)
    }

    .sm\:py-12 {
      padding-block: calc(var(--spacing)*12)
    }

    .sm\:py-16 {
      padding-block: calc(var(--spacing)*16)
    }

    .sm\:py-18 {
      padding-block: calc(var(--spacing)*18)
    }

    .sm\:py-24 {
      padding-block: calc(var(--spacing)*24)
    }

    .sm\:pt-12 {
      padding-top: calc(var(--spacing)*12)
    }

    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing)*6)
    }

    .sm\:pb-10 {
      padding-bottom: calc(var(--spacing)*10)
    }

    .sm\:pl-4 {
      padding-left: calc(var(--spacing)*4)
    }

    .sm\:pl-11 {
      padding-left: calc(var(--spacing)*11)
    }

    .sm\:text-left {
      text-align: left
    }

    .sm\:text-right {
      text-align: right
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .sm\:leading-6 {
      --tw-leading: calc(var(--spacing)*6);
      line-height: calc(var(--spacing)*6)
    }

    @media (hover:hover) {
      .sm\:group-hover\:block:is(:where(.group):hover *) {
        display: block
      }

      .sm\:hover\:pr-4:hover {
        padding-right: calc(var(--spacing)*4)
      }
    }
  }

  @media (min-width:48rem) {
    .md\:pointer-events-none {
      pointer-events: none
    }

    .md\:absolute {
      position: absolute
    }

    .md\:sticky {
      position: sticky
    }

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

    .md\:top-22 {
      top: calc(var(--spacing)*22)
    }

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

    .md\:bottom-8 {
      bottom: calc(var(--spacing)*8)
    }

    .md\:order-1 {
      order: 1
    }

    .md\:order-2 {
      order: 2
    }

    .md\:col-span-1 {
      grid-column: span 1/span 1
    }

    .md\:col-span-2 {
      grid-column: span 2/span 2
    }

    .md\:col-span-3 {
      grid-column: span 3/span 3
    }

    .md\:mx-16 {
      margin-inline: calc(var(--spacing)*16)
    }

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

    .md\:-mt-\[112px\] {
      margin-top: -112px
    }

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

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

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

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

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

    .md\:line-clamp-1 {
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden
    }

    .md\:block {
      display: block
    }

    .md\:flex {
      display: flex
    }

    .md\:grid {
      display: grid
    }

    .md\:hidden {
      display: none
    }

    .md\:inline {
      display: inline
    }

    .md\:table-cell {
      display: table-cell
    }

    .md\:size-7 {
      width: calc(var(--spacing)*7);
      height: calc(var(--spacing)*7)
    }

    .md\:size-8 {
      width: calc(var(--spacing)*8);
      height: calc(var(--spacing)*8)
    }

    .md\:size-10 {
      width: calc(var(--spacing)*10);
      height: calc(var(--spacing)*10)
    }

    .md\:size-12 {
      width: calc(var(--spacing)*12);
      height: calc(var(--spacing)*12)
    }

    .md\:size-14 {
      width: calc(var(--spacing)*14);
      height: calc(var(--spacing)*14)
    }

    .md\:size-26 {
      width: calc(var(--spacing)*26);
      height: calc(var(--spacing)*26)
    }

    .md\:size-\[100px\] {
      width: 100px;
      height: 100px
    }

    .md\:size-\[112px\] {
      width: 112px;
      height: 112px
    }

    .md\:size-\[640px\] {
      width: 640px;
      height: 640px
    }

    .md\:size-\[760px\] {
      width: 760px;
      height: 760px
    }

    .md\:h-5 {
      height: calc(var(--spacing)*5)
    }

    .md\:h-6 {
      height: calc(var(--spacing)*6)
    }

    .md\:h-11 {
      height: calc(var(--spacing)*11)
    }

    .md\:h-12 {
      height: calc(var(--spacing)*12)
    }

    .md\:h-14 {
      height: calc(var(--spacing)*14)
    }

    .md\:h-16 {
      height: calc(var(--spacing)*16)
    }

    .md\:h-64 {
      height: calc(var(--spacing)*64)
    }

    .md\:h-\[200px\] {
      height: 200px
    }

    .md\:h-\[316px\] {
      height: 316px
    }

    .md\:h-\[350px\] {
      height: 350px
    }

    .md\:h-\[360px\] {
      height: 360px
    }

    .md\:h-\[500px\] {
      height: 500px
    }

    .md\:h-\[560px\] {
      height: 560px
    }

    .md\:h-full {
      height: 100%
    }

    .md\:max-h-none {
      max-height: none
    }

    .md\:max-h-screen {
      max-height: 100vh
    }

    .md\:min-h-\[50svh\] {
      min-height: 50svh
    }

    .md\:min-h-\[60dvh\] {
      min-height: 60dvh
    }

    .md\:w-1\/2 {
      width: 50%
    }

    .md\:w-1\/3 {
      width: 33.3333%
    }

    .md\:w-2\/3 {
      width: 66.6667%
    }

    .md\:w-5 {
      width: calc(var(--spacing)*5)
    }

    .md\:w-6 {
      width: calc(var(--spacing)*6)
    }

    .md\:w-16 {
      width: calc(var(--spacing)*16)
    }

    .md\:w-36 {
      width: calc(var(--spacing)*36)
    }

    .md\:w-52 {
      width: calc(var(--spacing)*52)
    }

    .md\:w-64 {
      width: calc(var(--spacing)*64)
    }

    .md\:w-128 {
      width: calc(var(--spacing)*128)
    }

    .md\:w-\[180px\] {
      width: 180px
    }

    .md\:w-\[382px\] {
      width: 382px
    }

    .md\:w-\[calc\(50\%-1rem\)\] {
      width: calc(50% - 1rem)
    }

    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width: var(--radix-navigation-menu-viewport-width)
    }

    .md\:w-auto {
      width: auto
    }

    .md\:w-fit {
      width: fit-content
    }

    .md\:w-full {
      width: 100%
    }

    .md\:w-max {
      width: max-content
    }

    .md\:w-xs {
      width: var(--container-xs)
    }

    .md\:max-w-1\/3 {
      max-width: 33.3333%
    }

    .md\:max-w-2xl {
      max-width: var(--container-2xl)
    }

    .md\:max-w-3xl {
      max-width: var(--container-3xl)
    }

    .md\:max-w-48 {
      max-width: calc(var(--spacing)*48)
    }

    .md\:max-w-92 {
      max-width: calc(var(--spacing)*92)
    }

    .md\:max-w-96 {
      max-width: calc(var(--spacing)*96)
    }

    .md\:max-w-\[16rem\] {
      max-width: 16rem
    }

    .md\:max-w-xl {
      max-width: var(--container-xl)
    }

    .md\:min-w-1\/3 {
      min-width: 33.3333%
    }

    .md\:min-w-2xl {
      min-width: var(--container-2xl)
    }

    .md\:min-w-3xl {
      min-width: var(--container-3xl)
    }

    .md\:min-w-64 {
      min-width: calc(var(--spacing)*64)
    }

    .md\:min-w-92 {
      min-width: calc(var(--spacing)*92)
    }

    .md\:min-w-xl {
      min-width: var(--container-xl)
    }

    .md\:flex-grow-0 {
      flex-grow: 0
    }

    .md\:basis-\[40\%\] {
      flex-basis: 40%
    }

    .md\:basis-\[48\%\] {
      flex-basis: 48%
    }

    .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\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-cols-4\! {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:flex-col {
      flex-direction: column
    }

    .md\:flex-row {
      flex-direction: row
    }

    .md\:flex-row-reverse {
      flex-direction: row-reverse
    }

    .md\:flex-nowrap {
      flex-wrap: nowrap
    }

    .md\:items-center {
      align-items: center
    }

    .md\:items-end {
      align-items: flex-end
    }

    .md\:items-start {
      align-items: flex-start
    }

    .md\:justify-between {
      justify-content: space-between
    }

    .md\:justify-center {
      justify-content: center
    }

    .md\:justify-start {
      justify-content: flex-start
    }

    .md\:gap-2 {
      gap: calc(var(--spacing)*2)
    }

    .md\:gap-2\.5 {
      gap: calc(var(--spacing)*2.5)
    }

    .md\:gap-3 {
      gap: calc(var(--spacing)*3)
    }

    .md\:gap-4 {
      gap: calc(var(--spacing)*4)
    }

    .md\:gap-5 {
      gap: calc(var(--spacing)*5)
    }

    .md\:gap-6 {
      gap: calc(var(--spacing)*6)
    }

    .md\:gap-7 {
      gap: calc(var(--spacing)*7)
    }

    .md\:gap-8 {
      gap: calc(var(--spacing)*8)
    }

    .md\:gap-12 {
      gap: calc(var(--spacing)*12)
    }

    .md\:gap-13 {
      gap: calc(var(--spacing)*13)
    }

    :where(.md\:space-x-8>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))
    }

    .md\:rounded-2xl {
      border-radius: var(--radius-2xl)
    }

    .md\:rounded-md {
      border-radius: calc(var(--radius) - 2px)
    }

    .md\:rounded-xl {
      border-radius: calc(var(--radius) + 4px)
    }

    .md\:rounded-t-none {
      border-top-left-radius: 0;
      border-top-right-radius: 0
    }

    .md\:rounded-l-xl {
      border-top-left-radius: calc(var(--radius) + 4px);
      border-bottom-left-radius: calc(var(--radius) + 4px)
    }

    .md\:border {
      border-style: var(--tw-border-style);
      border-width: 1px
    }

    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px
    }

    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0
    }

    .md\:border-border {
      border-color: var(--border)
    }

    .md\:p-2 {
      padding: calc(var(--spacing)*2)
    }

    .md\:p-4 {
      padding: calc(var(--spacing)*4)
    }

    .md\:p-8 {
      padding: calc(var(--spacing)*8)
    }

    .md\:p-12 {
      padding: calc(var(--spacing)*12)
    }

    .md\:p-24 {
      padding: calc(var(--spacing)*24)
    }

    .md\:px-0 {
      padding-inline: calc(var(--spacing)*0)
    }

    .md\:px-2 {
      padding-inline: calc(var(--spacing)*2)
    }

    .md\:px-3 {
      padding-inline: calc(var(--spacing)*3)
    }

    .md\:px-4 {
      padding-inline: calc(var(--spacing)*4)
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing)*6)
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing)*8)
    }

    .md\:px-12 {
      padding-inline: calc(var(--spacing)*12)
    }

    .md\:px-16 {
      padding-inline: calc(var(--spacing)*16)
    }

    .md\:px-18 {
      padding-inline: calc(var(--spacing)*18)
    }

    .md\:py-2 {
      padding-block: calc(var(--spacing)*2)
    }

    .md\:py-4 {
      padding-block: calc(var(--spacing)*4)
    }

    .md\:py-12 {
      padding-block: calc(var(--spacing)*12)
    }

    .md\:py-14 {
      padding-block: calc(var(--spacing)*14)
    }

    .md\:py-16 {
      padding-block: calc(var(--spacing)*16)
    }

    .md\:py-20 {
      padding-block: calc(var(--spacing)*20)
    }

    .md\:py-32 {
      padding-block: calc(var(--spacing)*32)
    }

    .md\:pt-3 {
      padding-top: calc(var(--spacing)*3)
    }

    .md\:pt-12 {
      padding-top: calc(var(--spacing)*12)
    }

    .md\:pt-16 {
      padding-top: calc(var(--spacing)*16)
    }

    .md\:pr-0 {
      padding-right: calc(var(--spacing)*0)
    }

    .md\:pr-2 {
      padding-right: calc(var(--spacing)*2)
    }

    .md\:pr-8 {
      padding-right: calc(var(--spacing)*8)
    }

    .md\:pb-8 {
      padding-bottom: calc(var(--spacing)*8)
    }

    .md\:pb-20 {
      padding-bottom: calc(var(--spacing)*20)
    }

    .md\:pl-1 {
      padding-left: calc(var(--spacing)*1)
    }

    .md\:pl-2 {
      padding-left: calc(var(--spacing)*2)
    }

    .md\:pl-8 {
      padding-left: calc(var(--spacing)*8)
    }

    .md\:text-center {
      text-align: center
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .md\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .md\:text-\[1\.25rem\] {
      font-size: 1.25rem
    }

    .md\:text-\[2\.5rem\] {
      font-size: 2.5rem
    }

    .md\:text-\[2rem\] {
      font-size: 2rem
    }

    .md\:text-\[3\.5rem\] {
      font-size: 3.5rem
    }

    .md\:text-\[32px\] {
      font-size: 32px
    }

    .md\:text-\[56px\] {
      font-size: 56px
    }

    .md\:opacity-0 {
      opacity: 0
    }

    .md\:opacity-100 {
      opacity: 1
    }

    .md\:shadow-sm {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
    }

    .md\:shadow-sm,
    .md\:shadow-xs {
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .md\:shadow-xs {
      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d)
    }

    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*) {
      margin: calc(var(--spacing)*2)
    }

    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*) {
      margin-left: calc(var(--spacing)*0)
    }

    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*) {
      border-radius: calc(var(--radius) + 4px)
    }

    .md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant=inset]~*) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state=collapsed]~*):is(:where(.peer)[data-variant=inset]~*) {
      margin-left: calc(var(--spacing)*2)
    }
  }

  .after\:md\:hidden:after {
    content: var(--tw-content)
  }

  @media (min-width:48rem) {
    .after\:md\:hidden:after {
      display: none
    }
  }

  @media (min-width:64rem) {
    .lg\:bottom-5 {
      bottom: calc(var(--spacing)*5)
    }

    .lg\:order-1 {
      order: 1
    }

    .lg\:order-2 {
      order: 2
    }

    .lg\:col-span-2 {
      grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
      grid-column: span 3/span 3
    }

    .lg\:col-span-4 {
      grid-column: span 4/span 4
    }

    .lg\:col-span-9 {
      grid-column: span 9/span 9
    }

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

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

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

    .lg\:mr-12 {
      margin-right: calc(var(--spacing)*12)
    }

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

    .lg\:block {
      display: block
    }

    .lg\:flex {
      display: flex
    }

    .lg\:hidden {
      display: none
    }

    .lg\:table-cell {
      display: table-cell
    }

    .lg\:aspect-\[3\/2\] {
      aspect-ratio: 3/2
    }

    .lg\:size-8 {
      width: calc(var(--spacing)*8);
      height: calc(var(--spacing)*8)
    }

    .lg\:size-24 {
      width: calc(var(--spacing)*24);
      height: calc(var(--spacing)*24)
    }

    .lg\:size-32 {
      width: calc(var(--spacing)*32);
      height: calc(var(--spacing)*32)
    }

    .lg\:size-\[880px\] {
      width: 880px;
      height: 880px
    }

    .lg\:h-16 {
      height: calc(var(--spacing)*16)
    }

    .lg\:h-32 {
      height: calc(var(--spacing)*32)
    }

    .lg\:h-96 {
      height: calc(var(--spacing)*96)
    }

    .lg\:h-112 {
      height: calc(var(--spacing)*112)
    }

    .lg\:h-\[288px\] {
      height: 288px
    }

    .lg\:h-\[640px\] {
      height: 640px
    }

    .lg\:h-\[calc\(100vh-16rem\)\] {
      height: calc(100vh - 16rem)
    }

    .lg\:h-full {
      height: 100%
    }

    .lg\:w-1\/2 {
      width: 50%
    }

    .lg\:w-1\/3 {
      width: 33.3333%
    }

    .lg\:w-2\/3 {
      width: 66.6667%
    }

    .lg\:w-12 {
      width: calc(var(--spacing)*12)
    }

    .lg\:w-64 {
      width: calc(var(--spacing)*64)
    }

    .lg\:w-auto {
      width: auto
    }

    .lg\:w-fit {
      width: fit-content
    }

    .lg\:w-full {
      width: 100%
    }

    .lg\:\!max-w-\[50dvw\] {
      max-width: 50dvw !important
    }

    .lg\:max-w-1\/2 {
      max-width: 50%
    }

    .lg\:max-w-2xl {
      max-width: var(--container-2xl)
    }

    .lg\:max-w-3xl {
      max-width: var(--container-3xl)
    }

    .lg\:max-w-5xl {
      max-width: var(--container-5xl)
    }

    .lg\:max-w-5xl\! {
      max-width: var(--container-5xl) !important
    }

    .lg\:max-w-64 {
      max-width: calc(var(--spacing)*64)
    }

    .lg\:max-w-\[45\%\] {
      max-width: 45%
    }

    .lg\:max-w-\[280px\] {
      max-width: 280px
    }

    .lg\:max-w-\[384px\] {
      max-width: 384px
    }

    .lg\:max-w-\[var\(--gummie-container-width\)\] {
      max-width: var(--gummie-container-width)
    }

    .lg\:max-w-none {
      max-width: none
    }

    .lg\:max-w-sm {
      max-width: var(--container-sm)
    }

    .lg\:min-w-1\/2 {
      min-width: 50%
    }

    .lg\:min-w-3xl {
      min-width: var(--container-3xl)
    }

    .lg\:min-w-3xl\! {
      min-width: var(--container-3xl) !important
    }

    .lg\:min-w-5xl\! {
      min-width: var(--container-5xl) !important
    }

    .lg\:min-w-32 {
      min-width: calc(var(--spacing)*32)
    }

    .lg\:min-w-40 {
      min-width: calc(var(--spacing)*40)
    }

    .lg\:min-w-80 {
      min-width: calc(var(--spacing)*80)
    }

    .lg\:min-w-\[400px\] {
      min-width: 400px
    }

    .lg\:min-w-\[var\(--gummie-container-width\)\] {
      min-width: var(--gummie-container-width)
    }

    .lg\:min-w-lg {
      min-width: var(--container-lg)
    }

    .lg\:min-w-md {
      min-width: var(--container-md)
    }

    .lg\:min-w-xl {
      min-width: var(--container-xl)
    }

    .lg\:flex-1 {
      flex: 1
    }

    .lg\:flex-1\/3 {
      flex: 33.3333%
    }

    .lg\:flex-2\/3 {
      flex: 66.6667%
    }

    .lg\:flex-none {
      flex: none
    }

    .lg\:flex-grow {
      flex-grow: 1
    }

    .lg\:basis-\[28\%\] {
      flex-basis: 28%
    }

    .lg\:basis-\[33\%\] {
      flex-basis: 33%
    }

    .lg\:translate-x-3 {
      --tw-translate-x: calc(var(--spacing)*3);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .lg\:translate-x-\[calc\(\(var\(--container-sm\)\+1rem\+0\.75rem\)\*-1\)\] {
      --tw-translate-x: calc((var(--container-sm) + 1rem + .75rem)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-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-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:grid-cols-\[52px_auto_52px\] {
      grid-template-columns: 52px auto 52px
    }

    .lg\:\!flex-row {
      flex-direction: row !important
    }

    .lg\:flex-row {
      flex-direction: row
    }

    .lg\:flex-row-reverse {
      flex-direction: row-reverse
    }

    .lg\:items-center {
      align-items: center
    }

    .lg\:items-end {
      align-items: flex-end
    }

    .lg\:justify-between {
      justify-content: space-between
    }

    .lg\:gap-0 {
      gap: calc(var(--spacing)*0)
    }

    .lg\:gap-4 {
      gap: calc(var(--spacing)*4)
    }

    .lg\:gap-5 {
      gap: calc(var(--spacing)*5)
    }

    .lg\:gap-8 {
      gap: calc(var(--spacing)*8)
    }

    .lg\:gap-10 {
      gap: calc(var(--spacing)*10)
    }

    :where(.lg\:space-y-8>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.lg\:space-x-8>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.lg\:space-x-10>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing)*10)*var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.lg\:divide-x-1>:not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
    }

    .lg\:overflow-visible {
      overflow: visible
    }

    .lg\:rounded-xl {
      border-radius: calc(var(--radius) + 4px)
    }

    .lg\:border {
      border-style: var(--tw-border-style);
      border-width: 1px
    }

    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px
    }

    .lg\:border-r-0 {
      border-right-style: var(--tw-border-style);
      border-right-width: 0
    }

    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0
    }

    .lg\:p-4 {
      padding: calc(var(--spacing)*4)
    }

    .lg\:p-8 {
      padding: calc(var(--spacing)*8)
    }

    .lg\:p-10 {
      padding: calc(var(--spacing)*10)
    }

    .lg\:p-12 {
      padding: calc(var(--spacing)*12)
    }

    .lg\:px-0 {
      padding-inline: calc(var(--spacing)*0)
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing)*8)
    }

    .lg\:px-12 {
      padding-inline: calc(var(--spacing)*12)
    }

    .lg\:px-16 {
      padding-inline: calc(var(--spacing)*16)
    }

    .lg\:px-20 {
      padding-inline: calc(var(--spacing)*20)
    }

    .lg\:px-32 {
      padding-inline: calc(var(--spacing)*32)
    }

    .lg\:py-0 {
      padding-block: calc(var(--spacing)*0)
    }

    .lg\:py-8 {
      padding-block: calc(var(--spacing)*8)
    }

    .lg\:py-12 {
      padding-block: calc(var(--spacing)*12)
    }

    .lg\:py-16 {
      padding-block: calc(var(--spacing)*16)
    }

    .lg\:py-24 {
      padding-block: calc(var(--spacing)*24)
    }

    .lg\:pt-0 {
      padding-top: calc(var(--spacing)*0)
    }

    .lg\:pr-2 {
      padding-right: calc(var(--spacing)*2)
    }

    .lg\:pr-16 {
      padding-right: calc(var(--spacing)*16)
    }

    .lg\:pb-0 {
      padding-bottom: calc(var(--spacing)*0)
    }

    .lg\:text-start {
      text-align: start
    }

    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .lg\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height))
    }

    .lg\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .lg\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .lg\:text-\[36px\] {
      font-size: 36px
    }

    .lg\:text-\[64px\] {
      font-size: 64px
    }

    .lg\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  }

  @media (min-width:80rem) {
    .xl\:col-span-2 {
      grid-column: span 2/span 2
    }

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

    .xl\:grid {
      display: grid
    }

    .xl\:w-3xl {
      width: var(--container-3xl)
    }

    .xl\:w-auto {
      width: auto
    }

    .xl\:w-full {
      width: 100%
    }

    .xl\:w-xs {
      width: var(--container-xs)
    }

    .xl\:\!max-w-3xl {
      max-width: var(--container-3xl) !important
    }

    .xl\:max-w-3xl {
      max-width: var(--container-3xl)
    }

    .xl\:max-w-7xl {
      max-width: var(--container-7xl)
    }

    .xl\:max-w-124 {
      max-width: calc(var(--spacing)*124)
    }

    .xl\:max-w-md {
      max-width: var(--container-md)
    }

    .xl\:min-w-3xl {
      min-width: var(--container-3xl)
    }

    .xl\:min-w-7xl {
      min-width: var(--container-7xl)
    }

    .xl\:min-w-96 {
      min-width: calc(var(--spacing)*96)
    }

    .xl\:min-w-124 {
      min-width: calc(var(--spacing)*124)
    }

    .xl\:min-w-\[256px\] {
      min-width: 256px
    }

    .xl\:min-w-\[320px\] {
      min-width: 320px
    }

    .xl\:min-w-\[357px\] {
      min-width: 357px
    }

    .xl\:min-w-\[384px\] {
      min-width: 384px
    }

    .xl\:min-w-md {
      min-width: var(--container-md)
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:flex-row {
      flex-direction: row
    }

    .xl\:flex-row\! {
      flex-direction: row !important
    }

    .xl\:items-center {
      align-items: center
    }

    .xl\:items-center\! {
      align-items: center !important
    }

    .xl\:gap-8 {
      gap: calc(var(--spacing)*8)
    }

    .xl\:gap-x-6 {
      column-gap: calc(var(--spacing)*6)
    }

    .xl\:px-0 {
      padding-inline: calc(var(--spacing)*0)
    }

    .xl\:pr-0 {
      padding-right: calc(var(--spacing)*0)
    }

    .xl\:pl-0 {
      padding-left: calc(var(--spacing)*0)
    }
  }

  @media (min-width:96rem) {
    .\32 xl\:w-md {
      width: var(--container-md)
    }

    .\32 xl\:max-w-md {
      max-width: var(--container-md)
    }

    .\32 xl\:translate-x-\[calc\(\(var\(--container-md\)\+1rem\+0\.75rem\)\*-1\)\] {
      --tw-translate-x: calc((var(--container-md) + 1rem + .75rem)*-1);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\32 xl\:translate-x-\[calc\(var\(--container-md\)\+16px\)\] {
      --tw-translate-x: calc(var(--container-md) + 16px);
      translate: var(--tw-translate-x)var(--tw-translate-y)
    }
  }

  @container (min-width:28rem) {
    .\@md\:grid\! {
      display: grid !important
    }

    .\@md\:inline {
      display: inline
    }

    .\@md\:w-64 {
      width: calc(var(--spacing)*64)
    }

    .\@md\:grid-cols-2\! {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
  }

  @container export-workspaces (min-width:32rem) {
    .\@lg\/export-workspaces\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  @container (min-width:32rem) {
    .\@lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  @container (min-width:36rem) {
    .\@xl\:flex {
      display: flex
    }

    .\@xl\:flex\! {
      display: flex !important
    }

    .\@xl\:flex-row {
      flex-direction: row
    }
  }

  @container export-workspaces (min-width:42rem) {
    .\@2xl\/export-workspaces\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }
  }

  @container export-categories (min-width:48rem) {
    .\@3xl\/export-categories\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  @container (min-width:48rem) {
    .\@3xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  @container (min-width:56rem) {
    .\@4xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }
  }

  @container (min-width:64rem) {
    .\@5xl\:sticky {
      position: sticky
    }

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

    .\@5xl\:top-8 {
      top: calc(var(--spacing)*8)
    }

    .\@5xl\:block {
      display: block
    }

    .\@5xl\:flex {
      display: flex
    }

    .\@5xl\:hidden {
      display: none
    }

    .\@5xl\:w-full {
      width: 100%
    }

    .\@5xl\:max-w-xs {
      max-width: var(--container-xs)
    }

    .\@5xl\:flex-col {
      flex-direction: column
    }

    .\@5xl\:flex-row {
      flex-direction: row
    }

    .\@5xl\:items-start {
      align-items: flex-start
    }

    .\@5xl\:gap-6 {
      gap: calc(var(--spacing)*6)
    }

    .\@5xl\:gap-8 {
      gap: calc(var(--spacing)*8)
    }

    .\@5xl\:py-8 {
      padding-block: calc(var(--spacing)*8)
    }

    .\@5xl\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height))
    }
  }

  .dark\:border:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .dark\:border-none:where(.dark, .dark *) {
    --tw-border-style: none;
    border-style: none
  }

  .dark\:border-\[var\(--node-color-light\)\]:where(.dark, .dark *) {
    border-color: var(--node-color-light)
  }

  .dark\:border-amber-700:where(.dark, .dark *) {
    border-color: var(--amber-700)
  }

  .dark\:border-amber-900:where(.dark, .dark *) {
    border-color: var(--amber-900)
  }

  .dark\:border-foreground\/50:where(.dark, .dark *) {
    border-color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:border-foreground\/50:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--foreground)50%, transparent)
    }
  }

  .dark\:border-orange-400:where(.dark, .dark *) {
    border-color: var(--orange-400)
  }

  .dark\:border-pink-100:where(.dark, .dark *) {
    border-color: var(--pink-100)
  }

  .dark\:border-purple-50:where(.dark, .dark *) {
    border-color: var(--purple-50)
  }

  .dark\:bg-\[var\(--file-category-light\)\]:where(.dark, .dark *) {
    background-color: var(--file-category-light)
  }

  .dark\:bg-\[var\(--node-color-medium\)\]:where(.dark, .dark *),
  .dark\:bg-\[var\(--node-color-medium\)\]\/85:where(.dark, .dark *) {
    background-color: var(--node-color-medium)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-\[var\(--node-color-medium\)\]\/85:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--node-color-medium)85%, transparent)
    }
  }

  .dark\:bg-amber-800:where(.dark, .dark *) {
    background-color: var(--amber-800)
  }

  .dark\:bg-amber-950:where(.dark, .dark *),
  .dark\:bg-amber-950\/20:where(.dark, .dark *) {
    background-color: var(--amber-950)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--amber-950)20%, transparent)
    }
  }

  .dark\:bg-background\/30:where(.dark, .dark *) {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-background\/30:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--background)30%, transparent)
    }
  }

  .dark\:bg-destructive\/75:where(.dark, .dark *) {
    background-color: var(--destructive)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/75:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--destructive)75%, transparent)
    }
  }

  .dark\:bg-elevated\/75:where(.dark, .dark *) {
    background-color: var(--elevated)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-elevated\/75:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--elevated)75%, transparent)
    }
  }

  .dark\:bg-foreground\/24:where(.dark, .dark *) {
    background-color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-foreground\/24:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--foreground)24%, transparent)
    }
  }

  .dark\:bg-gray-800:where(.dark, .dark *) {
    background-color: var(--color-gray-800)
  }

  .dark\:bg-muted:where(.dark, .dark *) {
    background-color: var(--muted)
  }

  .dark\:bg-muted-foreground\/15:where(.dark, .dark *) {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-muted-foreground\/15:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--muted-foreground)15%, transparent)
    }
  }

  .dark\:bg-muted\/90:where(.dark, .dark *) {
    background-color: var(--muted)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-muted\/90:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--muted)90%, transparent)
    }
  }

  .dark\:bg-orange-700:where(.dark, .dark *) {
    background-color: var(--orange-700)
  }

  .dark\:bg-pink-50\/20:where(.dark, .dark *) {
    background-color: var(--pink-50)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-pink-50\/20:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--pink-50)20%, transparent)
    }
  }

  .dark\:bg-pink-200:where(.dark, .dark *) {
    background-color: var(--pink-200)
  }

  .dark\:bg-purple-100\!:where(.dark, .dark *) {
    background-color: var(--purple-100) !important
  }

  .dark\:bg-warning\/75:where(.dark, .dark *) {
    background-color: var(--warning)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:bg-warning\/75:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--warning)75%, transparent)
    }
  }

  .dark\:from-muted\/50:where(.dark, .dark *) {
    --tw-gradient-from: var(--muted);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:from-muted\/50:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--muted)50%, transparent)
    }
  }

  .dark\:from-pink-950\/10:where(.dark, .dark *) {
    --tw-gradient-from: var(--pink-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:from-pink-950\/10:where(.dark, .dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--pink-950)10%, transparent)
    }
  }

  .dark\:to-blue-950\/10:where(.dark, .dark *) {
    --tw-gradient-to: var(--blue-950);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:to-blue-950\/10:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--blue-950)10%, transparent)
    }
  }

  .dark\:to-border\/50:where(.dark, .dark *) {
    --tw-gradient-to: var(--border);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:to-border\/50:where(.dark, .dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--border)50%, transparent)
    }
  }

  .dark\:to-neutral-900:where(.dark, .dark *) {
    --tw-gradient-to: var(--color-neutral-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
  }

  .dark\:text-amber-200:where(.dark, .dark *) {
    color: var(--amber-200)
  }

  .dark\:text-amber-500:where(.dark, .dark *) {
    color: var(--amber-500)
  }

  .dark\:text-background:where(.dark, .dark *) {
    color: var(--background)
  }

  .dark\:text-foreground:where(.dark, .dark *) {
    color: var(--foreground)
  }

  .dark\:text-foreground\!:where(.dark, .dark *) {
    color: var(--foreground) !important
  }

  .dark\:text-foreground\/72:where(.dark, .dark *) {
    color: var(--foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:text-foreground\/72:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--foreground)72%, transparent)
    }
  }

  .dark\:text-orange-200:where(.dark, .dark *) {
    color: var(--orange-200)
  }

  .dark\:text-secondary-foreground:where(.dark, .dark *) {
    color: var(--secondary-foreground)
  }

  .dark\:text-warning-foreground:where(.dark, .dark *) {
    color: var(--warning-foreground)
  }

  .dark\:ring-\[var\(--node-color-dark\)\]\/25:where(.dark, .dark *) {
    --tw-ring-color: var(--node-color-dark)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:ring-\[var\(--node-color-dark\)\]\/25:where(.dark, .dark *) {
      --tw-ring-color: color-mix(in oklab, var(--node-color-dark)25%, transparent)
    }
  }

  @media (hover:hover) {
    .dark\:group-hover\:bg-muted:where(.dark, .dark *):is(:where(.group):hover *) {
      background-color: var(--muted)
    }

    .dark\:hover\:bg-purple-300\!:where(.dark, .dark *):hover {
      background-color: var(--purple-300) !important
    }
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark, .dark *)[data-variant=destructive]:focus {
    background-color: var(--destructive)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark, .dark *)[data-variant=destructive]:focus {
      background-color: color-mix(in oklab, var(--destructive)20%, transparent)
    }
  }

  .\[\&_\*\]\:text-foreground * {
    color: var(--foreground)
  }

  .\[\&_\.MuiSlider-mark\]\:\!bg-muted-foreground .MuiSlider-mark {
    background-color: var(--muted-foreground) !important
  }

  .\[\&_\.MuiSlider-markActive\]\:\!bg-accent-foreground .MuiSlider-markActive {
    background-color: var(--accent-foreground) !important
  }

  .\[\&_\.MuiSlider-markLabel\]\:\!text-foreground .MuiSlider-markLabel {
    color: var(--foreground) !important
  }

  .\[\&_\.MuiSlider-rail\]\:\!bg-muted-foreground\/50 .MuiSlider-rail {
    background-color: var(--muted-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_\.MuiSlider-rail\]\:\!bg-muted-foreground\/50 .MuiSlider-rail {
      background-color: color-mix(in oklab, var(--muted-foreground)50%, transparent) !important
    }
  }

  .\[\&_\.MuiSlider-thumb\]\:border-2 .MuiSlider-thumb {
    border-style: var(--tw-border-style);
    border-width: 2px
  }

  .\[\&_\.MuiSlider-thumb\]\:\!border-accent-foreground .MuiSlider-thumb {
    border-color: var(--accent-foreground) !important
  }

  .\[\&_\.MuiSlider-thumb\]\:\!bg-accent-foreground .MuiSlider-thumb,
  .\[\&_\.MuiSlider-track\]\:\!bg-accent-foreground .MuiSlider-track {
    background-color: var(--accent-foreground) !important
  }

  .\[\&_\.ProseMirror\]\:ring-0 .ProseMirror {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .\[\&_\.ProseMirror\]\:outline-none .ProseMirror {
    --tw-outline-style: none;
    outline-style: none
  }

  .\[\&_\.ProseMirror_li\]\:my-1 .ProseMirror li {
    margin-block: calc(var(--spacing)*1)
  }

  .\[\&_\.ProseMirror_ol\]\:list-decimal .ProseMirror ol {
    list-style-type: decimal
  }

  .\[\&_\.ProseMirror_ol\]\:pl-6 .ProseMirror ol {
    padding-left: calc(var(--spacing)*6)
  }

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none .ProseMirror p.is-editor-empty:first-child:before {
    pointer-events: none
  }

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:float-left .ProseMirror p.is-editor-empty:first-child:before {
    float: left
  }

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:h-0 .ProseMirror p.is-editor-empty:first-child:before {
    height: calc(var(--spacing)*0)
  }

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:text-gray-400 .ProseMirror p.is-editor-empty:first-child:before {
    color: var(--color-gray-400)
  }

  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] .ProseMirror p.is-editor-empty:first-child:before {
    --tw-content: attr(data-placeholder);
    content: var(--tw-content)
  }

  .\[\&_\.ProseMirror_ul\]\:list-disc .ProseMirror ul {
    list-style-type: disc
  }

  .\[\&_\.ProseMirror_ul\]\:pl-6 .ProseMirror ul {
    padding-left: calc(var(--spacing)*6)
  }

  .\[\&_\.ProseMirror\:focus\]\:ring-0 .ProseMirror:focus {
    --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus {
    --tw-outline-style: none;
    outline-style: none
  }

  .\[\&_\.ProseMirror\>\*\:first-child\]\:\!mt-0 .ProseMirror>:first-child {
    margin-top: calc(var(--spacing)*0) !important
  }

  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
    fill: var(--muted-foreground)
  }

  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc] {
    stroke: var(--border)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc] {
      stroke: color-mix(in oklab, var(--border)50%, transparent)
    }
  }

  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--border)
  }

  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff] {
    stroke: #0000
  }

  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none
  }

  @media (forced-colors:active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000
    }
  }

  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc] {
    stroke: var(--border)
  }

  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--muted)
  }

  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc] {
    stroke: var(--border)
  }

  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none
  }

  @media (forced-colors:active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000
    }
  }

  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff] {
    stroke: #0000
  }

  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none
  }

  @media (forced-colors:active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000
    }
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing)*2)
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing)*1.5)
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
  }

  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: var(--muted-foreground)
  }

  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing)*2)
  }

  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] {
    padding-top: calc(var(--spacing)*0)
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing)*5)
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing)*5)
  }

  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing)*12)
  }

  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing)*2)
  }

  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing)*3)
  }

  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing)*5)
  }

  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing)*5)
  }

  .\[\&_a\]\:cursor-pointer a {
    cursor: pointer
  }

  .\[\&_a\]\:text-accent-foreground a {
    color: var(--accent-foreground)
  }

  .\[\&_a\]\:text-blue-500 a {
    color: var(--blue-500)
  }

  .\[\&_a\]\:text-pink-500 a {
    color: var(--pink-500)
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline
  }

  .\[\&_a\]\:decoration-pink-500 a {
    -webkit-text-decoration-color: var(--pink-500);
    text-decoration-color: var(--pink-500)
  }

  @media (hover:hover) {
    .\[\&_a\]\:hover\:text-accent-foreground\/80 a:hover {
      color: var(--accent-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_a\]\:hover\:text-accent-foreground\/80 a:hover {
        color: color-mix(in oklab, var(--accent-foreground)80%, transparent)
      }
    }

    .\[\&_a\]\:hover\:text-blue-500\/80 a:hover {
      color: var(--blue-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_a\]\:hover\:text-blue-500\/80 a:hover {
        color: color-mix(in oklab, var(--blue-500)80%, transparent)
      }
    }

    .\[\&_a\]\:hover\:text-pink-500\/80 a:hover {
      color: var(--pink-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_a\]\:hover\:text-pink-500\/80 a:hover {
        color: color-mix(in oklab, var(--pink-500)80%, transparent)
      }
    }

    .\[\&_a\]\:hover\:text-pink-600 a:hover {
      color: var(--pink-600)
    }

    .\[\&_a\]\:hover\:no-underline a:hover {
      text-decoration-line: none
    }
  }

  .\[\&_blockquote\]\:border-l-3 blockquote {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px
  }

  .\[\&_blockquote\]\:border-l-muted-foreground\/20 blockquote {
    border-left-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_blockquote\]\:border-l-muted-foreground\/20 blockquote {
      border-left-color: color-mix(in oklab, var(--muted-foreground)20%, transparent)
    }
  }

  .\[\&_blockquote\]\:pl-3 blockquote {
    padding-left: calc(var(--spacing)*3)
  }

  .\[\&_blockquote\]\:text-muted-foreground\/80 blockquote {
    color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_blockquote\]\:text-muted-foreground\/80 blockquote {
      color: color-mix(in oklab, var(--muted-foreground)80%, transparent)
    }
  }

  .\[\&_blockquote\>p\]\:text-sm blockquote>p {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_button\]\:border button {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .\[\&_button\]\:border-background\/20 button {
    border-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_button\]\:border-background\/20 button {
      border-color: color-mix(in oklab, var(--background)20%, transparent)
    }
  }

  .\[\&_button\]\:bg-background\/10 button {
    background-color: var(--background)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_button\]\:bg-background\/10 button {
      background-color: color-mix(in oklab, var(--background)10%, transparent)
    }
  }

  .\[\&_button\]\:text-background button {
    color: var(--background)
  }

  @media (hover:hover) {
    .\[\&_button\]\:hover\:bg-background\/20 button:hover {
      background-color: var(--background)
    }

    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_button\]\:hover\:bg-background\/20 button:hover {
        background-color: color-mix(in oklab, var(--background)20%, transparent)
      }
    }
  }

  .\[\&_button\]\:focus\:scale-100\! button:focus {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x)var(--tw-scale-y) !important
  }

  .\[\&_code\]\:rounded-sm code {
    border-radius: calc(var(--radius) - 4px)
  }

  .\[\&_code\]\:bg-muted-foreground\/10 code {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_code\]\:bg-muted-foreground\/10 code {
      background-color: color-mix(in oklab, var(--muted-foreground)10%, transparent)
    }
  }

  .\[\&_code\]\:px-1 code {
    padding-inline: calc(var(--spacing)*1)
  }

  .\[\&_code\]\:py-0\.5 code {
    padding-block: calc(var(--spacing)*.5)
  }

  .\[\&_code\]\:font-mono code {
    font-family: var(--font-geist-mono)
  }

  .\[\&_code\]\:text-sm code {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_code\]\:whitespace-pre-wrap code {
    white-space: pre-wrap
  }

  .\[\&_code\]\:text-muted-foreground code {
    color: var(--muted-foreground)
  }

  .\[\&_code\]\:tabular-nums code {
    --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, )
  }

  .\[\&_h1\]\:my-2 h1 {
    margin-block: calc(var(--spacing)*2)
  }

  .\[\&_h1\]\:text-lg h1 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
  }

  .\[\&_h1\]\:text-xl h1 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height))
  }

  .\[\&_h1\]\:font-semibold h1 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  .\[\&_h2\]\:my-2 h2 {
    margin-block: calc(var(--spacing)*2)
  }

  .\[\&_h2\]\:\!text-3xl h2 {
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important
  }

  .\[\&_h2\]\:text-base h2 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height))
  }

  .\[\&_h2\]\:text-lg h2 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
  }

  .\[\&_h2\]\:font-semibold h2 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  @media (min-width:40rem) {
    .\[\&_h2\]\:sm\:\!text-4xl h2 {
      font-size: var(--text-4xl) !important;
      line-height: var(--tw-leading, var(--text-4xl--line-height)) !important
    }
  }

  @media (min-width:64rem) {
    .\[\&_h2\]\:lg\:\!text-5xl h2 {
      font-size: var(--text-5xl) !important;
      line-height: var(--tw-leading, var(--text-5xl--line-height)) !important
    }
  }

  .\[\&_h3\]\:my-2 h3 {
    margin-block: calc(var(--spacing)*2)
  }

  .\[\&_h3\]\:text-base h3 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height))
  }

  .\[\&_h3\]\:text-sm h3 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_h3\]\:font-medium h3 {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .\[\&_hr\]\:my-3 hr {
    margin-block: calc(var(--spacing)*3)
  }

  .\[\&_hr\]\:border-t hr {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
  }

  .\[\&_hr\]\:border-solid hr {
    --tw-border-style: solid;
    border-style: solid
  }

  .\[\&_hr\]\:border-muted-foreground\/20 hr {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_hr\]\:border-muted-foreground\/20 hr {
      border-color: color-mix(in oklab, var(--muted-foreground)20%, transparent)
    }
  }

  .\[\&_img\]\:hidden img {
    display: none
  }

  .\[\&_img\]\:size-5 img {
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5)
  }

  .\[\&_img\]\:opacity-18 img {
    opacity: .18
  }

  .\[\&_img\]\:brightness-\[0\.5\] img {
    --tw-brightness: brightness(.5)
  }

  .\[\&_img\]\:brightness-\[0\.5\] img,
  .\[\&_img\]\:contrast-0 img {
    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, )
  }

  .\[\&_img\]\:contrast-0 img {
    --tw-contrast: contrast(0%)
  }

  .\[\&_img\]\:grayscale img {
    --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, )
  }

  .\[\&_li\]\:my-1 li {
    margin-block: calc(var(--spacing)*1)
  }

  .\[\&_li\]\:ml-6 li {
    margin-left: calc(var(--spacing)*6)
  }

  .\[\&_li\]\:text-sm li {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_li\]\:font-normal li {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .\[\&_ol\]\:my-0 ol {
    margin-block: calc(var(--spacing)*0)
  }

  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal
  }

  .\[\&_ol\]\:pl-6 ol {
    padding-left: calc(var(--spacing)*6)
  }

  .\[\&_ol\]\:text-sm ol {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_ol\]\:font-normal ol {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .\[\&_ol\>li\]\:my-0 ol>li {
    margin-block: calc(var(--spacing)*0)
  }

  .\[\&_ol\>li\]\:list-decimal ol>li {
    list-style-type: decimal
  }

  .\[\&_p\]\:my-0 p {
    margin-block: calc(var(--spacing)*0)
  }

  .\[\&_p\]\:min-h-\[1\.2em\] p {
    min-height: 1.2em
  }

  .\[\&_p\]\:min-h-\[1\.5em\] p {
    min-height: 1.5em
  }

  .\[\&_p\]\:text-sm p {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_p\]\:font-normal p {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .\[\&_p\]\:break-words p {
    overflow-wrap: break-word
  }

  .\[\&_pre\]\:my-2 pre {
    margin-block: calc(var(--spacing)*2)
  }

  .\[\&_pre\]\:rounded-sm pre {
    border-radius: calc(var(--radius) - 4px)
  }

  .\[\&_pre\]\:bg-muted-foreground\/7\.5 pre {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_pre\]\:bg-muted-foreground\/7\.5 pre {
      background-color: color-mix(in oklab, var(--muted-foreground)7.5%, transparent)
    }
  }

  .\[\&_pre\]\:px-3 pre {
    padding-inline: calc(var(--spacing)*3)
  }

  .\[\&_pre\]\:py-2 pre {
    padding-block: calc(var(--spacing)*2)
  }

  .\[\&_pre\]\:font-mono pre {
    font-family: var(--font-geist-mono)
  }

  .\[\&_pre\]\:text-sm pre {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_pre\]\:text-muted-foreground pre {
    color: var(--muted-foreground)
  }

  .\[\&_pre\>code\]\:rounded-none pre>code {
    border-radius: 0
  }

  .\[\&_pre\>code\]\:bg-transparent pre>code {
    background-color: #0000
  }

  .\[\&_pre\>code\]\:px-0 pre>code {
    padding-inline: calc(var(--spacing)*0)
  }

  .\[\&_pre\>code\]\:py-0 pre>code {
    padding-block: calc(var(--spacing)*0)
  }

  .\[\&_pre\>code\]\:font-mono pre>code {
    font-family: var(--font-geist-mono)
  }

  .\[\&_pre\>code\]\:text-sm pre>code {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_pre\>code\]\:text-muted-foreground pre>code {
    color: var(--muted-foreground)
  }

  .\[\&_strong\]\:my-0 strong {
    margin-block: calc(var(--spacing)*0)
  }

  .\[\&_strong\]\:font-semibold strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none
  }

  .\[\&_svg\]\:absolute svg {
    position: absolute
  }

  .\[\&_svg\]\:top-1\/2 svg {
    top: 50%
  }

  .\[\&_svg\]\:size-3 svg {
    width: calc(var(--spacing)*3);
    height: calc(var(--spacing)*3)
  }

  .\[\&_svg\]\:size-3\.5 svg {
    width: calc(var(--spacing)*3.5);
    height: calc(var(--spacing)*3.5)
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4)
  }

  .\[\&_svg\]\:size-4\.5 svg {
    width: calc(var(--spacing)*4.5);
    height: calc(var(--spacing)*4.5)
  }

  .\[\&_svg\]\:size-5 svg {
    width: calc(var(--spacing)*5);
    height: calc(var(--spacing)*5)
  }

  .\[\&_svg\]\:size-6 svg {
    width: calc(var(--spacing)*6);
    height: calc(var(--spacing)*6)
  }

  .\[\&_svg\]\:h-3\.5 svg {
    height: calc(var(--spacing)*3.5)
  }

  .\[\&_svg\]\:w-3\.5 svg {
    width: calc(var(--spacing)*3.5)
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0
  }

  .\[\&_svg\]\:-translate-y-1\/2 svg {
    --tw-translate-y: calc(calc(1/2*100%)*-1);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .\[\&_svg\]\:animate-spin svg {
    animation: var(--animate-spin)
  }

  .\[\&_svg\]\:text-muted-foreground svg {
    color: var(--muted-foreground)
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4)
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) {
    color: var(--muted-foreground)
  }

  .\[\&_table\]\:my-2 table {
    margin-block: calc(var(--spacing)*2)
  }

  .\[\&_table\]\:w-full table {
    width: 100%
  }

  .\[\&_table\]\:border-collapse table {
    border-collapse: collapse
  }

  .\[\&_table\]\:text-sm table {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_td\]\:border td {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .\[\&_td\]\:border-muted-foreground\/20 td {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_td\]\:border-muted-foreground\/20 td {
      border-color: color-mix(in oklab, var(--muted-foreground)20%, transparent)
    }
  }

  .\[\&_td\]\:px-3 td {
    padding-inline: calc(var(--spacing)*3)
  }

  .\[\&_td\]\:py-2 td {
    padding-block: calc(var(--spacing)*2)
  }

  .\[\&_td\]\:text-left td {
    text-align: left
  }

  .\[\&_th\]\:border th {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .\[\&_th\]\:border-muted-foreground\/20 th {
    border-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_th\]\:border-muted-foreground\/20 th {
      border-color: color-mix(in oklab, var(--muted-foreground)20%, transparent)
    }
  }

  .\[\&_th\]\:bg-muted-foreground\/10 th {
    background-color: var(--muted-foreground)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&_th\]\:bg-muted-foreground\/10 th {
      background-color: color-mix(in oklab, var(--muted-foreground)10%, transparent)
    }
  }

  .\[\&_th\]\:px-3 th {
    padding-inline: calc(var(--spacing)*3)
  }

  .\[\&_th\]\:py-2 th {
    padding-block: calc(var(--spacing)*2)
  }

  .\[\&_th\]\:text-left th {
    text-align: left
  }

  .\[\&_th\]\:font-semibold th {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .\[\&_ul\]\:mb-2 ul {
    margin-bottom: calc(var(--spacing)*2)
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc
  }

  .\[\&_ul\]\:pl-6 ul {
    padding-left: calc(var(--spacing)*6)
  }

  .\[\&_ul\]\:text-sm ul {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .\[\&_ul\]\:font-normal ul {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .\[\&_ul\>li\]\:my-0 ul>li {
    margin-block: calc(var(--spacing)*0)
  }

  .\[\&_ul\>li\]\:list-disc ul>li {
    list-style-type: disc
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
    padding-right: calc(var(--spacing)*0)
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg) {
    color: var(--destructive) !important
  }

  .\[\&\>\*\]\:h-5>* {
    height: calc(var(--spacing)*5)
  }

  .\[\&\>\*\]\:w-5>* {
    width: calc(var(--spacing)*5)
  }

  .\[\&\>\*\]\:stroke-\[1\.5\]>* {
    stroke-width: 1.5px
  }

  .group-data-\[collapsible\=icon\]\:\[\&\>\*\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *)>* {
    opacity: 0
  }

  .\[\&\>\*\]\:focus-visible\:relative>:focus-visible {
    position: relative
  }

  .\[\&\>\*\]\:focus-visible\:z-10>:focus-visible {
    z-index: 10
  }

  .\[\&\>\*\:first-child\]\:border-r-0>:first-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0
  }

  .\[\&\>\*\:first-child\]\:border-b-0>:first-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  .\[\&\>\*\:last-child\]\:border-t-0>:last-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0
  }

  .\[\&\>\*\:last-child\]\:border-l-0>:last-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0
  }

  .\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:border-y-0>:not(:first-child):not(:last-child) {
    border-block-style: var(--tw-border-style);
    border-block-width: 0
  }

  .\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:border-r-0>:not(:first-child):not(:last-child) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px)
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]) {
    width: fit-content
  }

  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .\[\&\>\[role\=progressbar\]\]\:bg-sidebar-primary\/80>[role=progressbar] {
    background-color: var(--sidebar-primary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&\>\[role\=progressbar\]\]\:bg-sidebar-primary\/80>[role=progressbar] {
      background-color: color-mix(in oklab, var(--sidebar-primary)80%, transparent)
    }
  }

  .\[\&\>button\]\:hidden>button {
    display: none
  }

  .\[\&\>button\]\:\!border-success-foreground\/30>button {
    border-color: var(--success-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&\>button\]\:\!border-success-foreground\/30>button {
      border-color: color-mix(in oklab, var(--success-foreground)30%, transparent) !important
    }
  }

  .\[\&\>button\]\:\!border-warning-foreground\/30>button {
    border-color: var(--warning-foreground) !important
  }

  @supports (color:color-mix(in lab, red, red)) {
    .\[\&\>button\]\:\!border-warning-foreground\/30>button {
      border-color: color-mix(in oklab, var(--warning-foreground)30%, transparent) !important
    }
  }

  .\[\&\>button\]\:\!text-success-foreground>button {
    color: var(--success-foreground) !important
  }

  .\[\&\>button\]\:\!text-warning-foreground>button {
    color: var(--warning-foreground) !important
  }

  .group-data-\[collapsible\=icon\]\:\[\&\>img\]\:\!opacity-100:is(:where(.group)[data-collapsible=icon] *)>img {
    opacity: 1 !important
  }

  .\[\&\>input\]\:flex-1>input {
    flex: 1
  }

  .\[\&\>span\]\:line-clamp-1>span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .\[\&\>span\:last-child\]\:truncate>span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }

  .\[\&\>svg\]\:hidden>svg {
    display: none
  }

  .\[\&\>svg\]\:size-2\.5>svg {
    width: calc(var(--spacing)*2.5);
    height: calc(var(--spacing)*2.5)
  }

  .\[\&\>svg\]\:size-3\.5>svg {
    width: calc(var(--spacing)*3.5);
    height: calc(var(--spacing)*3.5)
  }

  .\[\&\>svg\]\:size-4>svg {
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4)
  }

  .\[\&\>svg\]\:h-2\.5>svg {
    height: calc(var(--spacing)*2.5)
  }

  .\[\&\>svg\]\:h-3>svg {
    height: calc(var(--spacing)*3)
  }

  .\[\&\>svg\]\:h-3\.5>svg {
    height: calc(var(--spacing)*3.5)
  }

  .\[\&\>svg\]\:w-2\.5>svg {
    width: calc(var(--spacing)*2.5)
  }

  .\[\&\>svg\]\:w-3>svg {
    width: calc(var(--spacing)*3)
  }

  .\[\&\>svg\]\:w-3\.5>svg {
    width: calc(var(--spacing)*3.5)
  }

  .\[\&\>svg\]\:shrink-0>svg {
    flex-shrink: 0
  }

  .\[\&\>svg\]\:translate-y-0\.5>svg {
    --tw-translate-y: calc(var(--spacing)*.5);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .\[\&\>svg\]\:text-\[var\(--node-color-light\)\]>svg {
    color: var(--node-color-light)
  }

  .\[\&\>svg\]\:text-current>svg {
    color: currentColor
  }

  .\[\&\>svg\]\:text-muted-foreground>svg {
    color: var(--muted-foreground)
  }

  .\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
    color: var(--sidebar-accent-foreground)
  }

  .\[\&\>svg\]\:text-warning-foreground>svg {
    color: var(--warning-foreground)
  }

  .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:\!opacity-100:is(:where(.group)[data-collapsible=icon] *)>svg {
    opacity: 1 !important
  }

  .\[\&\>tr\]\:last\:border-b-0>tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  .\[\&\[data-state\=open\]\>svg\]\:rotate-90[data-state=open]>svg {
    rotate: 90deg
  }

  [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
    cursor: w-resize
  }

  [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing)*-2)
  }

  [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,
  [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
    cursor: e-resize
  }

  [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing)*-2)
  }

  [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize
  }
}

:root {
  --background-2: oklch(.9821 0 0);
  --background: oklch(.99 0 0);
  --foreground: oklch(.13 .0274 261.69);
  --primary: oklch(.13 .0274 261.69);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(1 0 0);
  --secondary-foreground: oklch(.13 .0274 261.69);
  --card: oklch(1 0 0);
  --card-foreground: oklch(.13 .0274 261.69);
  --elevated: oklch(1 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(.13 .0274 261.69);
  --select: oklch(.2 0 0);
  --select-foreground: oklch(1 0 0);
  --select-muted: oklch(.27 0 0);
  --muted: oklch(.97 .0029 264.54);
  --muted-foreground: oklch(.55 .0272 262.02);
  --accent: oklch(.98 .0153 212);
  --accent-foreground: oklch(.65 .193 251.78);
  --destructive: oklch(.94 .0321 20.11);
  --destructive-foreground: oklch(.64 .2363 25.19);
  --success: oklch(.96 .0401 157.78);
  --success-foreground: oklch(.71 .1828 150.59);
  --warning: oklch(.96 .0592 95.89);
  --warning-foreground: oklch(.77 .1731 64.86);
  --border: oklch(.93 .0058 264.53);
  --ring: oklch(.65 .193 251.78);
  --chart-1: oklch(.646 .222 41.116);
  --chart-2: oklch(.6 .118 184.704);
  --chart-3: oklch(.398 .07 227.392);
  --chart-4: oklch(.828 .189 84.429);
  --chart-5: oklch(.769 .188 70.08);
  --bar-chart-1-light: #f5b3e6;
  --bar-chart-1-dark: #ed87c3;
  --bar-chart-2-light: #d6b8ff;
  --bar-chart-2-dark: #bb98f0;
  --bar-chart-3-light: #a5c5ff;
  --bar-chart-3-dark: #89aef8;
  --bar-chart-4-light: #f9a8b3;
  --bar-chart-4-dark: #ed7a9f;
  --bar-chart-5-light: #fcdca8;
  --bar-chart-5-dark: #f6b472;
  --bar-chart-6-light: #cdf6d8;
  --bar-chart-6-dark: #89e2b8;
  --bar-chart-7-light: #ebc8fd;
  --bar-chart-7-dark: #d4a6f5;
  --category-marketing: oklch(.736 .1924 350.67);
  --category-sales: oklch(.6622 .1803 301.14);
  --category-operations: oklch(.7457 .1669 47.9);
  --category-engineering: oklch(.6571 .1797 259.32);
  --category-support: oklch(.723 .219 149.579);
  --sidebar: oklch(.985 0 0);
  --sidebar-foreground: oklch(.145 0 0);
  --sidebar-primary: oklch(.205 0 0);
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.97 0 0);
  --sidebar-accent-foreground: oklch(.205 0 0);
  --sidebar-border: oklch(.922 0 0);
  --sidebar-ring: oklch(.708 0 0);
  --app-background-gradient: linear-gradient(to right, var(--pink-50), var(--muted), var(--muted));
  --radius: .625rem;
  --pipeline-header-height: 56px;
  --pipeline-tab-bar-height: 56px;
  --gummie-container-width: 520px;
  --template-container-width: 36rem;
  --pipeline-panel-height: calc(100vh - 9rem);
  --pink-50: oklch(.97 .0167 343.61);
  --pink-100: oklch(.95 .0328 342.95);
  --pink-200: oklch(.9 .07 343.07);
  --pink-300: oklch(.82 .1269 346.55);
  --pink-400: oklch(.71 .2169 352.29);
  --pink-500: oklch(.67 .236 356.62);
  --pink-600: oklch(.61 .2368 3.83);
  --pink-700: oklch(.54 .2141 7.54);
  --pink-800: oklch(.47 .1833 7.43);
  --pink-900: oklch(.42 .1586 5.46);
  --pink-950: oklch(.29 .1157 6.72);
  --blue-50: oklch(.98 .0153 212);
  --blue-100: oklch(.95 .035 219.18);
  --blue-200: oklch(.92 .0628 215.11);
  --blue-300: oklch(.88 .0999 213.28);
  --blue-400: oklch(.83 .1306 218.59);
  --blue-500: oklch(.76 .1505 232.51);
  --blue-600: oklch(.69 .1737 245.16);
  --blue-700: oklch(.65 .193 251.78);
  --blue-800: oklch(.53 .159 252.74);
  --blue-900: oklch(.47 .1223 248.97);
  --blue-950: oklch(.33 .0798 249.03);
  --purple-50: oklch(.977 .014 308.299);
  --purple-100: oklch(.946 .033 307.174);
  --purple-200: oklch(.902 .063 306.703);
  --purple-300: oklch(.827 .119 306.383);
  --purple-400: oklch(.714 .203 305.504);
  --purple-500: oklch(.627 .265 303.9);
  --purple-600: oklch(.558 .288 302.321);
  --purple-700: oklch(.496 .265 301.924);
  --purple-800: oklch(.438 .218 303.724);
  --purple-900: oklch(.381 .176 304.987);
  --purple-950: oklch(.291 .149 302.717);
  --orange-50: oklch(.98 .016 73.684);
  --orange-100: oklch(.954 .038 75.164);
  --orange-200: oklch(.901 .076 70.697);
  --orange-300: oklch(.837 .128 66.29);
  --orange-400: oklch(.75 .183 55.934);
  --orange-500: oklch(.705 .213 47.604);
  --orange-600: oklch(.646 .222 41.116);
  --orange-700: oklch(.553 .195 38.402);
  --orange-800: oklch(.47 .157 37.304);
  --orange-900: oklch(.408 .123 38.172);
  --orange-950: oklch(.266 .079 36.259);
  --green-50: oklch(.982 .018 155.826);
  --green-100: oklch(.962 .044 156.743);
  --green-200: oklch(.925 .084 155.995);
  --green-300: oklch(.871 .15 154.449);
  --green-400: oklch(.792 .209 151.711);
  --green-500: oklch(.723 .219 149.579);
  --green-600: oklch(.627 .194 149.214);
  --green-700: oklch(.527 .154 150.069);
  --green-800: oklch(.448 .119 151.328);
  --green-900: oklch(.393 .095 152.535);
  --green-950: oklch(.266 .065 152.934);
  --indigo-50: oklch(.962 .018 272.314);
  --indigo-100: oklch(.93 .034 272.788);
  --indigo-200: oklch(.87 .065 274.039);
  --indigo-300: oklch(.785 .115 274.713);
  --indigo-400: oklch(.673 .182 276.935);
  --indigo-500: oklch(.585 .233 277.117);
  --indigo-600: oklch(.511 .262 276.966);
  --indigo-700: oklch(.457 .24 277.023);
  --indigo-800: oklch(.398 .195 277.366);
  --indigo-900: oklch(.359 .144 278.697);
  --indigo-950: oklch(.257 .09 281.288);
  --amber-50: oklch(.987 .022 95.277);
  --amber-100: oklch(.962 .059 95.617);
  --amber-200: oklch(.924 .12 95.746);
  --amber-300: oklch(.879 .169 91.605);
  --amber-400: oklch(.828 .189 84.429);
  --amber-500: oklch(.769 .188 70.08);
  --amber-600: oklch(.666 .179 58.318);
  --amber-700: oklch(.555 .163 48.998);
  --amber-800: oklch(.473 .137 46.201);
  --amber-900: oklch(.414 .112 45.904);
  --amber-950: oklch(.279 .077 45.635);
  --gray-50: oklch(98.5% .002 247.839);
  --gray-100: oklch(96.7% .003 264.542);
  --gray-200: oklch(93.8% .006 264.531);
  --gray-300: oklch(87.2% .01 258.338);
  --gray-400: oklch(70.7% .022 261.325);
  --gray-500: oklch(55.1% .027 264.364);
  --gray-600: oklch(44.6% .03 256.802);
  --gray-700: oklch(37.3% .034 259.733);
  --gray-800: oklch(27.8% .033 256.848);
  --gray-900: oklch(21% .034 264.665);
  --gray-950: oklch(13% .028 261.692);
  --svg-filter: none;
  --node-grey-light: oklch(.928 .006 264.531);
  --node-grey-medium: oklch(.872 .01 258.338);
  --node-grey-dark: oklch(.373 .034 259.733);
  --node-grey-black: oklch(.13 .028 261.692);
  --node-blue-light: oklch(.882 .059 254.128);
  --node-blue-medium: oklch(.809 .105 251.813);
  --node-blue-dark: oklch(.488 .243 264.376);
  --node-blue-black: oklch(.282 .091 267.935);
  --node-green-light: oklch(.925 .084 155.995);
  --node-green-medium: oklch(.871 .15 154.449);
  --node-green-dark: oklch(.527 .154 150.069);
  --node-green-black: oklch(.266 .065 152.934);
  --node-orange-light: oklch(.901 .076 70.697);
  --node-orange-medium: oklch(.837 .128 66.29);
  --node-orange-dark: oklch(.553 .195 38.402);
  --node-orange-black: oklch(.266 .079 36.259);
  --node-red-light: oklch(.885 .062 18.334);
  --node-red-medium: oklch(.808 .114 19.571);
  --node-red-dark: oklch(.505 .213 27.518);
  --node-red-black: oklch(.258 .092 26.042);
  --node-yellow-light: oklch(.945 .129 101.54);
  --node-yellow-medium: oklch(.905 .182 98.111);
  --node-yellow-dark: oklch(.554 .135 66.442);
  --node-yellow-black: oklch(.286 .066 53.813);
  --node-teal-light: oklch(.91 .096 180.426);
  --node-teal-medium: oklch(.855 .138 181.071);
  --node-teal-dark: oklch(.511 .096 186.391);
  --node-teal-black: oklch(.277 .046 192.524);
  --node-pink-light: oklch(.899 .061 343.231);
  --node-pink-medium: oklch(.823 .12 346.018);
  --node-pink-dark: oklch(.525 .223 3.958);
  --node-pink-black: oklch(.284 .109 3.907);
  --node-purple-light: oklch(.902 .063 306.703);
  --node-purple-medium: oklch(.827 .119 306.383);
  --node-purple-dark: oklch(.496 .265 301.924);
  --node-purple-black: oklch(.291 .149 302.717);
  --node-bronze-light: oklch(79.8% .1067 71.23);
  --node-bronze-medium: oklch(77.3% .1067 71.23);
  --node-bronze-dark: oklch(47.3% .06 70);
  --node-bronze-black: oklch(26.7% .07 70);
  --node-black-light: oklch(.928 .006 264.531);
  --node-black-medium: oklch(.872 .01 258.338);
  --node-black-dark: oklch(.373 .034 259.733);
  --node-black-black: oklch(.13 .028 261.692);
  --slack-app-chat-foreground: oklch(.3065 .1083 327.06);
  --shadow-floating: 0 0px 0px 1px #0000000f, 0 1px 1px -.5px #0000000d, 0 3px 3px -1.5px #0000000d, 0 6px 6px -3px #0000000a, 0 12px 12px -6px #0000000a, 0 24px 24px -12px #0000000a;
  --shadow-floating-sm: 0 0px 0px 1px #0000000a, 0 1px 1px -.5px #00000006, 0 3px 3px -1.5px #00000006, 0 6px 6px -3px #00000005, 0 12px 12px -6px #00000005, 0 24px 24px -12px #00000005;
  --text-xxs: .625rem;
  --ai-champion-yellow: #f0e737;
  --ai-champion-yellow-foreground: #dfd730;
  --ai-champion-pink: #fbc4f0;
  --ai-champion-pink-foreground: #d5a6cc;
  --ai-champion-grey: #f8f8f8;
  --ai-champion-grey-foreground: #ededed;
  --ai-champion-orange: #ff8860;
  --ai-champion-orange-foreground: #d16c4a;
  --ai-champion-grain-size: 1.2px;
  --animation-shimmer: shimmer 2s linear infinite;
  --animation-shimmer-once: shimmerOnce 2.5s normal linear;
  --animation-move-along-path: move-along-path 2s linear infinite;
  --animation-infinite-scroll: infinite-scroll 25s linear infinite;
  --animation-border-pulse: border-pulse 1.5s ease-in-out infinite;
  --animation-border-pulse-error: border-pulse-error 1.5s ease-in-out infinite;
  --animation-border-pulse-with-category-color: border-pulse-quick 2s ease-in-out infinite;
  --animation-spin-slow: spin 3s linear infinite;
  --dot-size: 1px;
  --dot-spacing: 16px;
  --dot-fade: 1.75px;
  --dot-opacity: .06
}

@supports (color:color-mix(in lab, red, red)) {
  :root {
    --app-background-gradient: linear-gradient(to right, color-mix(in srgb, var(--pink-50)50%, var(--muted)), var(--muted), var(--muted))
  }
}

.dot-pattern {
  background-image: radial-gradient(var(--dot-color)var(--dot-size), transparent var(--dot-fade));
  background-size: var(--dot-spacing)var(--dot-spacing)
}

.dot-pattern-light {
  --dot-color: rgba(255, 255, 255, var(--dot-opacity))
}

.dot-pattern-dark {
  --dot-color: rgba(0, 0, 0, var(--dot-opacity))
}

.dot-pattern-dense {
  --dot-spacing: 8px
}

.dot-pattern-sparse {
  --dot-spacing: 24px;
  --dot-fade: 2.5px
}

.dot-pattern-large {
  --dot-size: 2px;
  --dot-fade: 3px
}

.line-pattern {
  background-image: url(/images/lines.png)
}

.dark {
  --background-2: oklch(.24 0 0);
  --background: oklch(.24 0 0);
  --foreground: oklch(94.9% .0049 262);
  --primary: oklch(1 0 0);
  --primary-foreground: oklch(.13 .0274 261.69);
  --secondary: oklch(.2 0 0);
  --secondary-foreground: oklch(1 0 0);
  --elevated: oklch(.26 0 0);
  --card: oklch(.29 0 0);
  --card-foreground: oklch(1 0 0);
  --popover: oklch(.26 0 0);
  --popover-foreground: oklch(1 0 0);
  --select: oklch(.8 0 0);
  --select-foreground: oklch(.13 .0274 261.69);
  --select-muted: oklch(.73 0 0);
  --muted: oklch(.3 0 0);
  --muted-foreground: oklch(.66 .0198 262);
  --accent: oklch(.33 .0798 249.03);
  --accent-foreground: oklch(.65 .193 251.78);
  --destructive: oklch(.258 .092 26.042);
  --destructive-foreground: oklch(.637 .237 25.331);
  --success: oklch(.266 .065 152.934);
  --success-foreground: oklch(.71 .1828 150.59);
  --warning: oklch(27.9% .077 45.635);
  --warning-foreground: oklch(76.9% .188 70.08);
  --border: oklch(.38 0 0);
  --chart-1: oklch(.488 .243 264.376);
  --chart-2: oklch(.696 .17 162.48);
  --chart-3: oklch(.769 .188 70.08);
  --chart-4: oklch(.627 .265 303.9);
  --chart-5: oklch(.645 .246 16.439);
  --bar-chart-1-light: #c94b75;
  --bar-chart-1-dark: #a43759;
  --bar-chart-2-light: #9553a7;
  --bar-chart-2-dark: #7c3d8c;
  --bar-chart-3-light: #5475b5;
  --bar-chart-3-dark: #3f5fa1;
  --bar-chart-4-light: #cd5353;
  --bar-chart-4-dark: #a94343;
  --bar-chart-5-light: #e2a843;
  --bar-chart-5-dark: #c7862b;
  --bar-chart-6-light: #4ca88f;
  --bar-chart-6-dark: #3a816c;
  --bar-chart-7-light: #985aa7;
  --bar-chart-7-dark: #7c458a;
  --sidebar: oklch(.205 0 0);
  --sidebar-foreground: oklch(.985 0 0);
  --sidebar-primary: oklch(.488 .243 264.376);
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.269 0 0);
  --sidebar-accent-foreground: oklch(.985 0 0);
  --sidebar-border: oklch(.269 0 0);
  --sidebar-ring: oklch(.439 0 0);
  --pink-950: oklch(.85 .05 343.61);
  --pink-900: oklch(.8 .08 342.95);
  --pink-800: oklch(.75 .12 343.07);
  --pink-700: oklch(.7 .16 346.55);
  --pink-600: oklch(.65 .22 352.29);
  --pink-500: oklch(.6 .24 356.62);
  --pink-400: oklch(.55 .25 3.83);
  --pink-300: oklch(.5 .23 7.54);
  --pink-200: oklch(.45 .2 7.43);
  --pink-100: oklch(.4 .17 5.46);
  --pink-50: oklch(.35 .14 6.72);
  --blue-950: oklch(.98 .0153 212);
  --blue-900: oklch(.95 .035 219.18);
  --blue-800: oklch(.92 .0628 215.11);
  --blue-700: oklch(.88 .0999 213.28);
  --blue-600: oklch(.83 .1306 218.59);
  --blue-500: oklch(.76 .1505 232.51);
  --blue-400: oklch(.69 .1737 245.16);
  --blue-300: oklch(.65 .193 251.78);
  --blue-200: oklch(.53 .159 252.74);
  --blue-100: oklch(.47 .1223 248.97);
  --blue-50: oklch(.33 .0798 249.03);
  --purple-950: oklch(.977 .014 308.299);
  --purple-900: oklch(.946 .033 307.174);
  --purple-800: oklch(.902 .063 306.703);
  --purple-700: oklch(.827 .119 306.383);
  --purple-600: oklch(.714 .203 305.504);
  --purple-500: oklch(.627 .265 303.9);
  --purple-400: oklch(.558 .288 302.321);
  --purple-300: oklch(.496 .265 301.924);
  --purple-200: oklch(.438 .218 303.724);
  --purple-100: oklch(.381 .176 304.987);
  --purple-50: oklch(.291 .149 302.717);
  --orange-950: oklch(.98 .016 73.684);
  --orange-900: oklch(.954 .038 75.164);
  --orange-800: oklch(.901 .076 70.697);
  --orange-700: oklch(.837 .128 66.29);
  --orange-600: oklch(.75 .183 55.934);
  --orange-500: oklch(.705 .213 47.604);
  --orange-400: oklch(.646 .222 41.116);
  --orange-300: oklch(.553 .195 38.402);
  --orange-200: oklch(.47 .157 37.304);
  --orange-100: oklch(.408 .123 38.172);
  --orange-50: oklch(.266 .079 36.259);
  --green-950: oklch(.982 .018 155.826);
  --green-900: oklch(.962 .044 156.743);
  --green-800: oklch(.925 .084 155.995);
  --green-700: oklch(.871 .15 154.449);
  --green-600: oklch(.792 .209 151.711);
  --green-500: oklch(.723 .219 149.579);
  --green-400: oklch(.627 .194 149.214);
  --green-300: oklch(.527 .154 150.069);
  --green-200: oklch(.448 .119 151.328);
  --green-100: oklch(.393 .095 152.535);
  --green-50: oklch(.266 .065 152.934);
  --indigo-50: oklch(.257 .09 281.288);
  --indigo-100: oklch(.359 .144 278.697);
  --indigo-200: oklch(.398 .195 277.366);
  --indigo-300: oklch(.457 .24 277.023);
  --indigo-400: oklch(.511 .262 276.966);
  --indigo-500: oklch(.585 .233 277.117);
  --indigo-600: oklch(.673 .182 276.935);
  --indigo-700: oklch(.785 .115 274.713);
  --indigo-800: oklch(.87 .065 274.039);
  --indigo-900: oklch(.93 .034 272.788);
  --indigo-950: oklch(.962 .018 272.314);
  --app-background-gradient: linear-gradient(to top right, var(--pink-50), var(--background), var(--background));
  --svg-filter: brightness(0)saturate(100%)invert(1);
  --node-grey-light: oklch(.13 .028 261.692);
  --node-grey-medium: oklch(.373 .034 259.733);
  --node-grey-dark: oklch(.872 .01 258.338);
  --node-grey-black: oklch(.928 .006 264.531);
  --node-blue-light: oklch(.282 .091 267.935);
  --node-blue-medium: oklch(.488 .243 264.376);
  --node-blue-dark: oklch(.809 .105 251.813);
  --node-blue-black: oklch(.882 .059 254.128);
  --node-green-light: oklch(.266 .065 152.934);
  --node-green-medium: oklch(.527 .154 150.069);
  --node-green-dark: oklch(.871 .15 154.449);
  --node-green-black: oklch(.925 .084 155.995);
  --node-orange-light: oklch(.266 .079 36.259);
  --node-orange-medium: oklch(.553 .195 38.402);
  --node-orange-dark: oklch(.837 .128 66.29);
  --node-orange-black: oklch(.901 .076 70.697);
  --node-red-light: oklch(38% .1575 13.87);
  --node-red-medium: oklch(54.3% .2073 13.87);
  --node-red-dark: oklch(78.4% .2073 13.87);
  --node-red-black: oklch(90.2% .0746 17.1);
  --node-yellow-light: oklch(58.1% .1306 76.16);
  --node-yellow-medium: oklch(.554 .135 66.442);
  --node-yellow-dark: oklch(.905 .182 98.111);
  --node-yellow-black: oklch(.945 .129 101.54);
  --node-teal-light: oklch(.277 .046 192.524);
  --node-teal-medium: oklch(.511 .096 186.391);
  --node-teal-dark: oklch(.855 .138 181.071);
  --node-teal-black: oklch(.91 .096 180.426);
  --node-pink-light: oklch(45.7% .1791 330.2);
  --node-pink-medium: oklch(54.5% .2022 337.3);
  --node-pink-dark: oklch(78.8% .2753 330.2);
  --node-pink-black: oklch(90.6% .0893 330.2);
  --node-purple-light: oklch(.291 .149 302.717);
  --node-purple-medium: oklch(44.5% .1992 303);
  --node-purple-dark: oklch(.827 .119 306.383);
  --node-purple-black: oklch(.902 .063 306.703);
  --node-bronze-light: oklch(37.2% .0565 71.23);
  --node-bronze-medium: oklch(47.3% .06 70);
  --node-bronze-dark: oklch(77.3% .05 70);
  --node-bronze-black: oklch(85.1% .04 70);
  --node-black-light: oklch(.13 .028 261.692);
  --node-black-medium: oklch(.373 .034 259.733);
  --node-black-dark: oklch(.872 .01 258.338);
  --node-black-black: oklch(.928 .006 264.531)
}

@supports (color:color-mix(in lab, red, red)) {
  .dark {
    --app-background-gradient: linear-gradient(to top right, color-mix(in srgb, var(--pink-50)6%, var(--background)), var(--background), var(--background))
  }
}

@keyframes wiggle {

  0%,
  to {
    transform: rotate(-3deg)
  }

  50% {
    transform: rotate(3deg)
  }
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

@keyframes shimmer {
  0% {
    background-position: 0 0
  }

  to {
    background-position: -200% 0
  }
}

@keyframes shimmerOnce {
  to {
    background-position-x: 0
  }
}

@keyframes move-along-path {
  0% {
    offset-distance: 0
  }

  to {
    offset-distance: 100%
  }
}

@keyframes infinite-scroll {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-100%)
  }
}

@keyframes border-pulse {

  0%,
  to {
    box-shadow: 0 0 0 1px var(--pink-50)
  }

  50% {
    box-shadow: 0 0 0 6px var(--pink-200)
  }
}

@keyframes border-pulse-error {

  0%,
  to {
    box-shadow: 0 0 0 1px oklch(from var(--destructive-foreground)l c h/.65)
  }

  50% {
    box-shadow: 0 0 0 6px var(--destructive)
  }
}

@keyframes border-pulse-quick {

  0%,
  to {
    box-shadow: 0 0 0 1px var(--node-color-light)
  }

  50% {
    box-shadow: 0 0 0 6px var(--node-color-light)
  }
}

@keyframes radarSpin {
  0% {
    transform: translate(-28px, -109px)rotate(0)
  }

  to {
    transform: translate(-28px, -109px)rotate(1turn)
  }
}

@keyframes bouncyPop {
  0% {
    opacity: 0;
    transform: scale(.8)
  }

  30% {
    opacity: 1;
    transform: scale(1.05)
  }

  60% {
    transform: scale(.95)
  }

  to {
    transform: scale(1)
  }
}

.MuiInput-underline {
  border-bottom-color: #16a34a !important
}

::-webkit-scrollbar {
  width: 4px
}

::-webkit-scrollbar-track {
  background: 0 0
}

::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: var(--radius)
}

::-webkit-scrollbar-track:hover {
  background: var(--muted)
}

.gumloop-scrollbar::-webkit-scrollbar {
  width: 4px
}

.gumloop-scrollbar::-webkit-scrollbar-track {
  background: var(--muted);
  border-radius: var(--radius)
}

.gumloop-scrollbar::-webkit-scrollbar-thumb,
.gumloop-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--border)
}

.markdown h1 {
  padding-top: 1.5em;
  padding-bottom: .5em
}

.markdown h2 {
  padding-top: 1.5em;
  padding-bottom: 1em
}

.markdown h3 {
  padding-top: 1em;
  padding-bottom: 1em
}

.markdown h4,
.markdown h5,
.markdown h6 {
  padding-top: 1.5em;
  padding-bottom: 1.5em
}

.markdown p {
  margin-bottom: 1.5rem;
  font-size: 1.3em;
  line-height: 2
}

.react-flow__renderer {
  overflow: hidden !important
}

.react-flow--pointer .react-flow__pane {
  cursor: default
}

.react-flow__edge-path {
  stroke: var(--border)
}

.react-flow__node {
  color: var(--foreground)
}

.react-flow__controls,
.react-flow__controls-button {
  background-color: var(--background);
  border-color: var(--border)
}

.react-flow__controls-button {
  color: var(--foreground)
}

.react-flow__attribution {
  background-color: var(--background);
  color: var(--foreground)
}

#shadow-host-companion {
  visibility: hidden !important;
  opacity: 0 !important;
  z-index: -1 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  position: absolute !important
}

.markdown p {
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  font-size: .875rem !important;
  line-height: 1.5rem !important
}

.markdown code {
  overflow-wrap: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  word-wrap: break-word
}

.markdown>* {
  all: revert
}

.dndflow {
  flex-direction: col;
  flex-grow: 1;
  height: 100%;
  display: flex
}

.dndflow aside {
  background: #fcfcfc;
  border-right: 1px solid #eee;
  padding: 15px 10px;
  font-size: 12px
}

.dndflow aside .description {
  margin-bottom: 10px
}

.dndflow .dndnode {
  cursor: grab;
  white-space: normal;
  border: 1px solid #1a192b;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 5px;
  padding: 4px;
  display: flex;
  overflow: hidden
}

.dndflow .dndnode.input {
  border-color: #0041d0
}

.dndflow .dndnode.output {
  border-color: #ff0072
}

.dndflow .reactflow-wrapper {
  flex-grow: 1;
  height: 100%
}

.react-flow__node-mega_node_builder {
  z-index: 1050 !important
}

.dndflow .selectall {
  margin-top: 10px
}

@media screen and (min-width:468px) {
  .dndflow {
    flex-direction: row
  }

  .dndflow aside {
    width: 20%;
    max-width: 250px
  }
}

svg {
  stroke-width: 1.8px
}

.gumloop-pink-gradient {
  border-color: var(--pink-500);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--pink-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position));
  --tw-gradient-to: var(--pink-500);
  color: var(--color-white);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.gumloop-pink-gradient:where(.dark, .dark *) {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops))
}

.gumloop-pink-gradient:hover {
  border-color: var(--pink-700)
}

.gumloop-blue-gradient {
  border-color: var(--blue-800);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--blue-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position));
  --tw-gradient-to: var(--blue-700);
  color: var(--color-white);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.gumloop-blue-gradient:where(.dark, .dark *) {
  border-color: var(--blue-300);
  --tw-gradient-from: var(--blue-300);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position));
  --tw-gradient-to: var(--blue-200)
}

.gumloop-blue-gradient:hover {
  border-color: var(--blue-900)
}

.gumloop-blue-gradient:hover:where(.dark, .dark *) {
  border-color: var(--blue-500)
}

.gumloop-black-gradient {
  border-color: var(--color-neutral-900);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-neutral-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position));
  --tw-gradient-to: var(--color-neutral-900);
  color: var(--color-white);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.gumloop-black-gradient:hover,
.gumloop-gray-gradient {
  border-color: var(--color-neutral-800)
}

.gumloop-gray-gradient {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-neutral-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position));
  --tw-gradient-to: var(--color-neutral-800);
  color: var(--color-white);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.gumloop-gray-gradient:hover {
  border-color: var(--color-neutral-700)
}

.gumloop-button-shadow {
  box-shadow: inset 0 1.5px 0 0 #ffffff3d, var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000)
}

.scrollbar-hide::-webkit-scrollbar {
  display: none
}

.scrollbar-hide {
  scrollbar-width: none
}

@keyframes moveInCircle {
  0% {
    transform: rotate(0)
  }

  50% {
    transform: rotate(180deg)
  }

  to {
    transform: rotate(1turn)
  }
}

@keyframes moveVertical {
  0% {
    transform: translateY(-50%)
  }

  50% {
    transform: translateY(50%)
  }

  to {
    transform: translateY(-50%)
  }
}

@keyframes moveHorizontal {
  0% {
    transform: translate(-50%)translateY(-10%)
  }

  50% {
    transform: translate(50%)translateY(10%)
  }

  to {
    transform: translate(-50%)translateY(-10%)
  }
}

.light-only {
  display: block
}

.dark-only,
:root.dark .light-only {
  display: none
}

:root.dark .dark-only {
  display: block
}

.monaco-editor-override .monaco-editor :not(.codicon) {
  font-family: SF Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.break-anywhere {
  word-break: break-word;
  overflow-wrap: break-word
}

.bg-dot-gray {
  background-image: radial-gradient(circle, #d1d5db 1px, #0000 0);
  background-size: 40px 40px
}

.selective-break {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

@media (min-width:640px) {
  :root {
    --pipeline-panel-height: calc(100vh - var(--pipeline-header-height) - var(--pipeline-tab-bar-height) - 3rem)
  }
}

.react-flow__edges {
  z-index: -10 !important
}

.ai-champion-section {
  max-width: 75rem
}

.ai-champion-section * {
  font-family: var(--font-geist-mono) !important
}

.ai-champion-noise-overlay {
  pointer-events: none;
  z-index: 20;
  background-image: radial-gradient(circle at 20% 20%, #000000b3 var(--ai-champion-grain-size), transparent 0), radial-gradient(circle at 60% 20%, #0000004d var(--ai-champion-grain-size), transparent 0), radial-gradient(circle at 100% 20%, #0009 var(--ai-champion-grain-size), transparent 0), radial-gradient(circle at 40% 40%, #00000080 var(--ai-champion-grain-size), transparent 0), radial-gradient(circle at 80% 40%, #0000001a var(--ai-champion-grain-size), transparent 0), radial-gradient(circle at 20% 60%, #0000001a var(--ai-champion-grain-size), transparent 0), radial-gradient(circle at 60% 60%, #0009 var(--ai-champion-grain-size), transparent 0), radial-gradient(circle at 100% 60%, #00000080 var(--ai-champion-grain-size), transparent 0), radial-gradient(circle at 40% 80%, #000000b3 var(--ai-champion-grain-size), transparent 0), radial-gradient(circle at 80% 80%, #0006 var(--ai-champion-grain-size), transparent 0);
  mix-blend-mode: multiply;
  opacity: .14;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-size: 40px 40px, 40px 40px, 40px 40px, 40px 40px, 40px 40px, 40px 40px, 40px 40px, 40px 40px, 40px 40px, 40px 40px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.multi-drop-shadow {
  box-shadow: -23px 23px 9px #78787800, -15px 15px 8px #78787803, -8px 8px 7px #7878780d, -4px 4px 5px #78787817, -1px 1px 3px #7878781a
}

@keyframes dash {
  to {
    stroke-dashoffset: -8px
  }
}

.animate-dash {
  animation: dash 1s linear infinite
}

.feature-card-shadow {
  box-shadow: 0 24px 7px #c9c9c900, 0 15px 6px #c9c9c903, 0 9px 5px #c9c9c90d, 0 4px 4px #c9c9c917, 0 1px 2px #c9c9c91a, 0 .57px 1.15px #0000000d
}

.dark .feature-card-shadow {
  box-shadow: 0 24px 7px #32323200, 0 15px 6px #32323203, 0 9px 5px #3232320d, 0 4px 4px #32323217, 0 1px 2px #3232321a, 0 .57px 1.15px #3232320d
}

.dark .custom-node {
  box-shadow: none !important
}

.tutorial-steps-shadow {
  box-shadow: -23px 23px 9px #78787800, -15px 15px 8px #78787803, -8px 8px 7px #7878780d, -4px 4px 5px #78787817, -1px 1px 3px #7878781a
}

.perspective-1000 {
  perspective: 1000px
}

.rotate-y-12 {
  transform: rotateY(12deg)
}

.rotate-x-6 {
  transform: rotateX(6deg)
}

.rotate-y-6 {
  transform: rotateY(6deg)
}

.rotate-x-3 {
  transform: rotateX(3deg)
}

.rotate-y-12.rotate-x-6 {
  transform: rotateY(12deg)rotateX(6deg)
}

.rotate-y-6.rotate-x-3 {
  transform: rotateY(6deg)rotateX(3deg)
}

@keyframes cursorMove {
  0% {
    transform: translate(0)
  }

  15% {
    transform: translate(-110px, -60px)
  }

  35% {
    transform: translate(-110px, -60px)
  }

  50% {
    transform: translate(45px, 90px)
  }

  70% {
    transform: translate(45px, 90px)
  }

  85% {
    transform: translate(0)
  }

  to {
    transform: translate(0)
  }
}

@keyframes cursorClick {

  0%,
  85%,
  to {
    transform: scale(1)
  }

  18% {
    transform: scale(1.1)
  }

  22% {
    transform: scale(.7)
  }

  25%,
  35% {
    transform: scale(1)
  }

  53% {
    transform: scale(1.1)
  }

  57% {
    transform: scale(.7)
  }

  60%,
  70% {
    transform: scale(1)
  }
}

.binary-digit {
  font-variant-numeric: tabular-nums;
  width: min-content;
  animation: binary-main infinite;
  animation-delay: var(--animation-delay, 0s);
  animation-duration: var(--animation-duration, 4s);
  will-change: opacity;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

.binary-grid {
  contain: layout paint
}

.binary-digit:after {
  content: "";
  opacity: 0;
  animation: binary-flip infinite;
  animation-delay: var(--animation-delay, 0s);
  animation-duration: var(--animation-duration, 4s);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0
}

.binary-digit[data-value="0"]:after {
  content: "1"
}

.binary-digit[data-value="1"]:after {
  content: "0"
}

@keyframes binary-main {

  0%,
  80% {
    opacity: 1
  }

  85%,
  95% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes binary-flip {

  0%,
  87% {
    opacity: 0
  }

  90%,
  93% {
    opacity: 1
  }

  96%,
  to {
    opacity: 0
  }
}

.binary-grid-optimized {
  contain: layout paint style;
  transform: translateZ(0)
}

.binary-digit-optimized {
  font-variant-numeric: tabular-nums;
  width: min-content;
  animation: binary-flicker 6s ease-in-out infinite;
  animation-delay: var(--animation-delay, 0s);
  will-change: opacity;
  backface-visibility: hidden;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative
}

@keyframes binary-flicker {

  0%,
  80% {
    opacity: 1
  }

  85%,
  95% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes blueprintReveal {

  0%,
  5% {
    --reveal-position: 0%;
    --mask-position: -100%
  }

  50%,
  70% {
    --reveal-position: 100%;
    --mask-position: 0%
  }

  95%,
  to {
    --reveal-position: 0%;
    --mask-position: -100%
  }
}

@keyframes blueprintLine {
  0% {
    opacity: 0;
    left: 0;
    transform: translate(-50%)translateY(-50%)translate(0)
  }

  10% {
    opacity: 1;
    transform: translate(-50%)translateY(-50%)translate(0)
  }

  60% {
    opacity: 1;
    transform: translate(-50%)translateY(-50%)translate(0)
  }

  70% {
    opacity: 0;
    left: 100%;
    transform: translate(-50%)translateY(-50%)translate(0)
  }

  to {
    opacity: 0;
    left: 100%;
    transform: translate(-50%)translateY(-50%)translate(0)
  }
}

@keyframes blueprintClip {
  0% {
    clip-path: inset(0 100% 0 0)
  }

  70% {
    clip-path: inset(0 0 0 0)
  }

  90% {
    clip-path: inset(0 0 0 0)
  }

  90.1% {
    clip-path: inset(0 100% 0 0)
  }

  to {
    clip-path: inset(0 100% 0 0)
  }
}

@keyframes cardFlip {
  0% {
    transform: rotateY(0)translate(0)
  }

  80% {
    transform: rotateY(0)translate(0)
  }

  90% {
    transform: rotateY(180deg)translate(0)
  }

  to {
    transform: rotateY(180deg)translate(0)
  }
}

.landing-section {
  border-bottom-style: var(--tw-border-style);
  width: 100%;
  padding-inline: calc(var(--spacing)*4);
  border-bottom-width: 1px
}

@media (min-width:48rem) {
  .landing-section {
    padding-inline: calc(var(--spacing)*8)
  }
}

@media (min-width:80rem) {
  .landing-section {
    padding-inline: calc(var(--spacing)*0)
  }
}

.stacked-card-shadow {
  box-shadow: 0 93px 26px #b0b0b01a, 0 59px 24px #b0b0b003, 0 33px 20px #b0b0b00d, 0 15px 15px #b0b0b017, 0 4px 8px #b0b0b01a
}

.pink-drop-shadow {
  box-shadow: 0 55px 15px #e54bbb00, 0 35px 14px #e54bbb03, 0 20px 12px #e54bbb0d, 0 9px 9px #e54bbb17, 0 2px 5px #e54bbb1a
}

.animations-paused * {
  animation-play-state: paused !important
}

.binary-digit-static {
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: center;
  width: min-content;
  display: flex;
  position: relative
}

.emoji-picker-wrapper {
  --epr-bg-color: hsl(var(--background));
  --epr-category-label-bg-color: hsl(var(--background));
  --epr-hover-bg-color: hsl(var(--muted));
  --epr-focus-bg-color: hsl(var(--muted));
  --epr-highlight-color: hsl(var(--foreground));
  --epr-text-color: hsl(var(--muted-foreground));
  --epr-search-input-bg-color: hsl(var(--muted));
  --epr-picker-border-color: hsl(var(--border))
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translateY(3000px)scaleY(5)
  }

  60% {
    opacity: 1;
    transform: translateY(-20px)scaleY(.9)
  }

  75% {
    transform: translateY(10px)scaleY(.95)
  }

  90% {
    transform: translateY(-5px)scaleY(.985)
  }

  to {
    transform: translate(0)
  }
}

.bounceInUp {
  animation-name: bounceInUp
}

@keyframes bounceOutDown {
  20% {
    transform: translateY(10px)scaleY(.985)
  }

  40%,
  45% {
    opacity: 1;
    transform: translateY(-20px)scaleY(.9)
  }

  to {
    opacity: 0;
    transform: translateY(2000px)scaleY(3)
  }
}

.bounceOutDown {
  animation-name: bounceOutDown
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    transform: scale3d(.97, .97, .97)
  }

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

.bounceIn {
  animation-duration: calc(var(--animate-duration)*.75);
  animation-name: bounceIn
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
}

.bounceOut {
  animation-duration: calc(var(--animate-duration)*.75);
  animation-name: bounceOut
}

@keyframes backInRight {
  0% {
    opacity: .7;
    transform: translate(2000px)scale(.7)
  }

  80% {
    opacity: .7;
    transform: translate(0)scale(.7)
  }

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

.backInRight {
  animation-name: backInRight
}

@keyframes backOutRight {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  20% {
    opacity: .7;
    transform: translate(0)scale(.7)
  }

  to {
    opacity: .7;
    transform: translate(2000px)scale(.7)
  }
}

.backOutRight {
  animation-name: backOutRight
}

@keyframes circle-reveal {
  0% {
    clip-path: circle(0)
  }

  to {
    clip-path: circle(100%)
  }
}

.animate-circle-reveal {
  animation: circle-reveal .8s ease-in-out forwards
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0)
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0)
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0)
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0)
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0)
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff)
}

@property --tw-mask-top-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-mask-top-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%
}

@property --tw-mask-top-from-color {
  syntax: "*";
  inherits: false;
  initial-value: #000
}

@property --tw-mask-top-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent
}

@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%
}

@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: #000
}

@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent
}

@property --tw-mask-right-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-mask-right-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%
}

@property --tw-mask-right-from-color {
  syntax: "*";
  inherits: false;
  initial-value: #000
}

@property --tw-mask-right-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent
}

@property --tw-mask-left-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-mask-left-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%
}

@property --tw-mask-left-from-color {
  syntax: "*";
  inherits: false;
  initial-value: #000
}

@property --tw-mask-left-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: ""
}

@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}

@keyframes ping {

  75%,
  to {
    opacity: 0;
    transform: scale(2)
  }
}

@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0))
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0))
  }
}

@keyframes accordion-down {
  0% {
    height: 0
  }

  to {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, auto)))
  }
}

@keyframes accordion-up {
  0% {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, auto)))
  }

  to {
    height: 0
  }
}

@font-face {
  font-family: __GeistSans_fb8f2c;
  src: url(../fonts/e4af272ccee01ff0-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 100 900
}

@font-face {
  font-family: __GeistSans_Fallback_fb8f2c;
  src: local("Arial");
  ascent-override: 85.83%;
  descent-override: 20.53%;
  line-gap-override: 9.33%;
  size-adjust: 107.19%
}

.__className_fb8f2c {
  font-family: __GeistSans_fb8f2c, __GeistSans_Fallback_fb8f2c
}

.__variable_fb8f2c {
  --font-geist-sans: "__GeistSans_fb8f2c", "__GeistSans_Fallback_fb8f2c"
}

@font-face {
  font-family: __GeistMono_f910ec;
  src: url(../fonts/33417c49c7529ced-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 100 900
}

.__className_f910ec {
  font-family: __GeistMono_f910ec, ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace
}

.__variable_f910ec {
  --font-geist-mono: "__GeistMono_f910ec", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace
}

/* Custom Success Progress Animation */
@keyframes success-scan {
  0% {
    opacity: 0.2;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.2;
  }
}

.animate-success-scan {
  animation: success-scan 1.5s infinite ease-in-out !important;
}