/* node_modules/@xyflow/react/dist/style.css */
.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: #ffffff80;
  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: #f0f0f099;
  --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: #f0f0f040;
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px #00000014;
  --xy-node-boxshadow-selected-default: 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: #0059dc14;
  --xy-selection-border-default: 1px dotted #0059dccc;
  --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 #00000014;
  --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: #96969640;
  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: #3c3c3c99;
  --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: #555;
  --xy-background-pattern-lines-color-default: #333;
  --xy-background-pattern-cross-color-default: #333;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: #f0f0f040;
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px #ffffff14;
  --xy-node-boxshadow-selected-default: 0 0 0 .5px #999;
  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;
  --xy-selection-background-color-default: #c8c8dc14;
  --xy-selection-border-default: 1px dotted #c8c8dccc;
  --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 #00000014;
  --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;
  touch-action: none;
}

.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 {
  outline: none;
}

.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: .5s linear infinite dashdraw;
}

.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 {
  outline: none;
}

.react-flow__edge:focus-visible {
  outline: none;
}

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

.react-flow__edge.selectable:focus-visible .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__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}

.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}

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

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

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;
  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%;
  width: 6px;
  min-width: 5px;
  height: 6px;
  min-height: 5px;
}

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

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

.react-flow__handle-bottom {
  top: auto;
  bottom: 0;
  left: 50%;
  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.top.center, .react-flow__panel.bottom.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 {
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  margin: 0;
  padding: 2px 3px;
  font-size: 10px;
}

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

@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}

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

.react-flow__viewport-portal {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 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;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
  flex-direction: column;
}

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

.react-flow__controls-button {
  display: flex;
  background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
  border: none;
  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;
  justify-content: center;
  align-items:  center;
  width: 26px;
  height: 26px;
  padding: 4px;
}

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

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

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

.react-flow__node.selectable:focus {
  outline: none;
}

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

.react-flow__node-input, .react-flow__node-default, .react-flow__node-output, .react-flow__node-group {
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  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));
  width: 150px;
  padding: 10px;
  font-size: 12px;
}

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

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

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

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

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

.react-flow__node-group.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__selection:focus {
  outline: none;
}

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

.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.top, .react-flow__resize-control.bottom {
  cursor: ns-resize;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* apps/admin/ui/tailwind.css */
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer legacy;

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --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-emerald-500: oklch(69.6% .17 162.48);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-neutral-100: oklch(97% 0 none);
    --color-neutral-200: oklch(92.2% 0 none);
    --color-neutral-300: oklch(87% 0 none);
    --color-neutral-400: oklch(70.8% 0 none);
    --color-neutral-500: oklch(55.6% 0 none);
    --color-neutral-600: oklch(43.9% 0 none);
    --color-neutral-700: oklch(37.1% 0 none);
    --color-neutral-800: oklch(26.9% 0 none);
    --color-neutral-900: oklch(20.5% 0 none);
    --color-neutral-950: oklch(14.5% 0 none);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-3xs: 16rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --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-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-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --leading-tight: 1.25;
    --radius-sm: calc(var(--radius)  - 4px);
    --radius-md: calc(var(--radius)  - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius)  + 4px);
    --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-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --animate-accordion-down: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --animate-accordion-up: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-card: var(--card);
    --color-card-foreground: var(--card-foreground);
    --color-popover: var(--popover);
    --color-popover-foreground: var(--popover-foreground);
    --color-primary: var(--primary);
    --color-primary-foreground: var(--primary-foreground);
    --color-secondary: var(--secondary);
    --color-secondary-foreground: var(--secondary-foreground);
    --color-muted: var(--muted);
    --color-muted-foreground: var(--muted-foreground);
    --color-accent: var(--accent);
    --color-accent-foreground: var(--accent-foreground);
    --color-destructive: var(--destructive);
    --color-destructive-foreground: var(--destructive-foreground);
    --color-border: var(--border);
    --color-input: var(--input);
    --color-ring: var(--ring);
  }
}

@layer legacy {
  :root {
    --buncss-light: initial;
    --buncss-dark: ;
    color-scheme: light;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    --ink: #182526;
    --ink-soft: #354344;
    --paper: #eeeadf;
    --panel: #fbf8ef;
    --panel-strong: #fffdf8;
    --line: #d8d1c2;
    --line-dark: #304041;
    --muted: #5b655d;
    --muted-light: #a8b2a8;
    --accent: #c85f3d;
    --accent-dark: #a7472d;
    --leaf: #78947f;
    --leaf-bright: #a9c8a8;
    --amber: #e1ae5b;
    --danger: #ae4034;
    --serif: Georgia, "Times New Roman", serif;
    --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --shadow: 0 16px 42px #252b2412;
    --radius: 14px;
    color: var(--ink);
    background: var(--paper);
    font-family: Inter, Segoe UI, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 15px;
  }

  * {
    box-sizing: border-box;
  }

  html {
    scroll-behavior: smooth;
    min-width: 320px;
    min-height: 100%;
  }

  body {
    background: var(--paper);
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
  }

  button, input, select, textarea {
    font: inherit;
  }

  button {
    color: inherit;
  }

  button:focus-visible {
    outline: 2px solid #183a32;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #f5e7cf;
  }

  a:focus-visible {
    outline: 2px solid #183a32;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #f5e7cf;
  }

  input:focus-visible {
    outline: 2px solid #183a32;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #f5e7cf;
  }

  select:focus-visible {
    outline: 2px solid #183a32;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #f5e7cf;
  }

  textarea:focus-visible {
    outline: 2px solid #183a32;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #f5e7cf;
  }

  summary:focus-visible {
    outline: 2px solid #183a32;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #f5e7cf;
  }

  ::selection {
    color: #fffaf0;
    background: var(--accent);
  }

  .skip-link {
    position: fixed;
    z-index: 20;
    color: #fff;
    background: var(--ink);
    border-radius: 8px;
    padding: 12px 16px;
    top: 8px;
    transform: translateY(-160%);
  }

  .skip-link:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 8px;
  }

  .skip-link:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 8px;
  }

  .skip-link:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 8px;
  }

  .skip-link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 8px;
  }

  .skip-link:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 8px;
  }

  .skip-link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 8px;
  }

  .skip-link:focus {
    transform: translateY(0);
  }

  .app-shell {
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    min-height: 100vh;
  }

  .sidebar {
    position: sticky;
    display: flex;
    color: #e9e7db;
    background: radial-gradient(ellipse at 4% 0%, #63847026, transparent 38%), var(--ink);
    flex-direction: column;
    height: 100vh;
    padding: 28px 17px 18px;
    top: 0;
  }

  .brand-lockup {
    display: flex;
    color: inherit;
    text-decoration: none;
    align-items:  center;
    gap: 13px;
    min-height: 45px;
    padding-inline-start: 8px;
    padding-inline-end: 8px;
  }

  .brand-lockup > span:last-child {
    display: grid;
    gap: 3px;
  }

  .brand-lockup strong {
    letter-spacing: .19em;
    font-size: 16px;
    line-height: 1;
  }

  .brand-lockup small {
    color: var(--muted-light);
    font-family: var(--mono);
    letter-spacing: .14em;
    font-size: 9px;
  }

  .brand-glyph {
    display: flex;
    border: 1px solid #4c615a;
    border-radius: 50%;
    justify-content: center;
    align-items:  center;
    gap: 3px;
    width: 34px;
    height: 34px;
  }

  .brand-glyph i {
    display: block;
    background: var(--leaf-bright);
    border-radius: 2px;
    width: 2px;
  }

  .brand-glyph i:first-child, .brand-glyph i:nth-child(5) {
    height: 7px;
  }

  .brand-glyph i:nth-child(2), .brand-glyph i:nth-child(4) {
    height: 14px;
  }

  .brand-glyph i:nth-child(3) {
    background: #e1ae5b;
    height: 20px;
  }

  .sidebar-rule {
    background: var(--line-dark);
    height: 1px;
    margin: 27px 7px 24px;
  }

  .sidebar-label, .eyebrow {
    color: var(--muted);
    font-family: var(--mono);
    letter-spacing: .12em;
    text-transform: uppercase;
    margin: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
  }

  .sidebar-label {
    color: #a3afa5;
    padding-inline-start: 9px;
    padding-inline-end: 9px;
  }

  .primary-nav {
    display: grid;
    gap: 5px;
    margin-block-start: 12px;
  }

  .nav-item {
    display: flex;
    color: #b6c0b7;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 9px;
    align-items:  center;
    gap: 13px;
    min-height: 46px;
    padding: 0 10px;
    transition: color .14s, background .14s;
  }

  .nav-item:hover {
    color: #fff;
    background: #ffffff0d;
  }

  .nav-item--active {
    color: #fff8ed;
    box-shadow: inset 3px 0 var(--accent);
    background: #2b3a39;
  }

  .nav-item--active:hover {
    background: #2b3a39;
  }

  .nav-index {
    color: #a2afa4;
    font-family: var(--mono);
    font-size: 10px;
  }

  .nav-item--active .nav-index {
    color: #e3a77d;
  }

  .sidebar-spacer {
    flex: 1;
    min-height: 32px;
  }

  .sidebar-health {
    display: flex;
    border-top: 1px solid var(--line-dark);
    border-bottom: 1px solid var(--line-dark);
    align-items:  center;
    gap: 10px;
    padding: 14px 10px;
  }

  .sidebar-health div {
    display: grid;
    gap: 4px;
  }

  .sidebar-health strong {
    font-family: var(--mono);
    letter-spacing: .08em;
    font-size: 9px;
  }

  .sidebar-health small {
    color: #9ca99f;
    font-size: 11px;
  }

  .sidebar-foot, .sidebar-foot.mono-note {
    color: #a2afa4;
    letter-spacing: .06em;
    padding: 14px 10px 0;
    font-size: 9px;
  }

  .app-main {
    min-width: 0;
  }

  .topbar {
    position: sticky;
    z-index: 5;
    display: flex;
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(14px);
    background: #eeeadfe8;
    justify-content: space-between;
    align-items:  center;
    min-height: 63px;
    padding: 0 clamp(20px, 4vw, 58px);
    top: 0;
  }

  .topbar-path, .topbar-tools {
    display: flex;
    align-items:  center;
    gap: 12px;
  }

  .topbar-path {
    color: #5d685f;
    font-family: var(--mono);
    letter-spacing: .1em;
    font-size: 10px;
  }

  .topbar-path span:first-child {
    color: var(--ink);
    font-weight: 700;
  }

  .topbar-path b {
    color: #b6ad9d;
    font-weight: 400;
  }

  .topbar-tools {
    gap: 18px;
  }

  .version-chip, .rate-chip, .data-badge {
    display: inline-flex;
    color: #526055;
    font-family: var(--mono);
    letter-spacing: .08em;
    white-space: nowrap;
    background: #e7e2d5;
    border: 1px solid #dad4c7;
    border-radius: 5px;
    justify-content: center;
    align-items:  center;
    min-height: 26px;
    padding: 0 9px;
    font-size: 9px;
    font-weight: 600;
  }

  .logout-button {
    color: #59645d;
    cursor: pointer;
    background: none;
    border: 0;
    min-height: 40px;
    padding: 0 4px;
  }

  .logout-button:hover {
    color: var(--accent-dark);
  }

  .main-content {
    width: min(100%, 1540px);
    margin-inline-start: auto;
    margin-inline-end: auto;
    padding: clamp(24px, 4vw, 54px) clamp(18px, 4vw, 58px) 64px;
  }

  .main-content--flush {
    width: 100%;
    max-width: none;
    height: calc(100dvh - 63px);
    min-height: 0;
    margin: 0;
    padding: 0;
  }

  .page-stack {
    display: grid;
    gap: 23px;
  }

  .page-heading {
    display: flex;
    justify-content: space-between;
    align-items:  flex-end;
    gap: 24px;
    padding-block-end: 3px;
  }

  .page-heading h1 {
    letter-spacing: -.045em;
    margin: 8px 0 7px;
    font-size: clamp(29px, 3vw, 42px);
    font-weight: 540;
    line-height: 1.04;
  }

  .page-heading--overview h1 {
    font-family: var(--serif);
    letter-spacing: -.04em;
    font-size: clamp(38px, 4.2vw, 55px);
    font-weight: 400;
  }

  .page-intro {
    color: #566158;
    max-width: 62ch;
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
  }

  .data-badge {
    color: #4e5d51;
    background: #e5eadd;
    border-color: #ccd6c8;
  }

  .data-badge--soft {
    color: #965236;
    background: #f3e7da;
    border-color: #e7c7ad;
  }

  .connection-badge {
    display: inline-flex;
    color: #536056;
    font-family: var(--mono);
    text-transform: uppercase;
    white-space: nowrap;
    background: #e5e3d9;
    border: 1px solid #d4d1c6;
    border-radius: 99px;
    align-items:  center;
    gap: 8px;
    min-height: 31px;
    padding: 0 11px;
    font-size: 10px;
  }

  .connection-badge--live {
    color: #466b4f;
    background: #e4eee0;
    border-color: #c8d9c3;
  }

  .connection-badge--warn {
    color: #8c5c30;
    background: #f4ead8;
    border-color: #e4d0ad;
  }

  .status-dot {
    display: inline-block;
    background: var(--amber);
    border-radius: 50%;
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 3px #e1ae5b26;
  }

  .status-dot--green, .connection-badge--live .status-dot {
    background: #6c9b75;
    box-shadow: 0 0 0 3px #6c9b7526;
  }

  .panel {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    min-width: 0;
  }

  .panel-heading {
    display: flex;
    justify-content: space-between;
    align-items:  flex-start;
    gap: 16px;
    margin-block-end: 20px;
  }

  .panel-heading h2 {
    letter-spacing: -.025em;
    margin: 5px 0 0;
    font-size: 19px;
    font-weight: 560;
  }

  .panel-heading .eyebrow {
    color: #586257;
  }

  .status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px;
  }

  .status-card {
    display: grid;
    border: 1px solid var(--line);
    background: #f9f6ed;
    border-radius: 11px;
    align-content: space-between;
    min-height: 153px;
    padding: 18px 17px 16px;
  }

  .status-card--primary {
    color: #f1ecdf;
    background: var(--ink);
    border-color: var(--ink);
  }

  .status-card__index {
    color: #5d685e;
    font-family: var(--mono);
    letter-spacing: .08em;
    font-size: 9px;
  }

  .status-card--primary .status-card__index {
    color: #a8b5aa;
  }

  .status-card strong {
    color: #293738;
    letter-spacing: -.035em;
    margin-block-start: 18px;
    margin-block-end: 5px;
    font-size: clamp(17px, 1.6vw, 22px);
    font-weight: 560;
  }

  .status-card--primary strong {
    color: #f7e9cf;
  }

  .status-card .status-card__model {
    overflow: hidden;
    font-family: var(--mono);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
  }

  .status-card span:last-child {
    color: #566257;
    font-size: 11px;
    line-height: 1.4;
  }

  .status-card--primary span:last-child {
    color: #b4c0b3;
  }

  .overview-lower {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .9fr);
    gap: 13px;
  }

  .recent-sessions, .pipeline-card {
    padding: 22px;
  }

  .session-table-wrap {
    overflow-x: auto;
  }

  table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
  }

  th {
    color: #5c6257;
    font-family: var(--mono);
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 0 10px 11px;
    font-size: 9px;
    font-weight: 500;
  }

  td {
    border-top: 1px solid #e3ddcf;
    padding: 12px 10px;
    font-size: 12px;
  }

  .mono-note {
    color: #59635a;
    font-family: var(--mono);
    overflow-wrap: anywhere;
    font-size: 10px;
  }

  .table-state {
    display: inline-flex;
    color: #527057;
    font-family: var(--mono);
    text-transform: uppercase;
    background: #e5ecdf;
    border-radius: 4px;
    padding: 4px 7px;
    font-size: 9px;
  }

  .empty-line {
    display: flex;
    color: #59645b;
    align-items:  center;
    gap: 10px;
    min-height: 82px;
    font-size: 13px;
  }

  .empty-line__dash {
    background: var(--accent);
    width: 22px;
    height: 2px;
  }

  .pipeline-card {
    background: #f8f4e9;
  }

  .pipeline-list {
    display: grid;
    list-style: none;
    gap: 0;
    margin: 0;
    padding: 0;
  }

  .pipeline-list li {
    position: relative;
    display: grid;
    grid-template-columns: 27px 1fr;
    border-top: 1px solid #e2dbcc;
    gap: 11px;
    min-height: 62px;
    padding-block-start: 11px;
    padding-block-end: 11px;
  }

  .pipeline-list li:first-child {
    border-top: 0;
  }

  .pipeline-index {
    color: #9e472f;
    font-family: var(--mono);
    font-size: 10px;
  }

  .pipeline-list li span:last-child {
    display: grid;
    gap: 5px;
  }

  .pipeline-list strong {
    font-size: 12px;
    font-weight: 600;
  }

  .pipeline-list small {
    color: #5a655c;
    font-family: var(--mono);
    overflow-wrap: anywhere;
    font-size: 10px;
  }

  .notice {
    border: 1px solid;
    border-radius: 8px;
    padding: 13px 15px;
    font-size: 12px;
    line-height: 1.5;
  }

  .notice strong {
    margin-inline-end: 3px;
  }

  .notice--amber {
    color: #78532d;
    background: #f4ead7;
    border-color: #e5d0ac;
  }

  .inline-message {
    color: #536056;
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
  }

  .inline-message--error {
    color: var(--danger);
  }

  .button {
    display: inline-flex;
    letter-spacing: .01em;
    cursor: pointer;
    border: 1px solid #0000;
    border-radius: 7px;
    justify-content: center;
    align-items:  center;
    gap: 8px;
    min-height: 44px;
    padding: 0 17px;
    transition: transform .13s, background-color .13s, border-color .13s;
    font-size: 12px;
    font-weight: 650;
  }

  .button:hover:not(:disabled) {
    transform: translateY(-1px);
  }

  .button:active:not(:disabled) {
    transform: translateY(0);
  }

  .button:disabled {
    opacity: .54;
    cursor: not-allowed;
  }

  .button--primary {
    color: #fff8ef;
    background: var(--accent-dark);
    border-color: var(--accent-dark);
  }

  .button--primary:hover:not(:disabled) {
    background: #853c2c;
    border-color: #853c2c;
  }

  .button--dark {
    color: #f5f0e7;
    background: var(--ink);
  }

  .button--dark:hover:not(:disabled) {
    background: #2a3a3a;
  }

  .button--quiet {
    color: #54635b;
    background: none;
    border-color: #cfcabb;
  }

  .button--quiet:hover:not(:disabled) {
    background: #efecdf;
  }

  .button--stop {
    color: #fff9f0;
    background: #9d4236;
  }

  .button--stop:hover:not(:disabled) {
    background: #7f3229;
  }

  .button--wide {
    width: 100%;
  }

  .models-form {
    display: grid;
    gap: 14px;
  }

  .model-section {
    padding: clamp(18px, 2.5vw, 28px);
  }

  .model-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px 22px;
  }

  .model-field {
    display: grid;
    color: #48564d;
    align-content:  start;
    gap: 8px;
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
  }

  .model-field input, .model-field select, .graph-filter select, .graph-filter input, .form-stack select, .login-card input, .text-turn textarea {
    color: var(--ink);
    background: var(--panel-strong);
    border: 1px solid #d5cebf;
    border-radius: 6px;
    width: 100%;
    min-height: 45px;
    padding: 0 12px;
  }

  .model-field input, .graph-filter input, .text-turn textarea {
    font-family: var(--mono);
    font-size: 12px;
  }

  .model-field small {
    color: #586259;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
  }

  .section-copy {
    color: #59645b;
    max-width: 72ch;
    margin: -7px 0 20px;
    font-size: 12px;
    line-height: 1.6;
  }

  .memory-model-row {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(190px, .7fr);
    align-items:  end;
    gap: 24px;
  }

  .memory-model-state {
    display: grid;
    border-left: 2px solid var(--leaf);
    background: #f1eddf;
    border-radius: 4px;
    gap: 6px;
    padding: 12px 14px;
  }

  .memory-model-state strong {
    font-family: var(--mono);
    font-size: 12px;
    font-weight: 600;
  }

  .state-label {
    color: #566157;
    font-size: 10px;
    line-height: 1.45;
  }

  .save-bar {
    position: relative;
    display: flex;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 10px;
    justify-content: space-between;
    align-items:  center;
    gap: 14px;
    margin-block-start: 3px;
    padding: 12px 14px 12px 17px;
    box-shadow: 0 8px 28px #242b2514;
  }

  .save-feedback {
    color: #527057;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
  }

  .save-feedback--muted {
    color: #59645b;
    font-weight: 400;
  }

  .restart-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, auto);
    color: #76502c;
    background: #f3e9d7;
    border: 1px solid #e1cfaf;
    border-radius: 8px;
    align-items:  center;
    gap: 14px;
    padding: 17px 19px;
  }

  .restart-panel strong {
    font-size: 12px;
  }

  .restart-panel p {
    margin: 5px 0 0;
    font-size: 11px;
    line-height: 1.45;
  }

  .restart-panel code {
    color: #f2eadb;
    font-family: var(--mono);
    overflow-wrap: anywhere;
    background: #293534;
    border-radius: 5px;
    padding: 10px;
    font-size: 10px;
  }

  .graph-filter {
    display: grid;
    grid-template-columns: minmax(145px, .7fr) minmax(145px, .7fr) minmax(220px, 1.2fr) auto;
    align-items:  end;
    gap: 12px;
    padding: 17px;
  }

  .graph-filter label, .form-stack label:not(.check-row) {
    display: grid;
    color: #59665c;
    gap: 7px;
    font-size: 11px;
    font-weight: 600;
  }

  .graph-filter select, .form-stack select {
    font-size: 12px;
  }

  .graph-filter__query {
    min-width: 0;
  }

  .graph-filter .button {
    min-width: 138px;
  }

  .graph-panel {
    overflow: hidden;
    min-height: 390px;
  }

  .graph-canvas {
    background-color: #f7f3e9;
    background-image: linear-gradient(#7881730a 1px, #0000 1px), linear-gradient(90deg, #7881730a 1px, #0000 1px);
    background-size: 26px 26px;
    width: 100%;
    height: min(58vh, 620px);
    min-height: 420px;
  }

  .memory-node {
    display: grid;
    background: #fffdf7;
    border: 1px solid #cbc5b8;
    border-left: 3px solid #9aab96;
    border-radius: 8px;
    gap: 6px;
    width: 214px;
    min-height: 88px;
    padding: 12px;
    box-shadow: 0 5px 14px #282e2714;
  }

  .memory-node--user {
    border-color: #e0bfa7;
    border-left-color: var(--accent);
    background: #f7e9dc;
  }

  .memory-node--session {
    background: #edf0e6;
  }

  .memory-node--concept, .memory-node--file {
    background: #f3efdf;
    border-left-color: #b69c61;
  }

  .memory-node__type {
    color: #5b6258;
    font-family: var(--mono);
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 8px;
  }

  .memory-node strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 650;
  }

  .memory-node__detail {
    display: -webkit-box;
    overflow: hidden;
    color: #59635b;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 9px;
    line-height: 1.4;
  }

  .memory-edge path {
    stroke: #859685;
    stroke-width: 1.4;
  }

  .memory-edge .react-flow__edge-text {
    fill: #657166;
    font-family: var(--mono);
    font-size: 9px;
  }

  .graph-details {
    display: flex;
    border-top: 1px solid var(--line);
    justify-content: space-between;
    align-items:  center;
    gap: 20px;
    min-height: 90px;
    padding: 17px 21px;
  }

  .graph-details h2 {
    margin: 5px 0 3px;
    font-size: 15px;
  }

  .graph-details p:last-child {
    color: #58635a;
    margin: 0;
    font-size: 11px;
    line-height: 1.5;
  }

  .graph-accessible-list {
    color: #566258;
    padding: 0 21px 18px;
    font-size: 11px;
  }

  .graph-accessible-list summary {
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 36px;
    padding-top: 9px;
  }

  .graph-accessible-list ul {
    display: grid;
    gap: 8px;
    padding-inline-start: 20px;
  }

  .graph-accessible-list li {
    line-height: 1.5;
  }

  .graph-list-record {
    display: grid;
    gap: 5px;
  }

  .graph-list-record p {
    color: #59645b;
    margin: 0;
    line-height: 1.5;
  }

  .graph-list-relations {
    display: grid;
    color: #59645b;
    gap: 4px;
    margin: 3px 0 0;
    padding-inline-start: 18px;
  }

  .empty-graph {
    display: grid;
    text-align: center;
    align-content:  center;
    justify-items: center;
    min-height: 390px;
    padding: 32px;
  }

  .empty-graph h2 {
    font-family: var(--serif);
    margin: 17px 0 5px;
    font-size: 25px;
    font-weight: 400;
  }

  .empty-graph p {
    color: #59645b;
    max-width: 38ch;
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
  }

  .empty-graph__mark {
    display: flex;
    align-items:  center;
    gap: 11px;
    height: 42px;
  }

  .empty-graph__mark span {
    background: #91a78f;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    box-shadow: 27px 0 #d0b48b, 54px 0 #d06b4a;
  }

  .empty-graph__mark span:nth-child(2) {
    position: relative;
    box-shadow: none;
    background: #d0b48b;
  }

  .empty-graph__mark span:nth-child(2):before, .empty-graph__mark span:nth-child(2):after {
    position: absolute;
    content: "";
    background: #b4ab98;
    width: 20px;
    height: 1px;
    top: 5px;
  }

  .empty-graph__mark span:nth-child(2):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: -15px;
  }

  .empty-graph__mark span:nth-child(2):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: -15px;
  }

  .empty-graph__mark span:nth-child(2):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: -15px;
  }

  .empty-graph__mark span:nth-child(2):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: -15px;
  }

  .empty-graph__mark span:nth-child(2):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: -15px;
  }

  .empty-graph__mark span:nth-child(2):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: -15px;
  }

  .empty-graph__mark span:nth-child(2):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: -15px;
  }

  .empty-graph__mark span:nth-child(2):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: -15px;
  }

  .empty-graph__mark span:nth-child(2):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: -15px;
  }

  .empty-graph__mark span:nth-child(2):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: -15px;
  }

  .empty-graph__mark span:nth-child(2):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: -15px;
  }

  .empty-graph__mark span:nth-child(2):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: -15px;
  }

  .empty-graph__mark span:nth-child(2):after {
    width: 19px;
  }

  .empty-graph__mark span:nth-child(2):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: 7px;
  }

  .empty-graph__mark span:nth-child(2):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: 7px;
  }

  .empty-graph__mark span:nth-child(2):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: 7px;
  }

  .empty-graph__mark span:nth-child(2):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: 7px;
  }

  .empty-graph__mark span:nth-child(2):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: 7px;
  }

  .empty-graph__mark span:nth-child(2):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: 7px;
  }

  .voice-lab-grid {
    display: grid;
    grid-template-columns: minmax(290px, .76fr) minmax(0, 1.24fr);
    gap: 13px;
  }

  .voice-setup, .voice-controls, .response-panel {
    padding: 21px;
  }

  .voice-controls {
    display: grid;
    align-content:  start;
  }

  .form-stack {
    display: grid;
    gap: 16px;
  }

  .check-row {
    display: flex;
    color: #5c695e;
    cursor: pointer;
    align-items:  center;
    gap: 9px;
    min-height: 35px;
    font-size: 11px;
  }

  .check-row input {
    accent-color: var(--accent);
    width: 17px;
    height: 17px;
  }

  .session-meta {
    display: grid;
    border-top: 1px solid #e1dbcd;
    gap: 10px;
    margin: 21px 0 0;
    padding-top: 17px;
  }

  .session-meta div {
    display: grid;
    grid-template-columns: 74px 1fr;
    align-items: baseline;
    gap: 8px;
  }

  .session-meta dt {
    color: #576258;
    font-family: var(--mono);
    text-transform: uppercase;
    font-size: 9px;
  }

  .session-meta dd {
    color: #536057;
    overflow-wrap: anywhere;
    margin: 0;
    font-size: 11px;
  }

  .rate-chip {
    color: #566257;
    background: none;
    min-height: 24px;
    font-size: 8px;
  }

  .mic-control {
    display: flex;
    background: #f2eee2;
    border: 1px solid #e1dbce;
    border-radius: 9px;
    align-items:  center;
    gap: 13px;
    min-height: 90px;
    padding: 14px;
  }

  .mic-indicator {
    display: grid;
    border: 1px solid #d6cdbb;
    border-radius: 50%;
    flex: 0 0 42px;
    place-items:  center;
    width: 42px;
    height: 42px;
  }

  .mic-indicator span {
    background: #b3a994;
    border-radius: 50%;
    width: 10px;
    height: 10px;
  }

  .mic-indicator--active {
    border-color: #b7664b;
    box-shadow: 0 0 0 4px #c85f3d1a;
  }

  .mic-indicator--active span {
    background: var(--accent);
    animation: 1.4s ease-in-out infinite mic-pulse;
  }

  .mic-control__copy {
    display: grid;
    flex: 1;
    gap: 5px;
    min-width: 0;
  }

  .mic-control__copy strong {
    font-size: 12px;
  }

  .mic-control__copy span {
    color: #59645b;
    font-size: 10px;
    line-height: 1.45;
  }

  .divider-label {
    display: flex;
    color: #5e655b;
    font-family: var(--mono);
    letter-spacing: .1em;
    align-items:  center;
    gap: 10px;
    margin: 19px 0 12px;
    font-size: 8px;
  }

  .divider-label:before, .divider-label:after {
    content: "";
    background: #e1dbce;
    flex: 1;
    height: 1px;
  }

  .text-turn {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items:  end;
    gap: 10px;
  }

  .text-turn textarea {
    resize: vertical;
    min-height: 75px;
    padding: 11px 12px;
    font-family: inherit;
    line-height: 1.5;
  }

  .response-panel {
    grid-column: 1 / -1;
  }

  .response-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
  }

  .response-block {
    background: #f4f0e4;
    border: 1px solid #e2dccf;
    border-radius: 8px;
    min-height: 123px;
    padding: 15px;
  }

  .response-block--summary {
    background: #edf0e7;
    border-color: #d5decf;
  }

  .response-block h3 {
    color: #536156;
    font-family: var(--mono);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin: 0 0 9px;
    font-size: 9px;
  }

  .response-block p {
    color: #34413b;
    white-space: pre-wrap;
    margin: 0;
    font-size: 12px;
    line-height: 1.65;
  }

  .login-screen {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(320px, 410px);
    overflow: hidden;
    background: radial-gradient(ellipse at 23% 22%, #e1ddce, transparent 38%), var(--paper);
    justify-content: center;
    align-items:  center;
    gap: clamp(42px, 8vw, 120px);
    min-height: 100vh;
    padding: 48px clamp(24px, 8vw, 120px);
  }

  .login-screen:before {
    position: absolute;
    background: var(--ink);
    content: "";
    width: 10px;
    top: 0;
    bottom: 0;
  }

  .login-screen:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0;
  }

  .login-screen:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0;
  }

  .login-screen:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0;
  }

  .login-screen:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: 0;
  }

  .login-screen:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: 0;
  }

  .login-screen:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: 0;
  }

  .login-mark {
    position: absolute;
    display: flex;
    opacity: .7;
    align-items:  center;
    gap: 6px;
    height: 74px;
    top: 12%;
    transform: rotate(-14deg);
  }

  .login-mark:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 8%;
  }

  .login-mark:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 8%;
  }

  .login-mark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 8%;
  }

  .login-mark:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 8%;
  }

  .login-mark:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 8%;
  }

  .login-mark:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 8%;
  }

  .login-mark span {
    background: #8da18f;
    border-radius: 4px;
    width: 4px;
  }

  .login-mark span:first-child, .login-mark span:nth-child(5) {
    height: 20px;
  }

  .login-mark span:nth-child(2), .login-mark span:nth-child(4) {
    height: 45px;
  }

  .login-mark span:nth-child(3) {
    background: var(--accent);
    height: 72px;
  }

  .login-copy {
    position: relative;
    max-width: 460px;
    padding-block-start: 58px;
  }

  .login-copy .eyebrow {
    color: #58645a;
  }

  .login-copy h1 {
    color: var(--ink);
    font-family: var(--serif);
    letter-spacing: -.07em;
    margin: 20px 0 21px;
    font-size: clamp(54px, 8vw, 91px);
    font-weight: 400;
    line-height: .93;
  }

  .login-copy h1 em {
    color: var(--accent);
    font-weight: 400;
  }

  .login-copy > p:last-child {
    color: #566158;
    max-width: 39ch;
    font-size: 15px;
    line-height: 1.75;
  }

  .login-card {
    display: grid;
    background: var(--panel);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    border-radius: 12px;
    gap: 12px;
    padding: clamp(23px, 4vw, 36px);
  }

  .login-card h2 {
    font-family: var(--serif);
    margin: 0 0 12px;
    font-size: 25px;
    font-weight: 400;
  }

  .login-card label {
    color: #5b675e;
    font-size: 11px;
    font-weight: 600;
  }

  .login-card input {
    margin-block-start: -4px;
  }

  .login-footnote {
    display: flex;
    color: #5b655a;
    align-items:  center;
    gap: 9px;
    margin: 3px 0 0;
    font-size: 10px;
  }

  .login-index {
    position: absolute;
    color: #5c6259;
    letter-spacing: .1em;
    font-size: 9px;
    bottom: 22px;
  }

  .login-index:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 30px;
  }

  .login-index:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 30px;
  }

  .login-index:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 30px;
  }

  .login-index:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 30px;
  }

  .login-index:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 30px;
  }

  .login-index:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 30px;
  }

  .boot-screen {
    display: flex;
    color: #566158;
    font-family: var(--mono);
    justify-content: center;
    align-items:  center;
    gap: 12px;
    min-height: 100vh;
    font-size: 12px;
  }

  .boot-pulse {
    background: var(--accent);
    animation: 1s ease-in-out infinite mic-pulse;
    border-radius: 50%;
    width: 8px;
    height: 8px;
  }

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

  @keyframes mic-pulse {
    0%, 100% {
      opacity: .5;
      transform: scale(.85);
    }

    50% {
      opacity: 1;
      transform: scale(1.15);
    }
  }

  @media (max-width: 1080px) {
    .status-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-lower {
      grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
    }

    .graph-filter {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .graph-filter__query {
      grid-column: 1;
    }

    .graph-filter .button {
      grid-column: 2;
    }
  }

  @media (max-width: 820px) {
    .app-shell {
      display: block;
    }

    .sidebar {
      position: sticky;
      z-index: 8;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items:  center;
      gap: 10px 16px;
      width: 100%;
      height: auto;
      padding: 11px 16px 10px;
      top: 0;
    }

    .brand-lockup {
      min-height: 40px;
      padding-inline-start: 0;
      padding-inline-end: 0;
    }

    .brand-glyph {
      width: 32px;
      height: 32px;
    }

    .sidebar-rule, .sidebar-label, .sidebar-spacer, .sidebar-health, .sidebar-foot {
      display: none;
    }

    .primary-nav {
      display: flex;
      overflow-x: auto;
      scrollbar-width: thin;
      gap: 3px;
      margin: 0;
    }

    .nav-item {
      white-space: nowrap;
      flex: none;
      gap: 7px;
      min-height: 40px;
      padding: 0 11px;
      font-size: 11px;
    }

    .nav-item--active {
      box-shadow: inset 0 -2px var(--accent);
    }

    .nav-index {
      font-size: 8px;
    }

    .topbar {
      min-height: 53px;
      padding-inline-start: 20px;
      padding-inline-end: 20px;
    }

    .main-content {
      padding: 25px 20px 48px;
    }

    .overview-lower, .voice-lab-grid {
      grid-template-columns: 1fr;
    }

    .response-panel {
      grid-column: auto;
    }
  }

  @media (max-width: 760px) {
    .login-screen {
      grid-template-columns: 1fr;
      align-content:  center;
      justify-items: center;
      gap: 28px;
      padding: 60px 24px 54px;
    }

    .login-copy, .login-card {
      width: min(100%, 500px);
    }

    .login-copy {
      padding-block-start: 18px;
    }

    .login-mark {
      top: 5%;
      transform: scale(.75)rotate(-14deg);
    }

    .login-mark:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      left: auto;
      right: 10%;
    }

    .login-mark:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      left: auto;
      right: 10%;
    }

    .login-mark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      left: auto;
      right: 10%;
    }

    .login-mark:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 10%;
      right: auto;
    }

    .login-mark:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 10%;
      right: auto;
    }

    .login-mark:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 10%;
      right: auto;
    }

    .login-index {
      font-size: 8px;
      bottom: 12px;
    }

    .login-index:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      right: 16px;
    }

    .login-index:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      right: 16px;
    }

    .login-index:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      right: 16px;
    }

    .login-index:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 16px;
    }

    .login-index:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 16px;
    }

    .login-index:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 16px;
    }
  }

  @media (max-width: 600px) {
    .sidebar {
      grid-template-columns: 1fr;
      gap: 7px;
      padding: 8px 12px 7px;
    }

    .brand-lockup {
      min-height: 34px;
    }

    .brand-glyph {
      width: 28px;
      height: 28px;
    }

    .brand-lockup strong {
      font-size: 13px;
    }

    .brand-lockup small {
      font-size: 8px;
    }

    .primary-nav {
      margin-inline-start: -3px;
      margin-inline-end: -3px;
    }

    .nav-item {
      min-height: 39px;
      padding-inline-start: 9px;
      padding-inline-end: 9px;
      font-size: 10px;
    }

    .nav-index {
      display: none;
    }

    .topbar {
      min-height: 47px;
      padding-inline-start: 14px;
      padding-inline-end: 14px;
    }

    .topbar-path {
      gap: 7px;
      font-size: 9px;
    }

    .topbar-tools {
      gap: 10px;
    }

    .version-chip {
      min-height: 23px;
      padding-inline-start: 6px;
      padding-inline-end: 6px;
      font-size: 8px;
    }

    .logout-button {
      min-height: 38px;
      font-size: 10px;
    }

    .main-content {
      padding: 22px 13px 40px;
    }

    .page-heading {
      align-items:  flex-start;
      gap: 10px;
    }

    .page-heading h1 {
      font-size: 33px;
    }

    .page-heading--overview h1 {
      font-size: 43px;
    }

    .page-intro {
      font-size: 12px;
    }

    .connection-badge {
      min-height: 26px;
      padding-inline-start: 8px;
      padding-inline-end: 8px;
      font-size: 8px;
    }

    .status-grid {
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }

    .status-card {
      min-height: 133px;
      padding: 13px 11px;
    }

    .status-card strong {
      font-size: 16px;
    }

    .status-card .status-card__model {
      font-size: 10px;
    }

    .status-card span:last-child {
      font-size: 9px;
    }

    .panel-heading {
      align-items:  flex-start;
    }

    .panel-heading h2 {
      font-size: 17px;
    }

    .panel-heading .mono-note {
      font-size: 8px;
    }

    .recent-sessions, .pipeline-card, .voice-setup, .voice-controls, .response-panel {
      padding: 15px;
    }

    td {
      padding-inline-start: 5px;
      padding-inline-end: 5px;
      font-size: 10px;
    }

    th {
      padding-inline-start: 5px;
      padding-inline-end: 5px;
      font-size: 8px;
    }

    .model-grid {
      grid-template-columns: 1fr;
      gap: 15px;
    }

    .model-section {
      padding: 17px 14px;
    }

    .memory-model-row {
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .save-bar {
      padding: 9px;
    }

    .save-feedback {
      font-size: 10px;
    }

    .save-bar .button {
      min-height: 42px;
      padding-inline-start: 11px;
      padding-inline-end: 11px;
      font-size: 10px;
    }

    .restart-panel {
      grid-template-columns: 1fr;
    }

    .graph-filter {
      grid-template-columns: 1fr;
      padding: 13px;
    }

    .graph-filter__query, .graph-filter .button {
      grid-column: auto;
    }

    .graph-filter .button {
      width: 100%;
    }

    .graph-canvas {
      height: 440px;
      min-height: 380px;
    }

    .graph-details {
      flex-direction: column;
      align-items:  flex-start;
      gap: 9px;
      padding: 14px;
    }

    .graph-details .mono-note {
      font-size: 9px;
    }

    .graph-panel .react-flow__minimap {
      display: none;
    }

    .graph-accessible-list {
      padding: 0 12px 14px;
    }

    .graph-accessible-list summary {
      min-height: 44px;
    }

    .graph-accessible-list > ul {
      gap: 9px;
      padding-inline-start: 0;
    }

    .graph-accessible-list > ul > li {
      list-style: none;
      background: #f7f3e9;
      border: 1px solid #dfd8ca;
      border-radius: 8px;
      padding: 12px;
    }

    .voice-lab-grid {
      gap: 10px;
    }

    .mic-control {
      flex-wrap: wrap;
    }

    .mic-control__copy {
      min-width: 55%;
    }

    .mic-control .button {
      flex: 1 0 100%;
    }

    .text-turn, .response-grid {
      grid-template-columns: 1fr;
    }

    .login-screen {
      grid-template-columns: 1fr;
      align-content:  center;
      gap: 28px;
      padding: 60px 21px;
    }

    .login-mark {
      top: 5%;
      transform: scale(.75)rotate(-14deg);
    }

    .login-mark:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      left: auto;
      right: 10%;
    }

    .login-mark:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      left: auto;
      right: 10%;
    }

    .login-mark:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      left: auto;
      right: 10%;
    }

    .login-mark:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 10%;
      right: auto;
    }

    .login-mark:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 10%;
      right: auto;
    }

    .login-mark:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 10%;
      right: auto;
    }

    .login-copy {
      padding-block-start: 20px;
    }

    .login-copy h1 {
      margin-block-start: 13px;
      margin-block-end: 13px;
      font-size: 58px;
    }

    .login-copy > p:last-child {
      font-size: 13px;
    }

    .login-card {
      padding: 22px;
    }

    .login-index {
      font-size: 8px;
      bottom: 12px;
    }

    .login-index:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      right: 16px;
    }

    .login-index:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      right: 16px;
    }

    .login-index:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      right: 16px;
    }

    .login-index:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 16px;
    }

    .login-index:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 16px;
    }

    .login-index:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      left: 16px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    *, *:before, *:after {
      scroll-behavior: auto !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .01ms !important;
    }
  }

  .identity-panel {
    padding: 20px;
  }

  .identity-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(280px, 1.15fr);
    gap: 22px;
  }

  .identity-column {
    min-width: 0;
  }

  .identity-form {
    margin-block-end: 14px;
  }

  .identity-form label {
    display: block;
    color: #586257;
    letter-spacing: .03em;
    margin-block-end: 6px;
    font-size: 11px;
    font-weight: 650;
  }

  .identity-form-row {
    display: flex;
    align-items:  center;
    gap: 8px;
  }

  .identity-form-row input, .identity-rename input {
    color: var(--ink);
    background: var(--panel-strong);
    border: 1px solid var(--line);
    font: inherit;
    border-radius: 7px;
    flex: 1;
    min-width: 0;
    min-height: 38px;
    padding: 0 10px;
    font-size: 12px;
  }

  .identity-form-row input:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  .identity-rename input:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  .identity-form-row .button, .identity-rename .button {
    min-height: 38px;
    padding-inline-start: 11px;
    padding-inline-end: 11px;
    font-size: 10px;
  }

  .identity-list {
    display: flex;
    list-style: none;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
  }

  .identity-row {
    display: flex;
    background: var(--panel-strong);
    border: 1px solid var(--line);
    cursor: pointer;
    border-radius: 8px;
    justify-content: space-between;
    align-items:  center;
    gap: 10px;
    padding: 10px 12px;
  }

  .identity-row--static {
    cursor: default;
  }

  .identity-row--active {
    border-color: var(--accent);
    background: #f8efe3;
  }

  .identity-row-main {
    display: flex;
    align-items:  center;
    gap: 8px;
    min-width: 0;
  }

  .identity-name {
    overflow: hidden;
    color: var(--ink);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 650;
  }

  .identity-badge {
    display: inline-flex;
    color: #965236;
    font-family: var(--mono);
    letter-spacing: .08em;
    background: #f3e7da;
    border: 1px solid #e7c7ad;
    border-radius: 4px;
    align-items:  center;
    min-height: 20px;
    padding: 0 7px;
    font-size: 8px;
    font-weight: 700;
  }

  .identity-status {
    color: #526055;
    font-family: var(--mono);
    letter-spacing: .04em;
    font-size: 9px;
  }

  .identity-actions {
    display: flex;
    flex: none;
    gap: 6px;
  }

  .identity-actions .button {
    min-height: 30px;
    padding: 0 9px;
    font-size: 9px;
  }

  .identity-rename {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    gap: 6px;
  }

  .identity-subheading {
    display: flex;
    justify-content: space-between;
    align-items:  flex-start;
    gap: 12px;
    margin-block-end: 12px;
  }

  .identity-subheading h3 {
    letter-spacing: -.02em;
    margin: 4px 0 0;
    font-size: 16px;
    font-weight: 600;
  }

  .identity-subheading .eyebrow {
    color: #586257;
  }

  @media (max-width: 800px) {
    .identity-grid {
      grid-template-columns: 1fr;
    }
  }

  .identity-api-keys {
    border-block-start: 1px solid var(--line);
    margin-block-start: 20px;
    padding-block-start: 16px;
  }

  .identity-plaintext {
    background: #fff6e8;
    border: 1px solid #e7c7ad;
    border-radius: 8px;
    margin-block-end: 14px;
    padding: 12px;
  }

  .identity-plaintext p {
    color: #7d4a32;
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 650;
  }

  .identity-plaintext code {
    display: block;
    overflow-wrap: anywhere;
    color: var(--ink);
    background: var(--panel-strong);
    border: 1px solid var(--line);
    font-family: var(--mono);
    border-radius: 6px;
    margin-block-end: 10px;
    padding: 8px;
    font-size: 10px;
  }

  .identity-key-form {
    margin-block-end: 14px;
  }

  .identity-scopes {
    display: flex;
    border: 0;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin: 0 0 10px;
    padding: 0;
  }

  .identity-scopes legend {
    color: #586257;
    margin-block-end: 6px;
    font-size: 11px;
    font-weight: 650;
  }

  .identity-scopes label {
    display: inline-flex;
    color: #4f5d54;
    font-family: var(--mono);
    align-items:  center;
    gap: 6px;
    font-size: 9px;
  }
}

@layer utilities {
  .\@container-size\/sidebar {
    container-type: size;
    container-name: sidebar;
  }

  .\@container\/card-header {
    container-type: inline-size;
    container-name: card-header;
  }

  .\@container, .\@container-\[inline-size\] {
    container-type: inline-size;
  }

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

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

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

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

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

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

  .not-sr-only {
    position: static;
    overflow: visible;
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

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

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

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

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

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

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

  .top-\[0\.4em\] {
    top: .4em;
  }

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

  .top-\[calc\(50\%\+1\.25rem\*var\(--nested-dialogs\)\)\] {
    top: calc(50% + 1.25rem * var(--nested-dialogs));
  }

  .top-auto {
    top: auto;
  }

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

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

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

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

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

  .right-\[1rem\] {
    right: 1rem;
  }

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

  .bottom-\[1rem\] {
    bottom: 1rem;
  }

  .bottom-auto {
    bottom: auto;
  }

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

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

  .left-auto {
    left: auto;
  }

  .isolate {
    isolation: isolate;
  }

  .isolation-auto {
    isolation: auto;
  }

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

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

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

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

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

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

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

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

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

  .order-0 {
    order: 0;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .order-none {
    order: 0;
  }

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

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

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

  .col-end-2 {
    grid-column-end: 2;
  }

  .col-end-3 {
    grid-column-end: 3;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .row-start-2 {
    grid-row-start: 2;
  }

  .row-start-3 {
    grid-row-start: 3;
  }

  .row-end-2 {
    grid-row-end: 2;
  }

  .row-end-3 {
    grid-row-end: 3;
  }

  .row-end-4 {
    grid-row-end: 4;
  }

  .float-end {
    float: inline-end;
  }

  .float-left {
    float: left;
  }

  .float-none {
    float: none;
  }

  .float-right {
    float: right;
  }

  .float-start {
    float: inline-start;
  }

  .clear-both {
    clear: both;
  }

  .clear-end {
    clear: inline-end;
  }

  .clear-left {
    clear: left;
  }

  .clear-none {
    clear: none;
  }

  .clear-right {
    clear: right;
  }

  .clear-start {
    clear: inline-start;
  }

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

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

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

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

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

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

  .container {
    width: 100%;
  }

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

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

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

  .m-px {
    margin: 1px;
  }

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

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

  .-mx-px {
    margin-inline-start: -1px;
    margin-inline-end: -1px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mr-\[0\.875rem\] {
    margin-right: .875rem;
  }

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

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

  .-mb-\[var\(--bleed\)\] {
    margin-bottom: calc(var(--bleed) * -1);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .\!grid {
    display: grid !important;
  }

  .\!inline {
    display: inline !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .contents\! {
    display: contents !important;
  }

  .flex {
    display: flex;
  }

  .flow-root {
    display: flow-root;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .inline-table {
    display: inline-table;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-column {
    display: table-column;
  }

  .table-column-group {
    display: table-column-group;
  }

  .table-footer-group {
    display: table-footer-group;
  }

  .table-header-group {
    display: table-header-group;
  }

  .table-row {
    display: table-row;
  }

  .table-row-group {
    display: table-row-group;
  }

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

  .field-sizing-fixed {
    field-sizing: fixed;
  }

  .aspect-5\/3 {
    aspect-ratio: 5 / 3;
  }

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

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

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

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

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

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

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

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

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

  .size-auto {
    width: auto;
    height: auto;
  }

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

  .\[height\:var\(--drawer-height\,auto\)\] {
    height: var(--drawer-height, auto);
  }

  .h-\(--height\) {
    height: var(--height);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[calc\(1\.5rem-2px\)\] {
    height: calc(1.5rem - 2px);
  }

  .h-\[calc\(2rem\+1px\)\] {
    height: calc(2rem + 1px);
  }

  .h-\[calc\(100\%-1rem\+var\(--bleed\)\)\] {
    height: calc(100% - 1rem + var(--bleed));
  }

  .h-\[min\(22\.5rem\,var\(--total-size\)\)\] {
    height: min(22.5rem, var(--total-size));
  }

  .h-\[var\(--accordion-panel-height\)\] {
    height: var(--accordion-panel-height);
  }

  .h-\[var\(--collapsible-panel-height\)\] {
    height: var(--collapsible-panel-height);
  }

  .h-\[var\(--height\)\] {
    height: var(--height);
  }

  .h-\[var\(--popup-height\)\] {
    height: var(--popup-height);
  }

  .h-\[var\(--popup-height\,auto\)\] {
    height: var(--popup-height, auto);
  }

  .h-\[var\(--positioner-height\)\] {
    height: var(--positioner-height);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-lh {
    height: 1lh;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

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

  .max-h-\[20\.5rem\] {
    max-height: 20.5rem;
  }

  .max-h-\[24\.5rem\] {
    max-height: 24.5rem;
  }

  .max-h-\[calc\(80vh\+3rem\)\] {
    max-height: calc(80vh + 3rem);
  }

  .max-h-\[calc\(80vh\+var\(--bleed\)\)\] {
    max-height: calc(80vh + var(--bleed));
  }

  .max-h-\[calc\(100\%-1rem\+var\(--bleed\)\)\] {
    max-height: calc(100% - 1rem + var(--bleed));
  }

  .max-h-\[calc\(100dvh-var\(--top-margin\)\)\] {
    max-height: calc(100dvh - var(--top-margin));
  }

  .max-h-\[min\(22\.5rem\,var\(--available-height\)\)\] {
    max-height: min(22.5rem, var(--available-height));
  }

  .max-h-\[min\(22rem\,var\(--available-height\)\)\] {
    max-height: min(22rem, var(--available-height));
  }

  .max-h-\[min\(28rem\,var\(--available-height\)\)\] {
    max-height: min(28rem, var(--available-height));
  }

  .max-h-\[min\(36rem\,calc\(100dvh-5rem\)\)\] {
    max-height: min(36rem, 100dvh - 5rem);
  }

  .max-h-\[min\(60dvh\,24rem\)\] {
    max-height: min(60dvh, 24rem);
  }

  .max-h-\[min\(calc\(20\.5rem-var\(--input-container-height\)-2px\)\,calc\(var\(--available-height\)-var\(--input-container-height\)-2px\)\)\] {
    max-height: min(calc(20.5rem - var(--input-container-height)  - 2px), calc(var(--available-height)  - var(--input-container-height)  - 2px));
  }

  .max-h-\[min\(calc\(24\.5rem-var\(--input-container-height\)-2px\)\,calc\(var\(--available-height\)-var\(--input-container-height\)-2px\)\)\] {
    max-height: min(calc(24.5rem - var(--input-container-height)  - 2px), calc(var(--available-height)  - var(--input-container-height)  - 2px));
  }

  .max-h-\[min\(var\(--available-height\)\,22\.5rem\)\] {
    max-height: min(var(--available-height), 22.5rem);
  }

  .max-h-\[min\(var\(--available-height\)\,24\.5rem\)\] {
    max-height: min(var(--available-height), 24.5rem);
  }

  .max-h-\[min\(var\(--available-height\)\,28rem\)\] {
    max-height: min(var(--available-height), 28rem);
  }

  .max-h-\[var\(--available-height\)\] {
    max-height: var(--available-height);
  }

  .max-h-full {
    max-height: 100%;
  }

  .max-h-lh {
    max-height: 1lh;
  }

  .max-h-none {
    max-height: none;
  }

  .max-h-screen {
    max-height: 100vh;
  }

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

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

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

  .min-h-22 {
    min-height: calc(var(--spacing) * 22);
  }

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

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

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

  .min-h-\[16\.5rem\] {
    min-height: 16.5rem;
  }

  .min-h-\[140px\] {
    min-height: 140px;
  }

  .min-h-\[calc\(1\.5rem-2px\)\] {
    min-height: calc(1.5rem - 2px);
  }

  .min-h-\[var\(--footer-reserved-height\)\] {
    min-height: var(--footer-reserved-height);
  }

  .min-h-auto {
    min-height: auto;
  }

  .min-h-dvh {
    min-height: 100dvh;
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-lh {
    min-height: 1lh;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-\(--active-tab-width\) {
    width: var(--active-tab-width);
  }

  .w-\(--anchor-width\) {
    width: var(--anchor-width);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

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

  .w-150 {
    width: calc(var(--spacing) * 150);
  }

  .w-\[7ch\] {
    width: 7ch;
  }

  .w-\[16rem\] {
    width: 16rem;
  }

  .w-\[24rem\] {
    width: 24rem;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[250px\] {
    width: 250px;
  }

  .w-\[calc\(20rem\+3rem\)\] {
    width: 23rem;
  }

  .w-\[calc\(100\%\+2px\)\] {
    width: calc(100% + 2px);
  }

  .w-\[calc\(100vw-1rem\)\] {
    width: calc(100vw - 1rem);
  }

  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem);
  }

  .w-\[calc\(100vw-40px\)\], .w-\[calc\(100vw_-_40px\)\] {
    width: calc(100vw - 40px);
  }

  .w-\[min\(40rem\,calc\(100vw-2rem\)\)\] {
    width: min(40rem, 100vw - 2rem);
  }

  .w-\[var\(--anchor-width\)\] {
    width: var(--anchor-width);
  }

  .w-\[var\(--popup-width\)\] {
    width: var(--popup-width);
  }

  .w-\[var\(--popup-width\,auto\)\] {
    width: var(--popup-width, auto);
  }

  .w-\[var\(--positioner-width\)\] {
    width: var(--positioner-width);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-min {
    width: min-content;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-\(--available-width\) {
    max-width: var(--available-width);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xs {
    max-width: var(--container-3xs);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }

  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }

  .max-w-90 {
    max-width: calc(var(--spacing) * 90);
  }

  .max-w-\[20rem\] {
    max-width: 20rem;
  }

  .max-w-\[31\.25rem\] {
    max-width: 31.25rem;
  }

  .max-w-\[32rem\] {
    max-width: 32rem;
  }

  .max-w-\[42rem\] {
    max-width: 42rem;
  }

  .max-w-\[70rem\] {
    max-width: 70rem;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-\[calc\(100vw-3rem\)\] {
    max-width: calc(100vw - 3rem);
  }

  .max-w-\[calc\(100vw-3rem\+3rem\)\] {
    max-width: 100vw;
  }

  .max-w-\[calc\(100vw-8rem\)\] {
    max-width: calc(100vw - 8rem);
  }

  .max-w-\[var\(--available-width\)\] {
    max-width: var(--available-width);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-screen {
    max-width: 100vw;
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-\(--anchor-width\) {
    min-width: var(--anchor-width);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }

  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }

  .min-w-\[0px\] {
    min-width: 0;
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[10rem\] {
    min-width: 10rem;
  }

  .min-w-\[14rem\] {
    min-width: 14rem;
  }

  .min-w-\[16rem\] {
    min-width: 16rem;
  }

  .min-w-\[220px\] {
    min-width: 220px;
  }

  .min-w-\[240px\] {
    min-width: 240px;
  }

  .min-w-\[320px\] {
    min-width: 320px;
  }

  .min-w-\[max\(14rem\,var\(--anchor-width\)\)\] {
    min-width: max(14rem, var(--anchor-width));
  }

  .min-w-\[var\(--anchor-width\)\] {
    min-width: var(--anchor-width);
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .min-w-auto {
    min-width: auto;
  }

  .min-w-max {
    min-width: max-content;
  }

  .min-w-screen {
    min-width: 100vw;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[0_1_auto\] {
    flex: 0 auto;
  }

  .flex-auto {
    flex: auto;
  }

  .flex-initial {
    flex: 0 auto;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .basis-auto {
    flex-basis: auto;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .table-auto {
    table-layout: auto;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .caption-top {
    caption-side: top;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .\[transform-origin\:50\%_calc\(100\%-var\(--bleed\)\)\] {
    transform-origin: 50% calc(100% - var(--bleed));
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }

  .origin-\[center_top\] {
    transform-origin: center top;
  }

  .origin-\[var\(--transform-origin\)\] {
    transform-origin: var(--transform-origin);
  }

  .origin-bottom {
    transform-origin: bottom;
  }

  .origin-center {
    transform-origin: center;
  }

  .origin-top {
    transform-origin: top;
  }

  .-translate-full {
    --tw-translate-x: -100%;
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-full {
    --tw-translate-x: 100%;
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\(--active-tab-left\) {
    --tw-translate-x: var(--active-tab-left);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-3d {
    translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z);
  }

  .translate-none {
    translate: none;
  }

  .scale-120 {
    --tw-scale-x: 120%;
    --tw-scale-y: 120%;
    --tw-scale-z: 120%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }

  .scale-\[calc\(1-0\.1\*var\(--nested-dialogs\)\)\] {
    scale: calc(1 - .1 * var(--nested-dialogs));
  }

  .scale-none {
    scale: none;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-none {
    rotate: none;
  }

  .\[transform\:scale\(1\)_translateY\(0\)\] {
    transform: scale(1)translateY(0);
  }

  .\[transform\:translateX\(var\(--drawer-swipe-movement-x\)\)\] {
    transform: translateX(var(--drawer-swipe-movement-x));
  }

  .\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)\+\(var\(--toast-index\)\*var\(--peek\)\)\+\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y)  + (var(--toast-index) * var(--peek))  + (var(--shrink) * var(--height)))) scale(var(--scale));
  }

  .\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y)  - (var(--toast-index) * var(--peek))  - (var(--shrink) * var(--height)))) scale(var(--scale));
  }

  .\[transform\:translateY\(calc\(var\(--drawer-snap-point-offset\)\+var\(--drawer-swipe-movement-y\)\)\)\] {
    transform: translateY(calc(var(--drawer-snap-point-offset)  + var(--drawer-swipe-movement-y)));
  }

  .\[transform\:translateY\(calc\(var\(--drawer-swipe-movement-y\)-var\(--stack-peek-offset\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] {
    transform: translateY(calc(var(--drawer-swipe-movement-y)  - var(--stack-peek-offset)  - (var(--shrink) * var(--height)))) scale(var(--scale));
  }

  .\[transform\:translateY\(var\(--drawer-swipe-movement-y\)\)\] {
    transform: translateY(var(--drawer-swipe-movement-y));
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform\! {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important;
  }

  .transform-\[translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\] {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y)  - (var(--toast-index) * var(--peek))  - (var(--shrink) * var(--height)))) scale(var(--scale));
  }

  .transform-cpu {
    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, );
  }

  .transform-none {
    transform: none;
  }

  .\[animation\:spin_20s_linear_infinite\], .animate-\[spin_20s_linear_infinite\] {
    animation: 20s linear infinite spin;
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .animate-out {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
  }

  .touch-auto {
    touch-action: auto;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-x {
    resize: horizontal;
  }

  .resize-y {
    resize: vertical;
  }

  .snap-none {
    scroll-snap-type: none;
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-proximity {
    --tw-scroll-snap-strictness: proximity;
  }

  .snap-align-none {
    scroll-snap-align: none;
  }

  .snap-center {
    scroll-snap-align: center;
  }

  .snap-end {
    scroll-snap-align: end;
  }

  .snap-start {
    scroll-snap-align: start;
  }

  .snap-always {
    scroll-snap-stop: always;
  }

  .snap-normal {
    scroll-snap-stop: normal;
  }

  .\[scroll-margin-block\:0\.25rem\] {
    scroll-margin-block: .25rem;
  }

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

  .\[scroll-padding-block\:0\.25rem\] {
    scroll-padding-block: .25rem;
  }

  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing) * 1);
  }

  .scroll-py-6 {
    scroll-padding-block: calc(var(--spacing) * 6);
  }

  .scroll-py-\[0\.25rem\] {
    scroll-padding-block: .25rem;
  }

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

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

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

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

  .scroll-pb-\[0\.35rem\] {
    scroll-padding-bottom: .35rem;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-outside {
    list-style-position: outside;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-auto {
    appearance: auto;
  }

  .appearance-none {
    appearance: none;
  }

  .columns-2 {
    columns: 2;
  }

  .columns-3 {
    columns: 3;
  }

  .columns-4 {
    columns: 4;
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .grid-flow-dense {
    grid-auto-flow: dense;
  }

  .grid-flow-row {
    grid-auto-flow: row;
  }

  .grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .grid-cols-\[1rem_1fr\] {
    grid-template-columns: 1rem 1fr;
  }

  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .place-content-around {
    place-content: space-around;
  }

  .place-content-baseline {
    place-content: baseline start;
  }

  .place-content-between {
    place-content: space-between;
  }

  .place-content-center {
    place-content:  center;
  }

  .place-content-center-safe {
    place-content: safe center;
  }

  .place-content-end {
    place-content:  end;
  }

  .place-content-end-safe {
    place-content: safe end;
  }

  .place-content-evenly {
    place-content: space-evenly;
  }

  .place-content-start {
    place-content:  start;
  }

  .place-content-stretch {
    place-content: stretch;
  }

  .place-items-baseline {
    place-items: baseline;
  }

  .place-items-center {
    place-items:  center;
  }

  .place-items-center-safe {
    place-items: safe center;
  }

  .place-items-end {
    place-items:  end;
  }

  .place-items-end-safe {
    place-items: safe end;
  }

  .place-items-start {
    place-items:  start;
  }

  .place-items-stretch {
    place-items: stretch;
  }

  .content-around {
    align-content: space-around;
  }

  .content-baseline {
    align-content: baseline;
  }

  .content-between {
    align-content: space-between;
  }

  .content-center {
    align-content:  center;
  }

  .content-center-safe {
    align-content: safe center;
  }

  .content-end {
    align-content:  flex-end;
  }

  .content-end-safe {
    align-content: safe flex-end;
  }

  .content-evenly {
    align-content: space-evenly;
  }

  .content-normal {
    align-content: normal;
  }

  .content-start {
    align-content:  flex-start;
  }

  .content-stretch {
    align-content: stretch;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-baseline-last {
    align-items: last baseline;
  }

  .items-center {
    align-items:  center;
  }

  .items-center-safe {
    align-items: safe center;
  }

  .items-end {
    align-items:  flex-end;
  }

  .items-end-safe {
    align-items: safe flex-end;
  }

  .items-start {
    align-items:  flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-baseline {
    justify-content: baseline;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-center-safe {
    justify-content: safe center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-end-safe {
    justify-content: safe flex-end;
  }

  .justify-evenly {
    justify-content: space-evenly;
  }

  .justify-normal {
    justify-content: normal;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-stretch {
    justify-content: stretch;
  }

  .justify-items-center {
    justify-items: center;
  }

  .justify-items-center-safe {
    justify-items: safe center;
  }

  .justify-items-end {
    justify-items: end;
  }

  .justify-items-end-safe {
    justify-items: safe end;
  }

  .justify-items-normal {
    justify-items: normal;
  }

  .justify-items-start {
    justify-items: start;
  }

  .justify-items-stretch {
    justify-items: stretch;
  }

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

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

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

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

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

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

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

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

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

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

  .gap-px {
    gap: 1px;
  }

  :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-reverse > :not(:last-child)) {
    --tw-space-y-reverse: 1;
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  :where(.space-x-reverse > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  :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 > :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-reverse > :not(:last-child)) {
    --tw-divide-y-reverse: 1;
  }

  :where(.divide-neutral-950 > :not(:last-child)) {
    border-color: var(--color-neutral-950);
  }

  .place-self-auto {
    place-self: auto;
  }

  .place-self-center {
    place-self:  center;
  }

  .place-self-center-safe {
    place-self: safe center;
  }

  .place-self-end {
    place-self:  end;
  }

  .place-self-end-safe {
    place-self: safe end;
  }

  .place-self-start {
    place-self:  start;
  }

  .place-self-stretch {
    place-self: stretch;
  }

  .self-auto {
    align-self: auto;
  }

  .self-baseline {
    align-self: baseline;
  }

  .self-baseline-last {
    align-self: last baseline;
  }

  .self-center {
    align-self:  center;
  }

  .self-center-safe {
    align-self: safe center;
  }

  .self-end {
    align-self:  flex-end;
  }

  .self-end-safe {
    align-self: safe flex-end;
  }

  .self-start {
    align-self:  flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-auto {
    justify-self: auto;
  }

  .justify-self-center {
    justify-self: center;
  }

  .justify-self-center-safe {
    justify-self: safe center;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-end-safe {
    justify-self: safe flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .justify-self-stretch {
    justify-self: stretch;
  }

  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .scroll-auto {
    scroll-behavior: auto;
  }

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[calc\(var\(--radius\)-3px\)\] {
    border-radius: calc(var(--radius)  - 3px);
  }

  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }

  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
    border-radius: min(var(--radius-md), 12px);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius)  - 2px);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: calc(var(--radius)  - 4px);
  }

  .rounded-xl {
    border-radius: calc(var(--radius)  + 4px);
  }

  .rounded-s:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-s:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-s:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-s:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-s:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-s:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-ss:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
  }

  .rounded-ss:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
  }

  .rounded-ss:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
  }

  .rounded-ss:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .25rem;
  }

  .rounded-ss:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .25rem;
  }

  .rounded-ss:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .25rem;
  }

  .rounded-e:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-e:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-e:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-e:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-e:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-e:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-se:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .25rem;
  }

  .rounded-se:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .25rem;
  }

  .rounded-se:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .25rem;
  }

  .rounded-se:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .25rem;
  }

  .rounded-se:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .25rem;
  }

  .rounded-se:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .25rem;
  }

  .rounded-ee:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: .25rem;
  }

  .rounded-ee:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: .25rem;
  }

  .rounded-ee:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: .25rem;
  }

  .rounded-ee:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-left-radius: .25rem;
  }

  .rounded-ee:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-left-radius: .25rem;
  }

  .rounded-ee:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-left-radius: .25rem;
  }

  .rounded-es:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: .25rem;
  }

  .rounded-es:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: .25rem;
  }

  .rounded-es:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: .25rem;
  }

  .rounded-es:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: .25rem;
  }

  .rounded-es:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: .25rem;
  }

  .rounded-es:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: .25rem;
  }

  .rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
  }

  .rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-tl {
    border-top-left-radius: .25rem;
  }

  .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

  .rounded-tr {
    border-top-right-radius: .25rem;
  }

  .rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

  .rounded-br {
    border-bottom-right-radius: .25rem;
  }

  .rounded-bl {
    border-bottom-left-radius: .25rem;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-left-width: 1px;
    border-right-width: 1px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-start-width: 1px;
    border-block-end-width: 1px;
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }

  .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-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-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-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-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .border-double {
    --tw-border-style: double;
    border-style: double;
  }

  .border-hidden {
    --tw-border-style: hidden;
    border-style: hidden;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .border-\[\#fbf0df\] {
    border-color: #fbf0df;
  }

  .border-blue-800 {
    border-color: var(--color-blue-800);
  }

  .border-border {
    border-color: var(--border);
  }

  .border-current {
    border-color: currentColor;
  }

  .border-input {
    border-color: var(--input);
  }

  .border-muted {
    border-color: var(--muted);
  }

  .border-neutral-300 {
    border-color: var(--color-neutral-300);
  }

  .border-neutral-400 {
    border-color: var(--color-neutral-400);
  }

  .border-neutral-950 {
    border-color: var(--color-neutral-950);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-r-transparent {
    border-right-color: #0000;
  }

  .bg-\(--my_variable\) {
    background-color: var(--my_variable);
  }

  .bg-\(color\:--my-color\) {
    background-color: var(--my-color);
  }

  .bg-\[\#1a1a1a\] {
    background-color: #1a1a1a;
  }

  .bg-\[\#0088cc\] {
    background-color: #08c;
  }

  .bg-\[\#242424\] {
    background-color: #242424;
  }

  .bg-\[\#B91C1C\] {
    background-color: #b91c1c;
  }

  .bg-\[\#fbf0df\] {
    background-color: #fbf0df;
  }

  .bg-\[color\:var\(--my-color\)\] {
    background-color: var(--my-color);
  }

  .bg-\[var\(--my_variable\)\] {
    background-color: var(--my_variable);
  }

  .bg-active {
    background-color: var(--active-background);
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/8 {
    background-color: #00000014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/8 {
      background-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }

  .bg-black\/12 {
    background-color: #0000001f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/12 {
      background-color: color-mix(in oklab, var(--color-black) 12%, 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-blue-800\/10 {
    background-color: #193cb81a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-800\/10 {
      background-color: color-mix(in oklab, var(--color-blue-800) 10%, transparent);
    }
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-destructive {
    background-color: var(--destructive);
  }

  .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-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-100\/50 {
    background-color: #f3f4f680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-100\/50 {
      background-color: color-mix(in oklab, var(--color-gray-100) 50%, transparent);
    }
  }

  .bg-inactive {
    background-color: var(--inactive-background);
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-muted-foreground {
    background-color: var(--muted-foreground);
  }

  .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-neutral-100 {
    background-color: var(--color-neutral-100);
  }

  .bg-neutral-200 {
    background-color: var(--color-neutral-200);
  }

  .bg-neutral-300 {
    background-color: var(--color-neutral-300);
  }

  .bg-neutral-950 {
    background-color: var(--color-neutral-950);
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-500\/50 {
    background-color: #fb2c3680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/50 {
      background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
  }

  .bg-red-500\/\[50\%\] {
    background-color: #fb2c3680;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/\[50\%\] {
      background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .-bg-conic, .bg-conic {
    --tw-gradient-position: in oklab;
    background-image: conic-gradient(var(--tw-gradient-stops));
  }

  .bg-radial {
    --tw-gradient-position: in oklab;
    background-image: radial-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(to_bottom\,rgb\(0_0_0\/5\%\)_0\,rgb\(0_0_0\/10\%\)_50\%\)\] {
    background-image: linear-gradient(#0000000d 0, #0000001a 50%);
  }

  .bg-none {
    background-image: none;
  }

  .via-none {
    --tw-gradient-via-stops: initial;
  }

  .mask-linear-\[to_bottom\,transparent_0\,black_min\(40px\,var\(--scroll-area-overflow-y-start\)\)\,black_calc\(100\%_-_min\(40px\,var\(--scroll-area-overflow-y-end\,40px\)\)\)\,transparent_100\%\] {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: linear-gradient(var(--tw-mask-linear-stops, var(--tw-mask-linear-position)));
    --tw-mask-linear-position: to bottom, transparent 0, black min(40px, var(--scroll-area-overflow-y-start)), black calc(100% - min(40px, var(--scroll-area-overflow-y-end, 40px))), transparent 100%;
  }

  .mask-none {
    mask-image: none;
  }

  .mask-circle {
    --tw-mask-radial-shape: circle;
  }

  .mask-ellipse {
    --tw-mask-radial-shape: ellipse;
  }

  .mask-radial-closest-corner {
    --tw-mask-radial-size: closest-corner;
  }

  .mask-radial-closest-side {
    --tw-mask-radial-size: closest-side;
  }

  .mask-radial-farthest-corner {
    --tw-mask-radial-size: farthest-corner;
  }

  .mask-radial-farthest-side {
    --tw-mask-radial-size: farthest-side;
  }

  .mask-radial-at-bottom {
    --tw-mask-radial-position: bottom;
  }

  .mask-radial-at-bottom-left {
    --tw-mask-radial-position: bottom left;
  }

  .mask-radial-at-bottom-right {
    --tw-mask-radial-position: bottom right;
  }

  .mask-radial-at-center {
    --tw-mask-radial-position: center;
  }

  .mask-radial-at-left {
    --tw-mask-radial-position: left;
  }

  .mask-radial-at-right {
    --tw-mask-radial-position: right;
  }

  .mask-radial-at-top {
    --tw-mask-radial-position: top;
  }

  .mask-radial-at-top-left {
    --tw-mask-radial-position: top left;
  }

  .mask-radial-at-top-right {
    --tw-mask-radial-position: top right;
  }

  .box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  .box-decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
  }

  .decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  .decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice;
  }

  .bg-auto {
    background-size: auto;
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-cover {
    background-size: cover;
  }

  .bg-fixed {
    background-attachment: fixed;
  }

  .bg-local {
    background-attachment: local;
  }

  .bg-scroll {
    background-attachment: scroll;
  }

  .bg-clip-border {
    background-clip: border-box;
  }

  .bg-clip-content {
    background-clip: content-box;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

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

  .bg-bottom {
    background-position: bottom;
  }

  .bg-bottom-left {
    background-position: 0 100%;
  }

  .bg-bottom-right {
    background-position: 100% 100%;
  }

  .bg-center {
    background-position: center;
  }

  .bg-left {
    background-position: 0;
  }

  .bg-left-bottom {
    background-position: 0 100%;
  }

  .bg-left-top {
    background-position: 0 0;
  }

  .bg-right {
    background-position: right center;
  }

  .bg-right-bottom {
    background-position: 100% 100%;
  }

  .bg-right-top {
    background-position: 100% 0;
  }

  .bg-top {
    background-position: top;
  }

  .bg-top-left {
    background-position: 0 0;
  }

  .bg-top-right {
    background-position: 100% 0;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .bg-repeat {
    background-repeat: repeat;
  }

  .bg-repeat-round {
    background-repeat: round;
  }

  .bg-repeat-space {
    background-repeat: space;
  }

  .bg-repeat-x {
    background-repeat: repeat-x;
  }

  .bg-repeat-y {
    background-repeat: repeat-y;
  }

  .bg-origin-border {
    background-origin: border-box;
  }

  .bg-origin-content {
    background-origin: content-box;
  }

  .bg-origin-padding {
    background-origin: padding-box;
  }

  .mask-add {
    mask-composite: add;
  }

  .mask-exclude {
    mask-composite: exclude;
  }

  .mask-intersect {
    mask-composite: intersect;
  }

  .mask-subtract {
    mask-composite: subtract;
  }

  .mask-alpha {
    mask-mode: alpha;
  }

  .mask-luminance {
    mask-mode: luminance;
  }

  .mask-match {
    mask-mode: match-source;
  }

  .mask-type-alpha {
    mask-type: alpha;
  }

  .mask-type-luminance {
    mask-type: luminance;
  }

  .mask-auto {
    mask-size: auto;
  }

  .mask-contain {
    mask-size: contain;
  }

  .mask-cover {
    mask-size: cover;
  }

  .mask-clip-border {
    mask-clip: border-box;
  }

  .mask-clip-content {
    mask-clip: content-box;
  }

  .mask-clip-fill {
    mask-clip: fill-box;
  }

  .mask-clip-padding {
    mask-clip: padding-box;
  }

  .mask-clip-stroke {
    mask-clip: stroke-box;
  }

  .mask-clip-view {
    mask-clip: view-box;
  }

  .mask-no-clip {
    mask-clip: no-clip;
  }

  .mask-bottom {
    mask-position: bottom;
  }

  .mask-bottom-left {
    mask-position: left bottom;
  }

  .mask-bottom-right {
    mask-position: right bottom;
  }

  .mask-center {
    mask-position: center;
  }

  .mask-left {
    mask-position: left;
  }

  .mask-right {
    mask-position: right;
  }

  .mask-top {
    mask-position: top;
  }

  .mask-top-left {
    mask-position: left top;
  }

  .mask-top-right {
    mask-position: right top;
  }

  .mask-no-repeat {
    mask-repeat: no-repeat;
  }

  .mask-repeat {
    mask-repeat: repeat;
  }

  .mask-repeat-round {
    mask-repeat: round;
  }

  .mask-repeat-space {
    mask-repeat: space;
  }

  .mask-repeat-x {
    mask-repeat: repeat-x;
  }

  .mask-repeat-y {
    mask-repeat: repeat-y;
  }

  .mask-origin-border {
    mask-origin: border-box;
  }

  .mask-origin-content {
    mask-origin: content-box;
  }

  .mask-origin-fill {
    mask-origin: fill-box;
  }

  .mask-origin-padding {
    mask-origin: padding-box;
  }

  .mask-origin-stroke {
    mask-origin: stroke-box;
  }

  .mask-origin-view {
    mask-origin: view-box;
  }

  .fill-none {
    fill: none;
  }

  .stroke-none {
    stroke: none;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-fill {
    object-fit: fill;
  }

  .object-none {
    object-fit: none;
  }

  .object-scale-down {
    object-fit: scale-down;
  }

  .object-left-bottom {
    object-position: left bottom;
  }

  .object-left-top {
    object-position: left top;
  }

  .object-right-bottom {
    object-position: right bottom;
  }

  .object-right-top {
    object-position: right top;
  }

  .p-\(--viewport-padding\) {
    padding: var(--viewport-padding);
  }

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

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

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

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

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

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

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

  .p-px {
    padding: 1px;
  }

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

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

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

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

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

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-\[0\.3rem\] {
    padding-inline-start: .3rem;
    padding-inline-end: .3rem;
  }

  .px-\[var\(--viewport-inline-padding\)\] {
    padding-inline: var(--viewport-inline-padding);
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

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

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

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

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-\[0\.2rem\] {
    padding-block-start: .2rem;
    padding-block-end: .2rem;
  }

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

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

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

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

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

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

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

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

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

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

  .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-4 {
    padding-right: calc(var(--spacing) * 4);
  }

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

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

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

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

  .pr-\[0\.2rem\] {
    padding-right: .2rem;
  }

  .pr-\[calc\(1\.5rem\+3rem\)\] {
    padding-right: 4.5rem;
  }

  .\[padding-bottom\:max\(0px\,calc\(var\(--drawer-snap-point-offset\)\+var\(--drawer-swipe-movement-y\)\)\)\] {
    padding-bottom: max(0px, calc(var(--drawer-snap-point-offset)  + var(--drawer-swipe-movement-y)));
  }

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

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

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

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

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

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

  .pb-\[calc\(0\.625rem\+env\(safe-area-inset-bottom\,0px\)\+var\(--bleed\)\)\] {
    padding-bottom: calc(.625rem + env(safe-area-inset-bottom, 0px)  + var(--bleed));
  }

  .pb-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\,0px\)\)\] {
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));
  }

  .pb-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\,0px\)\+3rem\)\] {
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px)  + 3rem);
  }

  .pb-\[calc\(1\.5rem\+env\(safe-area-inset-bottom\,0px\)\+var\(--bleed\)\)\] {
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px)  + var(--bleed));
  }

  .pb-\[calc\(1rem\+env\(safe-area-inset-bottom\,0px\)\)\] {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  }

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

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

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

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

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

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

  .pl-\[0\.4rem\] {
    padding-left: .4rem;
  }

  .pl-\[2\.125rem\] {
    padding-left: 2.125rem;
  }

  .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-baseline {
    vertical-align: baseline;
  }

  .align-bottom {
    vertical-align: bottom;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-sub {
    vertical-align: sub;
  }

  .align-super {
    vertical-align: super;
  }

  .align-text-bottom {
    vertical-align: text-bottom;
  }

  .align-text-top {
    vertical-align: text-top;
  }

  .align-top {
    vertical-align: top;
  }

  .font-\[inherit\] {
    font-family: inherit;
  }

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

  .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-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

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

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

  .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-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[0\.625rem\] {
    font-size: .625rem;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .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-\[1\.2rem\] {
    --tw-leading: 1.2rem;
    line-height: 1.2rem;
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .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\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .wrap-anywhere {
    overflow-wrap: anywhere;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

  .wrap-normal {
    overflow-wrap: normal;
  }

  .break-all {
    word-break: break-all;
  }

  .break-keep {
    word-break: keep-all;
  }

  .overflow-ellipsis {
    text-overflow: ellipsis;
  }

  .text-clip {
    text-overflow: clip;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual;
  }

  .hyphens-none {
    -webkit-hyphens: none;
    hyphens: none;
  }

  .whitespace-break-spaces {
    white-space: break-spaces;
  }

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

  .\[color\:red\] {
    color: red;
  }

  .\[color\:red\]\/50 {
    color: #ff000080;
    color: color(display-p3 .917487 .200287 .13856 / .5);
    color: lab(54.2905% 80.8049 69.891 / .5);
  }

  .\[color\:red\]\/50\! {
    color: #ff000080 !important;
    color: color(display-p3 .917487 .200287 .13856 / .5) !important;
    color: lab(54.2905% 80.8049 69.891 / .5) !important;
  }

  .text-\[\#1a1a1a\] {
    color: #1a1a1a;
  }

  .text-\[\#fbf0df\] {
    color: #fbf0df;
  }

  .text-\[rgba\(255\,255\,255\,0\.87\)\] {
    color: #ffffffde;
  }

  .text-active {
    color: var(--active-background);
  }

  .text-agent-foreground {
    color: var(--agent-foreground);
  }

  .text-background {
    color: var(--background);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-client-foreground {
    color: var(--client-foreground);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-inherit {
    color: inherit;
  }

  .text-input {
    color: var(--input);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-neutral-500 {
    color: var(--color-neutral-500);
  }

  .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .text-neutral-700 {
    color: var(--color-neutral-700);
  }

  .text-neutral-950 {
    color: var(--color-neutral-950);
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-white {
    color: var(--color-white);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .font-stretch-condensed {
    font-stretch: condensed;
  }

  .font-stretch-expanded {
    font-stretch: expanded;
  }

  .font-stretch-extra-condensed {
    font-stretch: extra-condensed;
  }

  .font-stretch-extra-expanded {
    font-stretch: extra-expanded;
  }

  .font-stretch-normal {
    font-stretch: normal;
  }

  .font-stretch-semi-condensed {
    font-stretch: semi-condensed;
  }

  .font-stretch-semi-expanded {
    font-stretch: semi-expanded;
  }

  .font-stretch-ultra-condensed {
    font-stretch: ultra-condensed;
  }

  .font-stretch-ultra-expanded {
    font-stretch: ultra-expanded;
  }

  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .normal-nums {
    font-variant-numeric: normal;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline\! {
    text-decoration-line: underline !important;
  }

  .decoration-neutral-300 {
    text-decoration-color: var(--color-neutral-300);
  }

  .decoration-neutral-950\/60 {
    text-decoration-color: #0a0a0a99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-neutral-950\/60 {
      text-decoration-color: color-mix(in oklab, var(--color-neutral-950) 60%, transparent);
    }
  }

  .decoration-dashed {
    text-decoration-style: dashed;
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .decoration-double {
    text-decoration-style: double;
  }

  .decoration-solid {
    text-decoration-style: solid;
  }

  .decoration-wavy {
    text-decoration-style: wavy;
  }

  .decoration-1, .decoration-\[1px\] {
    text-decoration-thickness: 1px;
  }

  .decoration-auto {
    text-decoration-thickness: auto;
  }

  .decoration-from-font {
    text-decoration-thickness: from-font;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .underline-offset-\[0\.16em\] {
    text-underline-offset: .16em;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .placeholder-\[\#fbf0df\]\/40::placeholder {
    color: #fbf0df66;
    color: color(display-p3 .976839 .942651 .881576 / .4);
    color: lab(95.3308% 1.75327 9.63873 / .4);
  }

  .accent-auto {
    accent-color: auto;
  }

  .scheme-dark {
    --buncss-light: ;
    --buncss-dark: initial;
    color-scheme: dark;
  }

  .scheme-light {
    --buncss-light: initial;
    --buncss-dark: ;
    color-scheme: light;
  }

  .scheme-light-dark {
    --buncss-light: initial;
    --buncss-dark: ;
    color-scheme: light dark;
  }

  @media (prefers-color-scheme: dark) {
    .scheme-light-dark {
      --buncss-light: ;
      --buncss-dark: initial;
    }
  }

  .scheme-normal {
    color-scheme: normal;
  }

  .scheme-only-dark {
    --buncss-light: ;
    --buncss-dark: initial;
    color-scheme: dark only;
  }

  .scheme-only-light {
    --buncss-light: initial;
    --buncss-dark: ;
    color-scheme: light only;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-\[calc\(var\(--backdrop-opacity\)\*\(1-var\(--drawer-swipe-progress\)\)\)\] {
    opacity: calc(var(--backdrop-opacity) * (1 - var(--drawer-swipe-progress)));
  }

  .mix-blend-plus-darker {
    mix-blend-mode: plus-darker;
  }

  .mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0\.25rem_0\.25rem_0\] {
    --tw-shadow: .25rem .25rem 0 var(--tw-shadow-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0\.25rem_0\.25rem_0_rgb\(0_0_0_\/_12\%\)\] {
    --tw-shadow: .25rem .25rem 0 var(--tw-shadow-color, #0000001f);
    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);
    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);
    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;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-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 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-black\/12 {
    --tw-shadow-color: #0000001f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/12 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 12%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .shadow-initial {
    --tw-shadow-color: initial;
  }

  .inset-shadow-initial {
    --tw-inset-shadow-color: initial;
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline: 2px solid #0000;
      outline-offset: 2px;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-\[0_1px_1px_\#0008\] {
    --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0008));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-none {
    --tw-drop-shadow: ;
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -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-invert {
    --tw-backdrop-invert: invert(100%);
    -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-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[bottom\,padding-bottom\] {
    transition-property: bottom, padding-bottom;
    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\] {
    transition-property: left, right;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[min-height\] {
    transition-property: min-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\,translate\] {
    transition-property: opacity, transform, translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\,width\,height\,scale\] {
    transition-property: opacity, transform, width, height, scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,translate\,filter\] {
    transition-property: opacity, translate, filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,translate\] {
    transition-property: opacity, translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[scale\,opacity\] {
    transition-property: scale, opacity;
    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-\[top\,left\,right\,bottom\,transform\] {
    transition-property: top, left, right, bottom, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[top\,left\,right\,bottom\] {
    transition-property: top, left, right, bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[top\,scale\,opacity\] {
    transition-property: top, scale, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,box-shadow\] {
    transition-property: transform, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,opacity\] {
    transition-property: transform, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,scale\,opacity\] {
    transition-property: transform, scale, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[translate\,background-color\] {
    transition-property: translate, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[translate\,scale\,opacity\] {
    transition-property: translate, scale, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[translate\,width\] {
    transition-property: translate, width;
    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\,opacity\,scale\] {
    transition-property: width, height, opacity, scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,opacity\,transform\] {
    transition-property: width, height, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-discrete {
    transition-behavior: allow-discrete;
  }

  .transition-normal {
    transition-behavior: normal;
  }

  .delay-150 {
    transition-delay: .15s;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-250 {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-350 {
    --tw-duration: .35s;
    transition-duration: .35s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-600 {
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .duration-\[0\.35s\] {
    --tw-duration: .35s;
    transition-duration: .35s;
  }

  .duration-\[200ms\] {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-\[250ms\] {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .duration-\[260ms\] {
    --tw-duration: .26s;
    transition-duration: .26s;
  }

  .duration-\[300ms\] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[450ms\] {
    --tw-duration: .45s;
    transition-duration: .45s;
  }

  .duration-\[600ms\] {
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .duration-\[700ms\] {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-\[calc\(var\(--duration\)\*0\.5\)\,var\(--duration\)\] {
    --tw-duration: calc(var(--duration) * .5), var(--duration);
    transition-duration: calc(var(--duration) * .5), var(--duration);
  }

  .duration-\[var\(--duration\)\] {
    --tw-duration: var(--duration);
    transition-duration: var(--duration);
  }

  .\[transition-duration\:calc\(400ms\*var\(--indent-transition\)\)\,calc\(250ms\*var\(--indent-transition\)\)\] {
    transition-duration: calc(.4s * var(--indent-transition)), calc(.25s * var(--indent-transition));
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22,1,.36,1);
  }

  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(.32, .72, 0, 1);
    transition-timing-function: cubic-bezier(.32,.72,0,1);
  }

  .ease-\[cubic-bezier\(0\.45\,1\.005\,0\,1\.005\)\] {
    --tw-ease: cubic-bezier(.45, 1.005, 0, 1.005);
    transition-timing-function: cubic-bezier(.45,1.005,0,1.005);
  }

  .ease-\[cubic-bezier\(0\.375\,0\.015\,0\.545\,0\.455\)\] {
    --tw-ease: cubic-bezier(.375, .015, .545, .455);
    transition-timing-function: cubic-bezier(.375,.015,.545,.455);
  }

  .ease-\[ease\,cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    --tw-ease: ease, cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: ease, cubic-bezier(.4,0,.2,1);
  }

  .ease-\[ease-out\] {
    --tw-ease: ease-out;
    transition-timing-function: ease-out;
  }

  .ease-\[ease\] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }

  .ease-\[var\(--ease-out-fast\)\] {
    --tw-ease: var(--ease-out-fast);
    transition-timing-function: var(--ease-out-fast);
  }

  .ease-\[var\(--easing\)\] {
    --tw-ease: var(--easing);
    transition-timing-function: var(--easing);
  }

  .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-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-\[bottom\,padding-bottom\] {
    will-change: bottom, padding-bottom;
  }

  .will-change-auto {
    will-change: auto;
  }

  .will-change-contents {
    will-change: contents;
  }

  .will-change-scroll {
    will-change: scroll-position;
  }

  .will-change-transform {
    will-change: transform;
  }

  .contain-inline-size {
    --tw-contain-size: inline-size;
    contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, );
  }

  .contain-layout {
    --tw-contain-layout: layout;
    contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, );
  }

  .contain-paint {
    --tw-contain-paint: paint;
    contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, );
  }

  .contain-size {
    --tw-contain-size: size;
    contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, );
  }

  .contain-style {
    --tw-contain-style: style;
    contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, );
  }

  .contain-content {
    contain: content;
  }

  .contain-none {
    contain: none;
  }

  .contain-strict {
    contain: strict;
  }

  .content-none {
    --tw-content: none;
    content: none;
  }

  .forced-color-adjust-auto {
    forced-color-adjust: auto;
  }

  .forced-color-adjust-none {
    forced-color-adjust: none;
  }

  .delay-150 {
    animation-delay: calc(150 * 1ms);
    animation-delay: .15s;
    --tw-animation-delay: calc(150 * 1ms);
    --tw-animation-delay: .15s;
  }

  .fill-mode-forwards {
    animation-fill-mode: forwards;
    --tw-animation-fill-mode: forwards;
  }

  .outline-dashed {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }

  .outline-dotted {
    --tw-outline-style: dotted;
    outline-style: dotted;
  }

  .outline-double {
    --tw-outline-style: double;
    outline-style: double;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .outline-solid {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .repeat-1 {
    animation-iteration-count: 1;
    --tw-animation-iteration-count: 1;
  }

  .repeat-2 {
    animation-iteration-count: 2;
    --tw-animation-iteration-count: 2;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }

  .\!paused {
    animation-play-state: paused !important;
  }

  .\[--backdrop-opacity\:0\.2\] {
    --backdrop-opacity: .2;
  }

  .\[--backdrop-opacity\:0\.4\] {
    --backdrop-opacity: .4;
  }

  .\[--backdrop-opacity\:1\] {
    --backdrop-opacity: 1;
  }

  .\[--bleed\:3rem\] {
    --bleed: 3rem;
  }

  .\[--gap\:0\.75rem\] {
    --gap: .75rem;
  }

  .\[--height\:max\(0px\,calc\(var\(--drawer-frontmost-height\,var\(--drawer-height\)\)-var\(--bleed\)\)\)\] {
    --height: max(0px, calc(var(--drawer-frontmost-height, var(--drawer-height))  - var(--bleed)));
  }

  .\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\] {
    --height: var(--toast-frontmost-height, var(--toast-height));
  }

  .\[--indent-radius\:calc\(1rem\*\(1-var\(--drawer-swipe-progress\)\)\)\] {
    --indent-radius: calc(1rem * (1 - var(--drawer-swipe-progress)));
  }

  .\[--indent-transition\:calc\(1-clamp\(0\,calc\(var\(--drawer-swipe-progress\)\*100000\)\,1\)\)\] {
    --indent-transition: calc(1 - clamp(0, calc(var(--drawer-swipe-progress) * 100000), 1));
  }

  .\[--input-container-height\:2rem\] {
    --input-container-height: 2rem;
  }

  .\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\] {
    --offset-y: calc(var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1)  + var(--toast-swipe-movement-y));
  }

  .\[--offset-y\:calc\(var\(--toast-offset-y\)\+\(var\(--toast-index\)\*var\(--gap\)\)\+var\(--toast-swipe-movement-y\)\)\] {
    --offset-y: calc(var(--toast-offset-y)  + (var(--toast-index) * var(--gap))  + var(--toast-swipe-movement-y));
  }

  .\[--peek\:0\.75rem\] {
    --peek: .75rem;
  }

  .\[--peek\:1rem\] {
    --peek: 1rem;
  }

  .\[--scale-base\:calc\(max\(0\,1-\(var\(--nested-drawers\)\*var\(--stack-step\)\)\)\)\] {
    --scale-base: calc(max(0, 1 - (var(--nested-drawers) * var(--stack-step))));
  }

  .\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\] {
    --scale: calc(max(0, 1 - (var(--toast-index) * .1)));
  }

  .\[--scale\:clamp\(0\,calc\(var\(--scale-base\)\+\(var\(--stack-step\)\*var\(--stack-progress\)\)\)\,1\)\] {
    --scale: clamp(0, calc(var(--scale-base)  + (var(--stack-step) * var(--stack-progress))), 1);
  }

  .\[--shrink\:calc\(1-var\(--scale\)\)\] {
    --shrink: calc(1 - var(--scale));
  }

  .\[--stack-peek-offset\:max\(0px\,calc\(\(var\(--nested-drawers\)-var\(--stack-progress\)\)\*var\(--peek\)\)\)\] {
    --stack-peek-offset: max(0px, calc((var(--nested-drawers)  - var(--stack-progress)) * var(--peek)));
  }

  .\[--stack-progress\:clamp\(0\,var\(--drawer-swipe-progress\)\,1\)\] {
    --stack-progress: clamp(0, var(--drawer-swipe-progress), 1);
  }

  .\[--stack-step\:0\.05\] {
    --stack-step: .05;
  }

  .\[--viewport-inline-padding\:0\.5rem\] {
    --viewport-inline-padding: .5rem;
  }

  .\[--viewport-padding\:0px\] {
    --viewport-padding: 0px;
  }

  .\[transition\:opacity_175ms_ease\,translate_350ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    transition: opacity .175s, translate .35s cubic-bezier(.22,1,.36,1);
  }

  .\[transition\:transform_0\.4s_cubic-bezier\(0\.32\,0\.72\,0\,1\)\,border-radius_0\.25s_cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    transition: transform .4s cubic-bezier(.32,.72,0,1), border-radius .25s cubic-bezier(.32,.72,0,1);
  }

  .\[transition\:transform_0\.5s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_0\.5s\,height_0\.15s\] {
    transition: transform .5s cubic-bezier(.22,1,.36,1), opacity .5s, height .15s;
  }

  .\[transition\:transform_450ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)\,height_450ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)\,opacity_450ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    transition: transform .45s cubic-bezier(.32,.72,0,1), height .45s cubic-bezier(.32,.72,0,1), opacity .45s cubic-bezier(.32,.72,0,1);
  }

  .backface-hidden {
    backface-visibility: hidden;
  }

  .backface-visible {
    backface-visibility: visible;
  }

  .blur-in {
    --tw-enter-blur: 20px;
  }

  .blur-in-\[\<value\>\] {
    --tw-enter-blur: < value> ;
  }

  .blur-out {
    --tw-exit-blur: 20px;
  }

  .blur-out-\[\<value\>\] {
    --tw-exit-blur: < value> ;
  }

  :where(.divide-x-reverse > :not(:last-child)) {
    --tw-divide-x-reverse: 1;
  }

  .duration-initial {
    --tw-duration: initial;
  }

  .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-top-8 {
    --tw-enter-translate-y: calc(8 * var(--spacing) * -1);
  }

  .slide-out-to-left {
    --tw-exit-translate-x: -100%;
  }

  .slide-out-to-top {
    --tw-exit-translate-y: -100%;
  }

  .slide-out-to-top-8 {
    --tw-exit-translate-y: calc(8 * var(--spacing) * -1);
  }

  .text-shadow-initial {
    --tw-text-shadow-color: initial;
  }

  .transform-3d {
    transform-style: preserve-3d;
  }

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

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

  .transform-fill {
    transform-box: fill-box;
  }

  .transform-flat {
    transform-style: flat;
  }

  .transform-stroke {
    transform-box: stroke-box;
  }

  .transform-view {
    transform-box: view-box;
  }

  .zoom-in {
    --tw-enter-scale: 0;
  }

  .zoom-out {
    --tw-exit-scale: 0;
  }

  :is(.\*\:mx-auto > *) {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }

  :is(.\*\:inline > *) {
    display: inline;
  }

  :is(.\*\:rounded-lg > *) {
    border-radius: var(--radius);
  }

  :is(.\*\:rounded-md > *) {
    border-radius: calc(var(--radius)  - 2px);
  }

  :is(.\*\:rounded-xl > *) {
    border-radius: calc(var(--radius)  + 4px);
  }

  :is(.\*\:bg-foreground > *) {
    background-color: var(--foreground);
  }

  :is(.\*\:box-decoration-clone > *) {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  :is(.\*\:px-2 > *) {
    padding-inline: calc(var(--spacing) * 2);
  }

  :is(.\*\:px-3 > *) {
    padding-inline: calc(var(--spacing) * 3);
  }

  :is(.\*\:px-4 > *) {
    padding-inline: calc(var(--spacing) * 4);
  }

  :is(.\*\:py-1 > *) {
    padding-block: calc(var(--spacing) * 1);
  }

  :is(.\*\:py-1\.5 > *) {
    padding-block: calc(var(--spacing) * 1.5);
  }

  :is(.\*\:py-2 > *) {
    padding-block: calc(var(--spacing) * 2);
  }

  :is(.\*\:text-base > *) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  :is(.\*\:text-sm > *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(.\*\:text-xs > *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(.\*\:leading-4 > *) {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  :is(.\*\:leading-6 > *) {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  :is(.\*\:leading-7 > *) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  :is(.\*\:font-medium > *) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(.\*\:text-balance > *) {
    text-wrap: balance;
  }

  :is(.\*\:text-background > *) {
    color: var(--background);
  }

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

  .not-has-\[\>\:not\(\[hidden\]\)\]\:py-0:not(:has( > :not([hidden]))) {
    padding-block: calc(var(--spacing) * 0);
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .group-has-\[\>input\]\/input-group\:pt-2:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2);
  }

  .group-has-\[\>input\]\/input-group\:pb-2:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .group-data-ending-style\:pointer-events-none:is(:where(.group)[data-ending-style] *) {
    pointer-events: none;
  }

  .group-data-ending-style\:shadow-\[0\.25rem_0\.25rem_0\]:is(:where(.group)[data-ending-style] *) {
    --tw-shadow: .25rem .25rem 0 var(--tw-shadow-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);
  }

  .group-data-ending-style\:shadow-black\/0:is(:where(.group)[data-ending-style] *) {
    --tw-shadow-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-ending-style\:shadow-black\/0:is(:where(.group)[data-ending-style] *) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 0%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .group-data-ending-style\/dialog\:pointer-events-none:is(:where(.group\/dialog)[data-ending-style] *) {
    pointer-events: none;
  }

  .group-data-ending-style\/dialog\:opacity-0:is(:where(.group\/dialog)[data-ending-style] *) {
    opacity: 0;
  }

  .group-data-ending-style\/dialog\:duration-\[250ms\]:is(:where(.group\/dialog)[data-ending-style] *) {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .group-data-highlighted\:text-neutral-300:is(:where(.group)[data-highlighted] *) {
    color: var(--color-neutral-300);
  }

  .group-data-highlighted\:text-neutral-700:is(:where(.group)[data-highlighted] *) {
    color: var(--color-neutral-700);
  }

  .group-data-highlighted\/item\:text-neutral-400:is(:where(.group\/item)[data-highlighted] *) {
    color: var(--color-neutral-400);
  }

  .group-data-nested-drawer-open\/popup\:opacity-0:is(:where(.group\/popup)[data-nested-drawer-open] *) {
    opacity: 0;
  }

  .group-data-nested-drawer-swiping\/popup\:opacity-100:is(:where(.group\/popup)[data-nested-drawer-swiping] *) {
    opacity: 1;
  }

  .group-data-panel-open\:rotate-45:is(:where(.group)[data-panel-open] *) {
    rotate: 45deg;
  }

  .group-data-panel-open\:rotate-90:is(:where(.group)[data-panel-open] *) {
    rotate: 90deg;
  }

  .group-data-starting-style\:translate-y-\[100dvh\]:is(:where(.group)[data-starting-style] *) {
    --tw-translate-y: 100dvh;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-starting-style\/popup\:scale-105:is(:where(.group\/popup)[data-starting-style] *) {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[side\=none\]\:pr-12:is(:where(.group)[data-side="none"] *) {
    padding-right: calc(var(--spacing) * 12);
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .selection\:bg-primary *::selection {
    background-color: var(--primary);
  }

  .selection\:bg-primary::selection {
    background-color: var(--primary);
  }

  .selection\:text-primary-foreground *::selection {
    color: var(--primary-foreground);
  }

  .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground);
  }

  .file\:inline-flex::-webkit-file-upload-button {
    display: inline-flex;
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-6::-webkit-file-upload-button {
    height: calc(var(--spacing) * 6);
  }

  .file\:h-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }

  .file\:h-7::-webkit-file-upload-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::-webkit-file-upload-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::-webkit-file-upload-button {
    background-color: #0000;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::-webkit-file-upload-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::-webkit-file-upload-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::-webkit-file-upload-button {
    color: var(--foreground);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .placeholder\:text-neutral-500::placeholder {
    color: var(--color-neutral-500);
  }

  .placeholder\:opacity-100::placeholder {
    opacity: 1;
  }

  .placeholder\:\[-webkit-text-fill-color\:var\(--color-neutral-500\)\]::placeholder {
    -webkit-text-fill-color: var(--color-neutral-500);
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%;
  }

  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }

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

  .before\:h-\[calc\(6px\*sqrt\(2\)\)\]:before {
    content: var(--tw-content);
    height: 8.48528px;
  }

  .before\:h-full:before {
    content: var(--tw-content);
    height: 100%;
  }

  .before\:w-\[calc\(6px\*sqrt\(2\)\)\]:before {
    content: var(--tw-content);
    width: 8.48528px;
  }

  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }

  .before\:-translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:rotate-45:before {
    content: var(--tw-content);
    rotate: 45deg;
  }

  .before\:\[transform\:translate\(-50\%\,50\%\)_rotate\(45deg\)\]:before {
    content: var(--tw-content);
    transform: translate(-50%, 50%)rotate(45deg);
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .before\:border:before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .before\:border-neutral-950:before {
    content: var(--tw-content);
    border-color: var(--color-neutral-950);
  }

  .before\:bg-current:before {
    content: var(--tw-content);
    background-color: currentColor;
  }

  .before\:bg-white:before {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:fixed:after {
    content: var(--tw-content);
    position: fixed;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

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

  .after\:top-full:after {
    content: var(--tw-content);
    top: 100%;
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .after\:bottom-full:after {
    content: var(--tw-content);
    bottom: 100%;
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:h-\[calc\(var\(--gap\)\+1px\)\]:after {
    content: var(--tw-content);
    height: calc(var(--gap)  + 1px);
  }

  .after\:h-\[var\(--bleed\)\]:after {
    content: var(--tw-content);
    height: var(--bleed);
  }

  .after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
  }

  .after\:bg-\[inherit\]:after {
    content: var(--tw-content);
    background-color: inherit;
  }

  .after\:bg-black\/5:after {
    content: var(--tw-content);
    background-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-black\/5:after {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .after\:bg-transparent:after {
    content: var(--tw-content);
    background-color: #0000;
  }

  .after\:bg-white:after {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .after\:transition-\[background-color\]:after {
    content: var(--tw-content);
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:duration-100:after {
    content: var(--tw-content);
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .after\:duration-\[450ms\]:after {
    content: var(--tw-content);
    --tw-duration: .45s;
    transition-duration: .45s;
  }

  .after\:ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]:after {
    content: var(--tw-content);
    --tw-ease: cubic-bezier(.32, .72, 0, 1);
    transition-timing-function: cubic-bezier(.32,.72,0,1);
  }

  .after\:ease-out:after {
    content: var(--tw-content);
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .empty\:p-0:empty {
    padding: calc(var(--spacing) * 0);
  }

  .focus-within\:fixed:focus-within {
    position: fixed;
  }

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

  .focus-within\:z-3:focus-within {
    z-index: 3;
  }

  .focus-within\:min-h-\[calc\(var\(--footer-reserved-height\)\+var\(--drawer-keyboard-inset\,0px\)\)\]:focus-within {
    min-height: calc(var(--footer-reserved-height)  + var(--drawer-keyboard-inset, 0px));
  }

  .focus-within\:\[transform\:translate3d\(0\,0\,0\)\]:focus-within {
    transform: translate3d(0, 0, 0);
  }

  .focus-within\:border-\[\#f3d5a3\]:focus-within {
    border-color: #f3d5a3;
  }

  .focus-within\:bg-neutral-950:focus-within {
    background-color: var(--color-neutral-950);
  }

  .focus-within\:pb-\[calc\(0\.625rem\+env\(safe-area-inset-bottom\,0px\)\+var\(--bleed\)\+var\(--drawer-keyboard-inset\,0px\)\)\]:focus-within {
    padding-bottom: calc(.625rem + env(safe-area-inset-bottom, 0px)  + var(--bleed)  + var(--drawer-keyboard-inset, 0px));
  }

  .focus-within\:text-white:focus-within {
    color: var(--color-white);
  }

  .focus-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-within\:-outline-offset-1:focus-within {
    outline-offset: calc(1px * -1);
  }

  .focus-within\:outline-neutral-950:focus-within {
    outline-color: var(--color-neutral-950);
  }

  .focus-within\:outline-solid:focus-within {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  @media (hover: hover) {
    .hover\:pointer-events-auto:hover {
      pointer-events: auto;
    }
  }

  @media (hover: hover) {
    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#f3d5a3\]:hover {
      background-color: #f3d5a3;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
        background-color: color-mix(in oklch, var(--secondary), var(--foreground) 5%);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .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);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted:hover {
      background-color: var(--muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-neutral-100:hover {
      background-color: var(--color-neutral-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-neutral-200:hover {
      background-color: var(--color-neutral-200);
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary\/80:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .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);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-700:hover {
      color: var(--color-blue-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-neutral-950:hover {
      color: var(--color-neutral-950);
    }
  }

  @media (hover: hover) {
    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:decoration-neutral-950:hover {
      text-decoration-color: var(--color-neutral-950);
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:drop-shadow-\[0_0_2em_\#61dafbaa\]:hover {
      --tw-drop-shadow-size: drop-shadow(0 0 2em var(--tw-drop-shadow-color, #61dafbaa));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (hover: hover) {
    .hover\:drop-shadow-\[0_0_2em_\#646cffaa\]:hover {
      --tw-drop-shadow-size: drop-shadow(0 0 2em var(--tw-drop-shadow-color, #646cffaa));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (hover: hover) {
    .hover\:delay-\[0ms\]:hover {
      transition-delay: 0s;
    }
  }

  @media (hover: hover) {
    .hover\:duration-75:hover {
      --tw-duration: 75ms;
      transition-duration: 75ms;
    }
  }

  @media (hover: hover) {
    .hover\:duration-\[75ms\]:hover {
      --tw-duration: 75ms;
      transition-duration: 75ms;
    }
  }

  @media (hover: hover) {
    .hover\:delay-\[0ms\]:hover {
      animation-delay: 0s;
      --tw-animation-delay: 0s;
    }
  }

  @media (hover: hover) {
    .hover\:not-data-disabled\:bg-neutral-100:hover:not([data-disabled]) {
      background-color: var(--color-neutral-100);
    }
  }

  @media (hover: hover) {
    .group-focus-within\:hover\:bg-neutral-700:is(:where(.group):focus-within *):hover {
      background-color: var(--color-neutral-700);
    }
  }

  .focus\:relative:focus {
    position: relative;
  }

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

  .focus\:border-\[\#f3d5a3\]:focus {
    border-color: #f3d5a3;
  }

  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }

  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }

  .focus\:text-white:focus {
    color: var(--color-white);
  }

  .focus\:outline-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus\:-outline-offset-1:focus {
    outline-offset: calc(1px * -1);
  }

  .focus\:-outline-offset-2:focus {
    outline-offset: calc(2px * -1);
  }

  .focus\:outline-neutral-950:focus {
    outline-color: var(--color-neutral-950);
  }

  .focus\:outline-solid:focus {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .focus\:placeholder\:text-transparent:focus::placeholder {
    color: #0000;
  }

  .focus-visible\:relative:focus-visible {
    position: relative;
  }

  .focus-visible\:z-1:focus-visible {
    z-index: 1;
  }

  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-destructive\/40:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:bg-neutral-100:focus-visible {
    background-color: var(--color-neutral-100);
  }

  .focus-visible\:bg-transparent:focus-visible {
    background-color: #0000;
  }

  .focus-visible\:no-underline:focus-visible {
    text-decoration-line: none;
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .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-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-3: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-\[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-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  .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\: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-1:focus-visible {
    outline-offset: calc(1px * -1);
  }

  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }

  .focus-visible\:outline-offset-1:focus-visible {
    outline-offset: 1px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-neutral-950:focus-visible {
    outline-color: var(--color-neutral-950);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:outline-solid:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }

  .active\:bg-neutral-200:active {
    background-color: var(--color-neutral-200);
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:not-data-disabled\:bg-neutral-200:active:not([data-disabled]) {
    background-color: var(--color-neutral-200);
  }

  .active\:not-data-disabled\:not-data-pressed\:bg-neutral-200:active:not([data-disabled]):not([data-pressed]) {
    background-color: var(--color-neutral-200);
  }

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

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:border-neutral-500:disabled {
    border-color: var(--color-neutral-500);
  }

  .disabled\:bg-input\/50:disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-input\/50:disabled {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .disabled\:bg-transparent:disabled {
    background-color: #0000;
  }

  .disabled\:text-neutral-500:disabled {
    color: var(--color-neutral-500);
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius);
  }

  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
    border-color: inherit;
  }

  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-disabled\:bg-input\/50:has(:disabled) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-disabled\:bg-input\/50:has(:disabled) {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .has-disabled\:opacity-50:has(:disabled) {
    opacity: .5;
  }

  .has-data-highlighted\:border-neutral-950:has([data-highlighted]) {
    border-color: var(--color-neutral-950);
  }

  .has-data-highlighted\:ring-1:has([data-highlighted]) {
    --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);
  }

  .has-data-highlighted\:ring-neutral-950:has([data-highlighted]) {
    --tw-ring-color: var(--color-neutral-950);
  }

  .has-data-highlighted\:ring-inset:has([data-highlighted]) {
    --tw-ring-inset: inset;
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-\[\:focus-visible\]\:outline-2:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible) {
    outline-offset: 2px;
  }

  .has-\[\:focus-visible\]\:outline-neutral-950:has(:focus-visible) {
    outline-color: var(--color-neutral-950);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible) {
    border-color: var(--ring);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has([data-slot="input-group-control"]: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);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]) {
    border-color: var(--destructive);
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has([data-slot][aria-invalid="true"]) {
    --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);
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .has-\[\[data-swiping\]\]\:after\:opacity-0:has([data-swiping]):after {
    content: var(--tw-content);
    opacity: 0;
  }

  .has-\[\[role\=\"checkbox\"\]\]\:flex:has([role="checkbox"]) {
    display: flex;
  }

  .has-\[\[role\=\"checkbox\"\]\]\:items-center:has([role="checkbox"]) {
    align-items:  center;
  }

  .has-\[\[role\=\"checkbox\"\]\]\:gap-2:has([role="checkbox"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-\[\[role\=\"checkbox\"\]\]\:font-normal:has([role="checkbox"]) {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .has-\[\[role\=\"radio\"\]\]\:flex:has([role="radio"]) {
    display: flex;
  }

  .has-\[\[role\=\"radio\"\]\]\:items-center:has([role="radio"]) {
    align-items:  center;
  }

  .has-\[\[role\=\"radio\"\]\]\:gap-2:has([role="radio"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-\[\[role\=\"radio\"\]\]\:font-normal:has([role="radio"]) {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .has-\[\[role\=\"switch\"\]\]\:flex:has([role="switch"]) {
    display: flex;
  }

  .has-\[\[role\=\"switch\"\]\]\:items-center:has([role="switch"]) {
    align-items:  center;
  }

  .has-\[button\]\:px-1:has(:-webkit-any(button)) {
    padding-inline: calc(var(--spacing) * 1);
  }

  .has-\[button\]\:px-1:has(:-moz-any(button)) {
    padding-inline: calc(var(--spacing) * 1);
  }

  .has-\[button\]\:px-1:has(:is(button)) {
    padding-inline: calc(var(--spacing) * 1);
  }

  .has-\[\>_\:first-child\:focus-visible\]\:outline-2:has( > :first-child:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .has-\[\>_\:first-child\:focus-visible\]\:outline-offset-0:has( > :first-child:focus-visible) {
    outline-offset: 0px;
  }

  .has-\[\>_\:first-child\:focus-visible\]\:outline-neutral-950:has( > :first-child:focus-visible) {
    outline-color: var(--color-neutral-950);
  }

  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
    flex-direction: column;
  }

  .has-\[\>button\]\:mr-\[-0\.3rem\]:has( > button) {
    margin-right: -.3rem;
  }

  .has-\[\>button\]\:ml-\[-0\.3rem\]:has( > button) {
    margin-left: -.3rem;
  }

  .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
    margin-right: -.15rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
    margin-left: -.15rem;
  }

  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: calc(var(--spacing) * 0);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--muted);
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }

  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-0[aria-invalid="true"] {
    --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);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --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);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-active\:transform-\[scale\(calc\(0\.98\+\(0\.02\*var\(--drawer-swipe-progress\)\)\)\)_translateY\(calc\(0\.5rem\*\(1-var\(--drawer-swipe-progress\)\)\)\)\][data-active] {
    transform: scale(calc(.98 + (.02 * var(--drawer-swipe-progress)))) translateY(calc(.5rem * (1 - var(--drawer-swipe-progress))));
  }

  .data-active\:rounded-tl-\(--indent-radius\)[data-active] {
    border-top-left-radius: var(--indent-radius);
  }

  .data-active\:rounded-tr-\(--indent-radius\)[data-active] {
    border-top-right-radius: var(--indent-radius);
  }

  .data-active\:text-neutral-950[data-active] {
    color: var(--color-neutral-950);
  }

  .data-behind\:opacity-0[data-behind] {
    opacity: 0;
  }

  .data-checked\:translate-x-4[data-checked] {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-checked\:bg-neutral-950[data-checked] {
    background-color: var(--color-neutral-950);
  }

  .data-checked\:bg-white[data-checked] {
    background-color: var(--color-white);
  }

  .data-checked\:text-white[data-checked] {
    color: var(--color-white);
  }

  .data-closed\:after\:opacity-0[data-closed]:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .data-disabled\:border-neutral-500[data-disabled] {
    border-color: var(--color-neutral-500);
  }

  .data-disabled\:text-neutral-500[data-disabled] {
    color: var(--color-neutral-500);
  }

  .data-empty\:hidden[data-empty] {
    display: none;
  }

  .data-empty\:p-0[data-empty] {
    padding: calc(var(--spacing) * 0);
  }

  .data-ending-style\:top-\[calc\(50\%\+0\.25rem\+1\.25rem\*var\(--nested-dialogs\)\)\][data-ending-style] {
    top: calc(50% + .25rem + 1.25rem * var(--nested-dialogs));
  }

  .data-ending-style\:h-0[data-ending-style] {
    height: calc(var(--spacing) * 0);
  }

  .data-ending-style\:-translate-y-4[data-ending-style] {
    --tw-translate-y: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-ending-style\:translate-y-\[calc\(-50\%\+0\.25rem\)\][data-ending-style] {
    --tw-translate-y: calc(-50% + .25rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-ending-style\:translate-y-\[max\(100dvh\,100\%\)\][data-ending-style] {
    --tw-translate-y: max(100dvh, 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-ending-style\:scale-90[data-ending-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-ending-style\:scale-95[data-ending-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-ending-style\:scale-\[0\.96\][data-ending-style] {
    scale: .96;
  }

  .data-ending-style\:scale-\[0\.98\][data-ending-style] {
    scale: .98;
  }

  .data-ending-style\:\[transform\:scale\(0\.9\)\][data-ending-style] {
    transform: scale(.9);
  }

  .data-ending-style\:\[transform\:scale\(0\.98\)\][data-ending-style] {
    transform: scale(.98);
  }

  .data-ending-style\:\[transform\:translateX\(calc\(100\%-var\(--bleed\)\+var\(--viewport-padding\)\+2px\)\)\][data-ending-style] {
    transform: translateX(calc(100% - var(--bleed)  + var(--viewport-padding)  + 2px));
  }

  .data-ending-style\:\[transform\:translateY\(calc\(100\%\+1rem\+2px\)\)\][data-ending-style] {
    transform: translateY(calc(100% + 1rem + 2px));
  }

  .data-ending-style\:\[transform\:translateY\(calc\(100\%\+2px\)\)\][data-ending-style] {
    transform: translateY(calc(100% + 2px));
  }

  .data-ending-style\:\[transform\:translateY\(calc\(100\%-3rem\+2px\)\)\][data-ending-style] {
    transform: translateY(calc(100% - 3rem + 2px));
  }

  .data-ending-style\:\[transform\:translateY\(calc\(100\%-var\(--bleed\)\+2px\)\)\][data-ending-style] {
    transform: translateY(calc(100% - var(--bleed)  + 2px));
  }

  .data-ending-style\:\[transform\:translateY\(calc\(max\(100dvh\,100\%\)\+2px\)\)\][data-ending-style] {
    transform: translateY(calc(max(100dvh, 100%) + 2px));
  }

  .data-ending-style\:\[padding-bottom\:0\][data-ending-style] {
    padding-bottom: 0;
  }

  .data-ending-style\:opacity-0[data-ending-style] {
    opacity: 0;
  }

  .data-ending-style\:opacity-\[0\.9999\][data-ending-style] {
    opacity: .9999;
  }

  .data-ending-style\:shadow-\[0\.25rem_0\.25rem_0\][data-ending-style] {
    --tw-shadow: .25rem .25rem 0 var(--tw-shadow-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);
  }

  .data-ending-style\:shadow-black\/0[data-ending-style] {
    --tw-shadow-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-ending-style\:shadow-black\/0[data-ending-style] {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 0%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .data-ending-style\:transition-\[opacity\,scale\][data-ending-style] {
    transition-property: opacity, scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .data-ending-style\:transition-none[data-ending-style] {
    transition-property: none;
  }

  .data-ending-style\:duration-150[data-ending-style] {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .data-ending-style\:duration-250[data-ending-style] {
    --tw-duration: .25s;
    transition-duration: .25s;
  }

  .data-ending-style\:duration-350[data-ending-style] {
    --tw-duration: .35s;
    transition-duration: .35s;
  }

  .data-ending-style\:duration-\[350ms\][data-ending-style] {
    --tw-duration: .35s;
    transition-duration: .35s;
  }

  .data-ending-style\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style] {
    --tw-duration: calc(var(--drawer-swipe-strength) * .4s);
    transition-duration: calc(var(--drawer-swipe-strength) * .4s);
  }

  .data-ending-style\:duration-\[calc\(var\(--duration\)\*0\.5\)\][data-ending-style] {
    --tw-duration: calc(var(--duration) * .5);
    transition-duration: calc(var(--duration) * .5);
  }

  .data-ending-style\:ease-\[cubic-bezier\(0\.375\,0\.015\,0\.545\,0\.455\)\][data-ending-style] {
    --tw-ease: cubic-bezier(.375, .015, .545, .455);
    transition-timing-function: cubic-bezier(.375,.015,.545,.455);
  }

  .data-ending-style\:ease-\[ease\][data-ending-style] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }

  .data-expanded\:h-\[var\(--toast-height\)\][data-expanded] {
    height: var(--toast-height);
  }

  .data-expanded\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--offset-y\)\)\)\][data-expanded] {
    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--offset-y)));
  }

  .data-expanded\:opacity-100[data-expanded] {
    opacity: 1;
  }

  .data-highlighted\:relative[data-highlighted] {
    position: relative;
  }

  .data-highlighted\:z-0[data-highlighted] {
    z-index: 0;
  }

  .data-highlighted\:bg-neutral-200[data-highlighted] {
    background-color: var(--color-neutral-200);
  }

  .data-highlighted\:bg-neutral-950[data-highlighted] {
    background-color: var(--color-neutral-950);
  }

  .data-highlighted\:text-white[data-highlighted] {
    color: var(--color-white);
  }

  .data-highlighted\:before\:absolute[data-highlighted]:before {
    content: var(--tw-content);
    position: absolute;
  }

  .data-highlighted\:before\:inset-0[data-highlighted]:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .data-highlighted\:before\:inset-x-0[data-highlighted]:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-highlighted\:before\:inset-x-1[data-highlighted]:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 1);
  }

  .data-highlighted\:before\:inset-y-0[data-highlighted]:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .data-highlighted\:before\:z-\[-1\][data-highlighted]:before {
    content: var(--tw-content);
    z-index: -1;
  }

  .data-highlighted\:before\:bg-neutral-100[data-highlighted]:before {
    content: var(--tw-content);
    background-color: var(--color-neutral-100);
  }

  .data-highlighted\:before\:bg-neutral-950[data-highlighted]:before {
    content: var(--tw-content);
    background-color: var(--color-neutral-950);
  }

  .data-highlighted\:before\:content-\[\'\'\][data-highlighted]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .data-hovering\:pointer-events-auto[data-hovering] {
    pointer-events: auto;
  }

  .data-hovering\:opacity-100[data-hovering] {
    opacity: 1;
  }

  .data-instant\:transition-none[data-instant] {
    transition-property: none;
  }

  .data-limited\:opacity-0[data-limited] {
    opacity: 0;
  }

  .data-nested-dialog-open\:after\:opacity-100[data-nested-dialog-open]:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .data-nested-drawer-open\:h-\[calc\(var\(--height\)\+var\(--bleed\)\)\][data-nested-drawer-open] {
    height: calc(var(--height)  + var(--bleed));
  }

  .data-nested-drawer-open\:overflow-hidden[data-nested-drawer-open] {
    overflow: hidden;
  }

  .data-nested-drawer-open\:after\:bg-black\/5[data-nested-drawer-open]:after {
    content: var(--tw-content);
    background-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-nested-drawer-open\:after\:bg-black\/5[data-nested-drawer-open]:after {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .data-nested-drawer-swiping\:duration-0[data-nested-drawer-swiping] {
    --tw-duration: 0s;
    transition-duration: 0s;
  }

  .data-ending-style\:data-nested-drawer-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style][data-nested-drawer-swiping] {
    --tw-duration: calc(var(--drawer-swipe-strength) * .4s);
    transition-duration: calc(var(--drawer-swipe-strength) * .4s);
  }

  .data-placeholder\:text-neutral-500[data-placeholder] {
    color: var(--color-neutral-500);
  }

  .data-popup-open\:relative[data-popup-open] {
    position: relative;
  }

  .data-popup-open\:z-0[data-popup-open] {
    z-index: 0;
  }

  .data-popup-open\:rotate-180[data-popup-open] {
    rotate: 180deg;
  }

  .data-popup-open\:bg-neutral-100[data-popup-open] {
    background-color: var(--color-neutral-100);
  }

  .data-popup-open\:decoration-neutral-950[data-popup-open] {
    text-decoration-color: var(--color-neutral-950);
  }

  .data-popup-open\:before\:absolute[data-popup-open]:before {
    content: var(--tw-content);
    position: absolute;
  }

  .data-popup-open\:before\:inset-x-1[data-popup-open]:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 1);
  }

  .data-popup-open\:before\:inset-y-0[data-popup-open]:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .data-popup-open\:before\:z-\[-1\][data-popup-open]:before {
    content: var(--tw-content);
    z-index: -1;
  }

  .data-popup-open\:before\:bg-neutral-100[data-popup-open]:before {
    content: var(--tw-content);
    background-color: var(--color-neutral-100);
  }

  .data-popup-open\:before\:content-\[\'\'\][data-popup-open]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .data-highlighted\:data-popup-open\:before\:bg-neutral-950[data-highlighted][data-popup-open]:before {
    content: var(--tw-content);
    background-color: var(--color-neutral-950);
  }

  .data-pressed\:bg-neutral-100[data-pressed] {
    background-color: var(--color-neutral-100);
  }

  .data-pressed\:bg-neutral-950[data-pressed] {
    background-color: var(--color-neutral-950);
  }

  .data-pressed\:text-neutral-950[data-pressed] {
    color: var(--color-neutral-950);
  }

  .data-pressed\:text-white[data-pressed] {
    color: var(--color-white);
  }

  .data-pressed\:opacity-100[data-pressed] {
    opacity: 1;
  }

  @media (hover: hover) {
    .data-pressed\:hover\:bg-neutral-950[data-pressed]:hover {
      background-color: var(--color-neutral-950);
    }
  }

  @media (hover: hover) {
    .data-pressed\:hover\:text-white[data-pressed]:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .data-pressed\:hover\:not-data-disabled\:bg-neutral-950[data-pressed]:hover:not([data-disabled]) {
      background-color: var(--color-neutral-950);
    }
  }

  @media (hover: hover) {
    .data-pressed\:hover\:not-data-disabled\:text-white[data-pressed]:hover:not([data-disabled]) {
      color: var(--color-white);
    }
  }

  .data-scrolling\:pointer-events-auto[data-scrolling] {
    pointer-events: auto;
  }

  .data-scrolling\:opacity-100[data-scrolling] {
    opacity: 1;
  }

  .data-scrolling\:delay-\[0ms\][data-scrolling] {
    transition-delay: 0s;
  }

  .data-scrolling\:duration-0[data-scrolling] {
    --tw-duration: 0s;
    transition-duration: 0s;
  }

  .data-scrolling\:duration-75[data-scrolling] {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }

  .data-scrolling\:duration-\[75ms\][data-scrolling] {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }

  .data-scrolling\:delay-\[0ms\][data-scrolling] {
    animation-delay: 0s;
    --tw-animation-delay: 0s;
  }

  .data-selected\:relative[data-selected] {
    position: relative;
  }

  .data-selected\:z-0[data-selected] {
    z-index: 0;
  }

  .data-selected\:text-neutral-950[data-selected] {
    color: var(--color-neutral-950);
  }

  .data-selected\:before\:absolute[data-selected]:before {
    content: var(--tw-content);
    position: absolute;
  }

  .data-selected\:before\:inset-0[data-selected]:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .data-selected\:before\:z-\[-1\][data-selected]:before {
    content: var(--tw-content);
    z-index: -1;
  }

  .data-starting-style\:top-\[calc\(50\%\+0\.25rem\+1\.25rem\*var\(--nested-dialogs\)\)\][data-starting-style] {
    top: calc(50% + .25rem + 1.25rem * var(--nested-dialogs));
  }

  .data-starting-style\:h-0[data-starting-style] {
    height: calc(var(--spacing) * 0);
  }

  .data-starting-style\:-translate-y-4[data-starting-style] {
    --tw-translate-y: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:translate-y-\[100dvh\][data-starting-style] {
    --tw-translate-y: 100dvh;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:translate-y-\[calc\(-50\%\+0\.25rem\)\][data-starting-style] {
    --tw-translate-y: calc(-50% + .25rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:scale-90[data-starting-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-starting-style\:scale-95[data-starting-style] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-starting-style\:scale-\[0\.96\][data-starting-style] {
    scale: .96;
  }

  .data-starting-style\:scale-\[0\.98\][data-starting-style] {
    scale: .98;
  }

  .data-starting-style\:\[transform\:scale\(0\.9\)\][data-starting-style] {
    transform: scale(.9);
  }

  .data-starting-style\:\[transform\:scale\(0\.98\)\][data-starting-style] {
    transform: scale(.98);
  }

  .data-starting-style\:\[transform\:translateX\(calc\(100\%-var\(--bleed\)\+var\(--viewport-padding\)\+2px\)\)\][data-starting-style] {
    transform: translateX(calc(100% - var(--bleed)  + var(--viewport-padding)  + 2px));
  }

  .data-starting-style\:\[transform\:translateY\(-150\%\)\][data-starting-style] {
    transform: translateY(-150%);
  }

  .data-starting-style\:\[transform\:translateY\(150\%\)\][data-starting-style] {
    transform: translateY(150%);
  }

  .data-starting-style\:\[transform\:translateY\(calc\(100\%\+1rem\+2px\)\)\][data-starting-style] {
    transform: translateY(calc(100% + 1rem + 2px));
  }

  .data-starting-style\:\[transform\:translateY\(calc\(100\%\+2px\)\)\][data-starting-style] {
    transform: translateY(calc(100% + 2px));
  }

  .data-starting-style\:\[transform\:translateY\(calc\(100\%-3rem\+2px\)\)\][data-starting-style] {
    transform: translateY(calc(100% - 3rem + 2px));
  }

  .data-starting-style\:\[transform\:translateY\(calc\(100\%-var\(--bleed\)\+2px\)\)\][data-starting-style] {
    transform: translateY(calc(100% - var(--bleed)  + 2px));
  }

  .data-starting-style\:transform-\[translateY\(150\%\)\][data-starting-style] {
    transform: translateY(150%);
  }

  .data-starting-style\:\[padding-bottom\:0\][data-starting-style] {
    padding-bottom: 0;
  }

  .data-starting-style\:opacity-0[data-starting-style] {
    opacity: 0;
  }

  .data-starting-style\:shadow-\[0\.25rem_0\.25rem_0\][data-starting-style] {
    --tw-shadow: .25rem .25rem 0 var(--tw-shadow-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);
  }

  .data-starting-style\:shadow-black\/0[data-starting-style] {
    --tw-shadow-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-starting-style\:shadow-black\/0[data-starting-style] {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 0%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .data-swiping\:duration-0[data-swiping] {
    --tw-duration: 0s;
    transition-duration: 0s;
  }

  .data-swiping\:select-none[data-swiping] {
    -webkit-user-select: none;
    user-select: none;
  }

  .data-ending-style\:data-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style][data-swiping] {
    --tw-duration: calc(var(--drawer-swipe-strength) * .4s);
    transition-duration: calc(var(--drawer-swipe-strength) * .4s);
  }

  .data-unchecked\:hidden[data-unchecked] {
    display: none;
  }

  .data-ending-style\:data-\[activation-direction\=left\]\:translate-x-\[2rem\][data-ending-style][data-activation-direction="left"] {
    --tw-translate-x: 2rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-ending-style\:data-\[activation-direction\=left\]\:translate-x-\[50\%\][data-ending-style][data-activation-direction="left"] {
    --tw-translate-x: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:data-\[activation-direction\=left\]\:translate-x-\[-2rem\][data-starting-style][data-activation-direction="left"] {
    --tw-translate-x: -2rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:data-\[activation-direction\=left\]\:translate-x-\[-50\%\][data-starting-style][data-activation-direction="left"] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:data-\[activation-direction\=left\]\:opacity-0[data-starting-style][data-activation-direction="left"] {
    opacity: 0;
  }

  .data-ending-style\:data-\[activation-direction\=right\]\:translate-x-\[-2rem\][data-ending-style][data-activation-direction="right"] {
    --tw-translate-x: -2rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-ending-style\:data-\[activation-direction\=right\]\:translate-x-\[-50\%\][data-ending-style][data-activation-direction="right"] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:data-\[activation-direction\=right\]\:translate-x-\[2rem\][data-starting-style][data-activation-direction="right"] {
    --tw-translate-x: 2rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:data-\[activation-direction\=right\]\:translate-x-\[50\%\][data-starting-style][data-activation-direction="right"] {
    --tw-translate-x: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:data-\[activation-direction\=right\]\:opacity-0[data-starting-style][data-activation-direction="right"] {
    opacity: 0;
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[orientation\=horizontal\]\:h-4[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 4);
  }

  .data-\[orientation\=vertical\]\:h-32[data-orientation="vertical"] {
    height: calc(var(--spacing) * 32);
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:w-1[data-orientation="vertical"] {
    width: calc(var(--spacing) * 1);
  }

  .data-\[orientation\=vertical\]\:w-4[data-orientation="vertical"] {
    width: calc(var(--spacing) * 4);
  }

  .data-\[orientation\=vertical\]\:px-3[data-orientation="vertical"] {
    padding-inline: calc(var(--spacing) * 3);
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  .data-\[side\=bottom\]\:top-\[-6px\][data-side="bottom"] {
    top: -6px;
  }

  .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\=bottom\]\:before\:top-\[-10px\][data-side="bottom"]:before {
    content: var(--tw-content);
    top: -10px;
  }

  .data-\[side\=bottom\]\:before\:right-0[data-side="bottom"]:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .data-\[side\=bottom\]\:before\:left-0[data-side="bottom"]:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .data-\[side\=bottom\]\:before\:h-2\.5[data-side="bottom"]:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2.5);
  }

  .data-\[side\=left\]\:right-\[-9px\][data-side="left"] {
    right: -9px;
  }

  .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\]\:rotate-90[data-side="left"] {
    rotate: 90deg;
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  .data-\[side\=left\]\:before\:top-0[data-side="left"]:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .data-\[side\=left\]\:before\:right-\[-10px\][data-side="left"]:before {
    content: var(--tw-content);
    right: -10px;
  }

  .data-\[side\=left\]\:before\:bottom-0[data-side="left"]:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[side\=left\]\:before\:w-2\.5[data-side="left"]:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2.5);
  }

  .data-\[side\=none\]\:min-w-\[calc\(var\(--anchor-width\)\+1\.75rem\)\][data-side="none"] {
    min-width: calc(var(--anchor-width)  + 1.75rem);
  }

  .data-\[side\=none\]\:translate-y-px[data-side="none"] {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=none\]\:scale-100[data-side="none"] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[side\=none\]\:opacity-100[data-side="none"] {
    opacity: 1;
  }

  .data-\[side\=none\]\:transition-none[data-side="none"] {
    transition-property: none;
  }

  .data-\[side\=none\]\:before\:-top-full[data-side="none"]:before {
    content: var(--tw-content);
    top: -100%;
  }

  .data-\[side\=none\]\:before\:top-\[-100\%\][data-side="none"]:before {
    content: var(--tw-content);
    top: -100%;
  }

  .data-\[side\=none\]\:before\:-bottom-full[data-side="none"]:before {
    content: var(--tw-content);
    bottom: -100%;
  }

  .data-\[side\=none\]\:before\:bottom-\[-100\%\][data-side="none"]:before {
    content: var(--tw-content);
    bottom: -100%;
  }

  .data-\[side\=none\]\:data-ending-style\:transition-none[data-side="none"][data-ending-style] {
    transition-property: none;
  }

  .data-\[side\=none\]\:data-starting-style\:scale-100[data-side="none"][data-starting-style] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[side\=none\]\:data-starting-style\:opacity-100[data-side="none"][data-starting-style] {
    opacity: 1;
  }

  .data-\[side\=none\]\:data-starting-style\:transition-none[data-side="none"][data-starting-style] {
    transition-property: none;
  }

  .data-\[side\=right\]\:left-\[-9px\][data-side="right"] {
    left: -9px;
  }

  .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\]\:-rotate-90[data-side="right"] {
    rotate: -90deg;
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  .data-\[side\=right\]\:before\:top-0[data-side="right"]:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .data-\[side\=right\]\:before\:bottom-0[data-side="right"]:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[side\=right\]\:before\:left-\[-10px\][data-side="right"]:before {
    content: var(--tw-content);
    left: -10px;
  }

  .data-\[side\=right\]\:before\:w-2\.5[data-side="right"]:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2.5);
  }

  .data-\[side\=top\]\:bottom-\[-6px\][data-side="top"] {
    bottom: -6px;
  }

  .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\]\:rotate-180[data-side="top"] {
    rotate: 180deg;
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  .data-\[side\=top\]\:before\:right-0[data-side="top"]:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .data-\[side\=top\]\:before\:bottom-\[-10px\][data-side="top"]:before {
    content: var(--tw-content);
    bottom: -10px;
  }

  .data-\[side\=top\]\:before\:left-0[data-side="top"]:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .data-\[side\=top\]\:before\:h-2\.5[data-side="top"]:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2.5);
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items:  center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: calc(0 / 100);
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: calc(95 * 1%);
    --tw-exit-scale: .95;
  }

  .data-\[state\=hide\]\:animate-out[data-state="hide"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: calc(0 / 100);
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: calc(95 * 1%);
    --tw-enter-scale: .95;
  }

  .data-\[state\=show\]\:animate-in[data-state="show"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  .data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction="down"] {
    transform: translateY(calc(var(--toast-swipe-movement-y)  + 150%));
  }

  .data-ending-style\:data-\[swipe-direction\=down\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction="down"] {
    transform: translateY(calc(var(--toast-swipe-movement-y)  + 150%));
  }

  .data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction="down"] {
    transform: translateY(calc(var(--toast-swipe-movement-y)  + 150%));
  }

  .data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction="left"] {
    transform: translateX(calc(var(--toast-swipe-movement-x)  - 150%)) translateY(var(--offset-y));
  }

  .data-ending-style\:data-\[swipe-direction\=left\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction="left"] {
    transform: translateX(calc(var(--toast-swipe-movement-x)  - 150%)) translateY(var(--offset-y));
  }

  .data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction="left"] {
    transform: translateX(calc(var(--toast-swipe-movement-x)  - 150%)) translateY(var(--offset-y));
  }

  .data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction="right"] {
    transform: translateX(calc(var(--toast-swipe-movement-x)  + 150%)) translateY(var(--offset-y));
  }

  .data-ending-style\:data-\[swipe-direction\=right\]\:transform-\[translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction="right"] {
    transform: translateX(calc(var(--toast-swipe-movement-x)  + 150%)) translateY(var(--offset-y));
  }

  .data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction="right"] {
    transform: translateX(calc(var(--toast-swipe-movement-x)  + 150%)) translateY(var(--offset-y));
  }

  .data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction="up"] {
    transform: translateY(calc(var(--toast-swipe-movement-y)  - 150%));
  }

  .data-ending-style\:data-\[swipe-direction\=up\]\:transform-\[translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction="up"] {
    transform: translateY(calc(var(--toast-swipe-movement-y)  - 150%));
  }

  .data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction="up"] {
    transform: translateY(calc(var(--toast-swipe-movement-y)  - 150%));
  }

  @supports (-webkit-touch-callout:none) {
    .supports-\[-webkit-touch-callout\:none\]\:absolute {
      position: absolute;
    }
  }

  @supports (-webkit-touch-callout:none) {
    .supports-\[-webkit-touch-callout\:none\]\:mr-0 {
      margin-right: calc(var(--spacing) * 0);
    }
  }

  @supports (-webkit-touch-callout:none) {
    .supports-\[-webkit-touch-callout\:none\]\:w-\[20rem\] {
      width: 20rem;
    }
  }

  @supports (-webkit-touch-callout:none) {
    .supports-\[-webkit-touch-callout\:none\]\:max-w-\[calc\(100vw-3rem\)\] {
      max-width: calc(100vw - 3rem);
    }
  }

  @supports (-webkit-touch-callout:none) {
    .supports-\[-webkit-touch-callout\:none\]\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }

  @supports (-webkit-touch-callout:none) {
    .supports-\[-webkit-touch-callout\:none\]\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }
  }

  @supports (-webkit-touch-callout:none) {
    .supports-\[-webkit-touch-callout\:none\]\:\[--bleed\:0px\] {
      --bleed: 0px;
    }
  }

  @supports (-webkit-touch-callout:none) {
    .supports-\[-webkit-touch-callout\:none\]\:\[--viewport-padding\:0\.625rem\] {
      --viewport-padding: .625rem;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:data-ending-style\:data-\[activation-direction\=left\]\:translate-x-\[50\%\][data-ending-style][data-activation-direction="left"] {
      --tw-translate-x: 50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:data-starting-style\:data-\[activation-direction\=left\]\:translate-x-\[-50\%\][data-starting-style][data-activation-direction="left"] {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:data-ending-style\:data-\[activation-direction\=right\]\:translate-x-\[-50\%\][data-ending-style][data-activation-direction="right"] {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:data-starting-style\:data-\[activation-direction\=right\]\:translate-x-\[50\%\][data-starting-style][data-activation-direction="right"] {
      --tw-translate-x: 50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media (max-width: 499.999px) {
    .max-\[500px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media (min-width: 500px) {
    .min-\[500px\]\:w-max {
      width: max-content;
    }
  }

  @media (min-width: 500px) {
    .min-\[500px\]\:max-w-\[400px\] {
      max-width: 400px;
    }
  }

  @media (min-width: 500px) {
    .min-\[500px\]\:min-w-\[400px\] {
      min-width: 400px;
    }
  }

  @media (min-width: 501px) {
    .min-\[501px\]\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 640px) {
    .min-\[640px\]\:grid-cols-\[12rem_12rem\] {
      grid-template-columns: 12rem 12rem;
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:h-\[var\(--popup-height\)\] {
      height: var(--popup-height);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:\[width\:min\(500px\,calc\(100vw-40px\)\)\] {
      width: min(500px, 100vw - 40px);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:\[width\:min\(675px\,calc\(100vw-40px\)\)\] {
      width: min(675px, 100vw - 40px);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:grid-cols-\[13rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 13rem minmax(0, 1fr);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:gap-px {
      gap: 1px;
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:overflow-x-visible {
      overflow-x: visible;
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:overflow-y-clip {
      overflow-y: clip;
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:border-r-neutral-950 {
      border-right-color: var(--color-neutral-950);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\: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));
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:duration-\[calc\(var\(--duration\)\*1\.35\)\] {
      --tw-duration: calc(var(--duration) * 1.35);
      transition-duration: calc(var(--duration) * 1.35);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:duration-\[var\(--duration\)\] {
      --tw-duration: var(--duration);
      transition-duration: var(--duration);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] {
      --tw-ease: cubic-bezier(.16, 1, .3, 1);
      transition-timing-function: cubic-bezier(.16,1,.3,1);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:ease-\[var\(--easing\)\] {
      --tw-ease: var(--easing);
      transition-timing-function: var(--easing);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:data-ending-style\:blur-\[2px\][data-ending-style] {
      --tw-blur: blur(2px);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:data-starting-style\:blur-\[2px\][data-starting-style] {
      --tw-blur: blur(2px);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:data-ending-style\:data-\[activation-direction\=down\]\:translate-y-\[-72px\][data-ending-style][data-activation-direction="down"] {
      --tw-translate-y: -72px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:data-starting-style\:data-\[activation-direction\=down\]\:translate-y-\[72px\][data-starting-style][data-activation-direction="down"] {
      --tw-translate-y: 72px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:data-starting-style\:data-\[activation-direction\=down\]\:opacity-0[data-starting-style][data-activation-direction="down"] {
      opacity: 0;
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:data-ending-style\:data-\[activation-direction\=up\]\:translate-y-\[72px\][data-ending-style][data-activation-direction="up"] {
      --tw-translate-y: 72px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:data-starting-style\:data-\[activation-direction\=up\]\:translate-y-\[-72px\][data-starting-style][data-activation-direction="up"] {
      --tw-translate-y: -72px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 700px) {
    .min-\[700px\]\:data-starting-style\:data-\[activation-direction\=up\]\:opacity-0[data-starting-style][data-activation-direction="up"] {
      opacity: 0;
    }
  }

  @media (min-width: 32rem) {
    .min-\[32rem\]\:w-\[22rem\] {
      width: 22rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-\[2rem\] {
      right: 2rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:bottom-\[2rem\] {
      bottom: 2rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[22\.5rem\] {
      width: 22.5rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[360px\] {
      width: 360px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[20rem\] {
      max-width: 20rem;
    }
  }

  @media (min-width: 42rem) {
    .min-\[42rem\]\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }

  @media (min-width: 42rem) {
    .min-\[42rem\]\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 42rem) {
    .min-\[42rem\]\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[20rem\] {
      width: 20rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:top-0 {
      top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 80rem) {
    .xl\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 80rem) {
    .xl\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }

  .rtl\:border-r-current:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    border-right-color: currentColor;
  }

  .rtl\:border-r-current:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    border-right-color: currentColor;
  }

  .rtl\:border-r-current:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    border-right-color: currentColor;
  }

  .rtl\:border-l-transparent:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    border-left-color: #0000;
  }

  .rtl\:border-l-transparent:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    border-left-color: #0000;
  }

  .rtl\:border-l-transparent:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    border-left-color: #0000;
  }

  :where(.dark\:divide-white:is(.dark *) > :not(:last-child)) {
    border-color: var(--color-white);
  }

  .dark\:border-b-0:is(.dark *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .dark\:border-blue-500:is(.dark *) {
    border-color: var(--color-blue-500);
  }

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:border-neutral-600:is(.dark *) {
    border-color: var(--color-neutral-600);
  }

  .dark\:border-neutral-700:is(.dark *) {
    border-color: var(--color-neutral-700);
  }

  .dark\:border-white:is(.dark *) {
    border-color: var(--color-white);
  }

  .dark\:border-t-white:is(.dark *) {
    border-top-color: var(--color-white);
  }

  .dark\:bg-black\/50:is(.dark *) {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-black\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .dark\:bg-blue-500\/10:is(.dark *) {
    background-color: #2b7fff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }

  .dark\:bg-destructive\/20:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:bg-destructive\/60:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/60:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:bg-neutral-300:is(.dark *) {
    background-color: var(--color-neutral-300);
  }

  .dark\:bg-neutral-700:is(.dark *) {
    background-color: var(--color-neutral-700);
  }

  .dark\:bg-neutral-800:is(.dark *) {
    background-color: var(--color-neutral-800);
  }

  .dark\:bg-neutral-900:is(.dark *) {
    background-color: var(--color-neutral-900);
  }

  .dark\:bg-neutral-950:is(.dark *) {
    background-color: var(--color-neutral-950);
  }

  .dark\:bg-transparent:is(.dark *) {
    background-color: #0000;
  }

  .dark\:bg-white:is(.dark *) {
    background-color: var(--color-white);
  }

  .dark\:bg-white\/12:is(.dark *) {
    background-color: #ffffff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/12:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }

  .dark\:text-blue-500:is(.dark *) {
    color: var(--color-blue-500);
  }

  .dark\:text-neutral-300:is(.dark *) {
    color: var(--color-neutral-300);
  }

  .dark\:text-neutral-400:is(.dark *) {
    color: var(--color-neutral-400);
  }

  .dark\:text-neutral-950:is(.dark *) {
    color: var(--color-neutral-950);
  }

  .dark\:text-red-400:is(.dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-white:is(.dark *) {
    color: var(--color-white);
  }

  .dark\:decoration-neutral-700:is(.dark *) {
    text-decoration-color: var(--color-neutral-700);
  }

  .dark\:decoration-white\/60:is(.dark *) {
    text-decoration-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:decoration-white\/60:is(.dark *) {
      text-decoration-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .dark\:opacity-50:is(.dark *) {
    opacity: .5;
  }

  .dark\:opacity-70:is(.dark *) {
    opacity: .7;
  }

  .dark\:shadow-none:is(.dark *) {
    --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);
  }

  .dark\:\[--backdrop-opacity\:0\.7\]:is(.dark *) {
    --backdrop-opacity: .7;
  }

  .dark\:group-data-highlighted\:text-neutral-300:is(.dark *):is(:where(.group)[data-highlighted] *) {
    color: var(--color-neutral-300);
  }

  .dark\:group-data-highlighted\:text-neutral-500:is(.dark *):is(:where(.group)[data-highlighted] *) {
    color: var(--color-neutral-500);
  }

  .dark\:group-data-highlighted\/item\:text-neutral-600:is(.dark *):is(:where(.group\/item)[data-highlighted] *) {
    color: var(--color-neutral-600);
  }

  .dark\:placeholder\:text-neutral-400:is(.dark *)::placeholder {
    color: var(--color-neutral-400);
  }

  .dark\:placeholder\:\[-webkit-text-fill-color\:var\(--color-neutral-400\)\]:is(.dark *)::placeholder {
    -webkit-text-fill-color: var(--color-neutral-400);
  }

  .dark\:before\:border-white:is(.dark *):before {
    content: var(--tw-content);
    border-color: var(--color-white);
  }

  .dark\:before\:bg-neutral-950:is(.dark *):before {
    content: var(--tw-content);
    background-color: var(--color-neutral-950);
  }

  .dark\:after\:bg-neutral-950:is(.dark *):after {
    content: var(--tw-content);
    background-color: var(--color-neutral-950);
  }

  .dark\:focus-within\:bg-white:is(.dark *):focus-within {
    background-color: var(--color-white);
  }

  .dark\:focus-within\:text-neutral-950:is(.dark *):focus-within {
    color: var(--color-neutral-950);
  }

  .dark\:focus-within\:outline-white:is(.dark *):focus-within {
    outline-color: var(--color-white);
  }

  @media (hover: hover) {
    .dark\:hover\:bg-accent\/50:is(.dark *):hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-muted\/50:is(.dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-neutral-700:is(.dark *):hover {
      background-color: var(--color-neutral-700);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-neutral-800:is(.dark *):hover {
      background-color: var(--color-neutral-800);
    }
  }

  @media (hover: hover) {
    .hover\:dark\:\!bg-gray-100:hover:is(.dark *) {
      background-color: var(--color-gray-100) !important;
    }
  }

  @media (hover: hover) {
    .hover\:dark\:bg-gray-100:hover:is(.dark *) {
      background-color: var(--color-gray-100);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-blue-500:is(.dark *):hover {
      color: var(--color-blue-500);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-white:is(.dark *):hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:decoration-white:is(.dark *):hover {
      text-decoration-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:not-data-disabled\:bg-neutral-800:is(.dark *):hover:not([data-disabled]) {
      background-color: var(--color-neutral-800);
    }
  }

  @media (hover: hover) {
    .dark\:group-focus-within\:hover\:bg-neutral-200:is(.dark *):is(:where(.group):focus-within *):hover {
      background-color: var(--color-neutral-200);
    }
  }

  .dark\:focus\:outline-white:is(.dark *):focus {
    outline-color: var(--color-white);
  }

  .dark\:focus-visible\:bg-neutral-800:is(.dark *):focus-visible {
    background-color: var(--color-neutral-800);
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:focus-visible\:outline-white:is(.dark *):focus-visible {
    outline-color: var(--color-white);
  }

  .dark\:active\:bg-neutral-700:is(.dark *):active {
    background-color: var(--color-neutral-700);
  }

  .dark\:active\:not-data-disabled\:bg-neutral-700:is(.dark *):active:not([data-disabled]) {
    background-color: var(--color-neutral-700);
  }

  .dark\:active\:not-data-disabled\:not-data-pressed\:bg-neutral-700:is(.dark *):active:not([data-disabled]):not([data-pressed]) {
    background-color: var(--color-neutral-700);
  }

  .dark\:disabled\:border-neutral-400:is(.dark *):disabled {
    border-color: var(--color-neutral-400);
  }

  .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .dark\:disabled\:bg-transparent:is(.dark *):disabled {
    background-color: #0000;
  }

  .dark\:disabled\:text-neutral-400:is(.dark *):disabled {
    color: var(--color-neutral-400);
  }

  .dark\:has-disabled\:bg-input\/80:is(.dark *):has(:disabled) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-disabled\:bg-input\/80:is(.dark *):has(:disabled) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .dark\:has-data-highlighted\:border-white:is(.dark *):has([data-highlighted]) {
    border-color: var(--color-white);
  }

  .dark\:has-data-highlighted\:ring-white:is(.dark *):has([data-highlighted]) {
    --tw-ring-color: var(--color-white);
  }

  .dark\:has-\[\:focus-visible\]\:outline-white:is(.dark *):has(:focus-visible) {
    outline-color: var(--color-white);
  }

  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:has-\[\>_\:first-child\:focus-visible\]\:outline-white:is(.dark *):has( > :first-child:focus-visible) {
    outline-color: var(--color-white);
  }

  .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:data-active\:text-white:is(.dark *)[data-active] {
    color: var(--color-white);
  }

  .dark\:data-checked\:bg-neutral-950:is(.dark *)[data-checked] {
    background-color: var(--color-neutral-950);
  }

  .dark\:data-checked\:bg-white:is(.dark *)[data-checked] {
    background-color: var(--color-white);
  }

  .dark\:data-checked\:text-neutral-950:is(.dark *)[data-checked] {
    color: var(--color-neutral-950);
  }

  .dark\:data-disabled\:border-neutral-400:is(.dark *)[data-disabled] {
    border-color: var(--color-neutral-400);
  }

  .dark\:data-disabled\:text-neutral-400:is(.dark *)[data-disabled] {
    color: var(--color-neutral-400);
  }

  .dark\:data-highlighted\:bg-neutral-700:is(.dark *)[data-highlighted] {
    background-color: var(--color-neutral-700);
  }

  .dark\:data-highlighted\:bg-white:is(.dark *)[data-highlighted] {
    background-color: var(--color-white);
  }

  .dark\:data-highlighted\:text-neutral-950:is(.dark *)[data-highlighted] {
    color: var(--color-neutral-950);
  }

  .dark\:data-highlighted\:before\:bg-neutral-800:is(.dark *)[data-highlighted]:before {
    content: var(--tw-content);
    background-color: var(--color-neutral-800);
  }

  .dark\:data-highlighted\:before\:bg-white:is(.dark *)[data-highlighted]:before {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .dark\:data-placeholder\:text-neutral-400:is(.dark *)[data-placeholder] {
    color: var(--color-neutral-400);
  }

  .dark\:data-popup-open\:bg-neutral-800:is(.dark *)[data-popup-open] {
    background-color: var(--color-neutral-800);
  }

  .dark\:data-popup-open\:decoration-white:is(.dark *)[data-popup-open] {
    text-decoration-color: var(--color-white);
  }

  .dark\:data-popup-open\:before\:bg-neutral-800:is(.dark *)[data-popup-open]:before {
    content: var(--tw-content);
    background-color: var(--color-neutral-800);
  }

  .dark\:data-highlighted\:data-popup-open\:before\:bg-white:is(.dark *)[data-highlighted][data-popup-open]:before {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .dark\:data-pressed\:bg-neutral-800:is(.dark *)[data-pressed] {
    background-color: var(--color-neutral-800);
  }

  .dark\:data-pressed\:bg-white:is(.dark *)[data-pressed] {
    background-color: var(--color-white);
  }

  .dark\:data-pressed\:text-neutral-950:is(.dark *)[data-pressed] {
    color: var(--color-neutral-950);
  }

  .dark\:data-pressed\:text-white:is(.dark *)[data-pressed] {
    color: var(--color-white);
  }

  @media (hover: hover) {
    .dark\:data-pressed\:hover\:bg-white:is(.dark *)[data-pressed]:hover {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .dark\:data-pressed\:hover\:text-neutral-950:is(.dark *)[data-pressed]:hover {
      color: var(--color-neutral-950);
    }
  }

  @media (hover: hover) {
    .dark\:data-pressed\:hover\:not-data-disabled\:bg-white:is(.dark *)[data-pressed]:hover:not([data-disabled]) {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .dark\:data-pressed\:hover\:not-data-disabled\:text-neutral-950:is(.dark *)[data-pressed]:hover:not([data-disabled]) {
      color: var(--color-neutral-950);
    }
  }

  .dark\:data-selected\:text-white:is(.dark *)[data-selected] {
    color: var(--color-white);
  }

  @media (min-width: 700px) {
    .dark\:min-\[700px\]\:border-r-white:is(.dark *) {
      border-right-color: var(--color-white);
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }

  @media (any-pointer: coarse) {
    .any-pointer-coarse\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (any-pointer: coarse) {
    .any-pointer-coarse\:opacity-100 {
      opacity: 1;
    }
  }

  .\[\&_\[data-current\]\]\:w-\[calc\(var\(--popup-width\)-1rem\)\] [data-current] {
    width: calc(var(--popup-width)  - 1rem);
  }

  .\[\&_\[data-current\]\]\:w-\[calc\(var\(--popup-width\)-2\*var\(--viewport-inline-padding\)\)\] [data-current] {
    width: calc(var(--popup-width)  - 2 * var(--viewport-inline-padding));
  }

  .\[\&_\[data-current\]\]\:w-\[var\(--popup-width\)\] [data-current] {
    width: var(--popup-width);
  }

  .\[\&_\[data-current\]\]\:translate-x-0 [data-current] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&_\[data-current\]\]\:opacity-100 [data-current] {
    opacity: 1;
  }

  .\[\&_\[data-current\]\]\:transition-\[translate\,opacity\] [data-current] {
    transition-property: translate, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[\&_\[data-current\]\]\:duration-\[350ms\,175ms\] [data-current] {
    --tw-duration: .35s, .175s;
    transition-duration: .35s, .175s;
  }

  .\[\&_\[data-current\]\]\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] [data-current] {
    --tw-ease: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22,1,.36,1);
  }

  .data-\[activation-direction\~\=\'left\'\]\:\[\&_\[data-current\]\[data-starting-style\]\]\:-translate-x-1\/2[data-activation-direction~="left"] [data-current][data-starting-style] {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[activation-direction\~\=\'left\'\]\:\[\&_\[data-current\]\[data-starting-style\]\]\:-translate-x-\[30\%\][data-activation-direction~="left"] [data-current][data-starting-style] {
    --tw-translate-x: calc(30% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[activation-direction\~\=\'left\'\]\:\[\&_\[data-current\]\[data-starting-style\]\]\:opacity-0[data-activation-direction~="left"] [data-current][data-starting-style] {
    opacity: 0;
  }

  .data-\[activation-direction\~\=\'right\'\]\:\[\&_\[data-current\]\[data-starting-style\]\]\:translate-x-1\/2[data-activation-direction~="right"] [data-current][data-starting-style] {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[activation-direction\~\=\'right\'\]\:\[\&_\[data-current\]\[data-starting-style\]\]\:translate-x-\[30\%\][data-activation-direction~="right"] [data-current][data-starting-style] {
    --tw-translate-x: 30%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[activation-direction\~\=\'right\'\]\:\[\&_\[data-current\]\[data-starting-style\]\]\:opacity-0[data-activation-direction~="right"] [data-current][data-starting-style] {
    opacity: 0;
  }

  .\[\&_\[data-previous\]\]\:w-\[calc\(var\(--popup-width\)-1rem\)\] [data-previous] {
    width: calc(var(--popup-width)  - 1rem);
  }

  .\[\&_\[data-previous\]\]\:w-\[calc\(var\(--popup-width\)-2\*var\(--viewport-inline-padding\)\)\] [data-previous] {
    width: calc(var(--popup-width)  - 2 * var(--viewport-inline-padding));
  }

  .\[\&_\[data-previous\]\]\:w-\[var\(--popup-width\)\] [data-previous] {
    width: var(--popup-width);
  }

  .\[\&_\[data-previous\]\]\:translate-x-0 [data-previous] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&_\[data-previous\]\]\:opacity-100 [data-previous] {
    opacity: 1;
  }

  .\[\&_\[data-previous\]\]\:transition-\[translate\,opacity\] [data-previous] {
    transition-property: translate, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[\&_\[data-previous\]\]\:duration-\[350ms\,175ms\] [data-previous] {
    --tw-duration: .35s, .175s;
    transition-duration: .35s, .175s;
  }

  .\[\&_\[data-previous\]\]\:ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] [data-previous] {
    --tw-ease: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22,1,.36,1);
  }

  .data-\[activation-direction\~\=\'left\'\]\:\[\&_\[data-previous\]\[data-ending-style\]\]\:translate-x-1\/2[data-activation-direction~="left"] [data-previous][data-ending-style] {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[activation-direction\~\=\'left\'\]\:\[\&_\[data-previous\]\[data-ending-style\]\]\:translate-x-\[30\%\][data-activation-direction~="left"] [data-previous][data-ending-style] {
    --tw-translate-x: 30%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[activation-direction\~\=\'left\'\]\:\[\&_\[data-previous\]\[data-ending-style\]\]\:opacity-0[data-activation-direction~="left"] [data-previous][data-ending-style] {
    opacity: 0;
  }

  .data-\[activation-direction\~\=\'right\'\]\:\[\&_\[data-previous\]\[data-ending-style\]\]\:-translate-x-1\/2[data-activation-direction~="right"] [data-previous][data-ending-style] {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[activation-direction\~\=\'right\'\]\:\[\&_\[data-previous\]\[data-ending-style\]\]\:-translate-x-\[30\%\][data-activation-direction~="right"] [data-previous][data-ending-style] {
    --tw-translate-x: calc(30% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[activation-direction\~\=\'right\'\]\:\[\&_\[data-previous\]\[data-ending-style\]\]\:opacity-0[data-activation-direction~="right"] [data-previous][data-ending-style] {
    opacity: 0;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_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);
  }

  .\[\.border-b\]\:pb-2.border-b {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\.border-t\]\:pt-2.border-t {
    padding-top: calc(var(--spacing) * 2);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing) * 6);
  }

  .\[\[hidden\]\]\:hidden[hidden] {
    display: none;
  }

  :-webkit-any(.\*\:\[span\]\:last\:flex > *):-webkit-any(span):last-child {
    display: flex;
  }

  :-moz-any(.\*\:\[span\]\:last\:flex > *):-moz-any(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :-webkit-any(.\*\:\[span\]\:last\:items-center > *):-webkit-any(span):last-child {
    align-items:  center;
  }

  :-moz-any(.\*\:\[span\]\:last\:items-center > *):-moz-any(span):last-child {
    align-items:  center;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items:  center;
  }

  :-webkit-any(.\*\:\[span\]\:last\:gap-2 > *):-webkit-any(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :-moz-any(.\*\:\[span\]\:last\:gap-2 > *):-moz-any(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&\>\[data-filter-section\]\:not\(\[hidden\]\)\~\[data-filter-section\]\:not\(\[hidden\]\)\>\[data-filter-separator\]\]\:block > [data-filter-section]:not([hidden]) ~ [data-filter-section]:not([hidden]) > [data-filter-separator] {
    display: block;
  }

  .\[\&\>input\]\:pr-\[calc\(0\.5rem\+2rem\)\] > input {
    padding-right: 2.5rem;
  }

  .has-\[\.combobox-clear\]\:\[\&\>input\]\:pr-\[calc\(0\.5rem\+2rem\*2\)\]:has(.combobox-clear) > input {
    padding-right: 4.5rem;
  }

  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
    padding-top: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align="inline-end"]) > input {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align="inline-start"]) > input {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius: calc(var(--radius)  - 5px);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(-150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]) {
    transform: translateY(-150%);
  }

  .\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]) {
    transform: translateY(150%);
  }

  .\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:transform-\[translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]) {
    transform: translateY(150%);
  }

  .\[\&\[hidden\]\:not\(\[hidden\=\'until-found\'\]\)\]\:hidden[hidden]:not([hidden="until-found"]) {
    display: none;
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:relative[data-highlighted] {
      position: relative;
    }
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:z-0[data-highlighted] {
      z-index: 0;
    }
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:bg-neutral-950[data-highlighted] {
      background-color: var(--color-neutral-950);
    }
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:text-neutral-950[data-highlighted] {
      color: var(--color-neutral-950);
    }
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:text-white[data-highlighted] {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:before\:absolute[data-highlighted]:before {
      content: var(--tw-content);
      position: absolute;
    }
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:before\:inset-0[data-highlighted]:before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:before\:z-\[-1\][data-highlighted]:before {
      content: var(--tw-content);
      z-index: -1;
    }
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:before\:bg-neutral-100[data-highlighted]:before {
      content: var(--tw-content);
      background-color: var(--color-neutral-100);
    }
  }

  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:data-highlighted\:before\:bg-neutral-950[data-highlighted]:before {
      content: var(--tw-content);
      background-color: var(--color-neutral-950);
    }
  }

  @media (hover: hover) {
    .dark\:\[\@media\(hover\:hover\)\]\:data-highlighted\:bg-white:is(.dark *)[data-highlighted] {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .dark\:\[\@media\(hover\:hover\)\]\:data-highlighted\:text-neutral-950:is(.dark *)[data-highlighted] {
      color: var(--color-neutral-950);
    }
  }

  @media (hover: hover) {
    .dark\:\[\@media\(hover\:hover\)\]\:data-highlighted\:text-white:is(.dark *)[data-highlighted] {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .dark\:\[\@media\(hover\:hover\)\]\:data-highlighted\:before\:bg-neutral-800:is(.dark *)[data-highlighted]:before {
      content: var(--tw-content);
      background-color: var(--color-neutral-800);
    }
  }

  @media (hover: hover) {
    .dark\:\[\@media\(hover\:hover\)\]\:data-highlighted\:before\:bg-white:is(.dark *)[data-highlighted]:before {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }

  @media (min-height: 600px) {
    .\[\@media\(min-height\:600px\)\]\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
  }

  @media (min-height: 600px) {
    .\[\@media\(min-height\:600px\)\]\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }

  [data-instant] .\[\[data-instant\]_\&_\[data-current\]\]\:transition-none [data-current] {
    transition-property: none;
  }

  [data-instant] .\[\[data-instant\]_\&_\[data-previous\]\]\:transition-none [data-previous] {
    transition-property: none;
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@layer base {
  .pipecat-scope, .pipecat-scope *, .pipecat-scope *:before, .pipecat-scope *:after {
    border-style: solid;
    border-width: 0;
  }

  .pipecat-scope {
    --background: oklch(1 0 0);
    --foreground: oklch(.145 0 0);
    --card: oklch(1 0 0);
    --card-foreground: oklch(.145 0 0);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(.145 0 0);
    --primary: oklch(.205 0 0);
    --primary-foreground: oklch(.985 0 0);
    --secondary: oklch(.97 0 0);
    --secondary-foreground: oklch(.205 0 0);
    --muted: oklch(.97 0 0);
    --muted-foreground: oklch(.556 0 0);
    --accent: oklch(.97 0 0);
    --accent-foreground: oklch(.205 0 0);
    --destructive: oklch(.577 .245 27.325);
    --destructive-foreground: oklch(.985 0 0);
    --border: oklch(.922 0 0);
    --input: oklch(.922 0 0);
    --ring: oklch(.708 0 0);
    --radius: .625rem;
    --agent-background: oklch(.962 .018 272.314);
    --agent-foreground: oklch(.585 .233 277.117);
    --client-background: oklch(.97 .014 254.604);
    --client-foreground: oklch(.623 .214 259.815);
    --active-background: oklch(.696 .17 162.48);
    --active-foreground: oklch(.979 .021 166.113);
    --inactive-background: oklch(.702 .189 22.23);
    --inactive-foreground: oklch(.971 .013 17.38);
    color: var(--foreground);
    background-color: var(--background);
  }

  .pipecat-scope button {
    cursor: pointer;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-pan-x {
  syntax: "*";
  inherits: false
}

@property --tw-pan-y {
  syntax: "*";
  inherits: false
}

@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false
}

@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-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-linear-position {
  syntax: "*";
  inherits: false;
  initial-value: 0deg;
}

@property --tw-mask-linear-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}

@property --tw-mask-linear-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}

@property --tw-mask-linear-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}

@property --tw-mask-linear-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-contain-size {
  syntax: "*";
  inherits: false
}

@property --tw-contain-layout {
  syntax: "*";
  inherits: false
}

@property --tw-contain-paint {
  syntax: "*";
  inherits: false
}

@property --tw-contain-style {
  syntax: "*";
  inherits: false
}

@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    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));
    filter: blur(var(--tw-enter-blur, 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));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }

  to {
    height: 0;
  }
}

@layer properties {
  @supports ((-webkit-hyphens: none) and ( not (margin-trim: inline))) or ((-moz-orient: inline) and ( not (color:rgb(from red r g b)))) {
    *, :before, :after {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --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-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-linear-position: 0deg;
      --tw-mask-linear-from-position: 0%;
      --tw-mask-linear-to-position: 100%;
      --tw-mask-linear-from-color: black;
      --tw-mask-linear-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-contain-size: initial;
      --tw-contain-layout: initial;
      --tw-contain-paint: initial;
      --tw-contain-style: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }

    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --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-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-linear-position: 0deg;
      --tw-mask-linear-from-position: 0%;
      --tw-mask-linear-to-position: 100%;
      --tw-mask-linear-from-color: black;
      --tw-mask-linear-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-contain-size: initial;
      --tw-contain-layout: initial;
      --tw-contain-paint: initial;
      --tw-contain-style: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}