@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
html[dir='ltr'],
[data-sonner-toaster][dir='ltr'] {
  --toast-icon-margin-start: -3px;
  --toast-icon-margin-end: 4px;
  --toast-svg-margin-start: -1px;
  --toast-svg-margin-end: 0px;
  --toast-button-margin-start: auto;
  --toast-button-margin-end: 0;
}
html[dir='rtl'],
[data-sonner-toaster][dir='rtl'] {
  --toast-icon-margin-start: 4px;
  --toast-icon-margin-end: -3px;
  --toast-svg-margin-start: 0px;
  --toast-svg-margin-end: -1px;
  --toast-button-margin-start: 0;
  --toast-button-margin-end: auto;
}
[data-sonner-toaster] {
  position: fixed;
  width: var(--width);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,
    Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --gray1: hsl(0, 0%, 99%);
  --gray2: hsl(0, 0%, 97.3%);
  --gray3: hsl(0, 0%, 95.1%);
  --gray4: hsl(0, 0%, 93%);
  --gray5: hsl(0, 0%, 90.9%);
  --gray6: hsl(0, 0%, 88.7%);
  --gray7: hsl(0, 0%, 85.8%);
  --gray8: hsl(0, 0%, 78%);
  --gray9: hsl(0, 0%, 56.1%);
  --gray10: hsl(0, 0%, 52.3%);
  --gray11: hsl(0, 0%, 43.5%);
  --gray12: hsl(0, 0%, 9%);
  --border-radius: 8px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
  z-index: 999999999;
  transition: transform 400ms ease;
}
@media (hover: none) and (pointer: coarse) {
[data-sonner-toaster][data-lifted='true'] {
    transform: none;
}
}
[data-sonner-toaster][data-x-position='right'] {
  right: var(--offset-right);
}
[data-sonner-toaster][data-x-position='left'] {
  left: var(--offset-left);
}
[data-sonner-toaster][data-x-position='center'] {
  left: 50%;
  transform: translateX(-50%);
}
[data-sonner-toaster][data-y-position='top'] {
  top: var(--offset-top);
}
[data-sonner-toaster][data-y-position='bottom'] {
  bottom: var(--offset-bottom);
}
[data-sonner-toast] {
  --y: translateY(100%);
  --lift-amount: calc(var(--lift) * var(--gap));
  z-index: var(--z-index);
  position: absolute;
  opacity: 0;
  transform: var(--y);
  touch-action: none;
  transition: transform 400ms, opacity 400ms, height 400ms, box-shadow 200ms;
  box-sizing: border-box;
  outline: none;
  overflow-wrap: anywhere;
}
[data-sonner-toast][data-styled='true'] {
  padding: 16px;
  background: var(--normal-bg);
  border: 1px solid var(--normal-border);
  color: var(--normal-text);
  border-radius: var(--border-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  width: var(--width);
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
}
[data-sonner-toast]:focus-visible {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2);
}
[data-sonner-toast][data-y-position='top'] {
  top: 0;
  --y: translateY(-100%);
  --lift: 1;
  --lift-amount: calc(1 * var(--gap));
}
[data-sonner-toast][data-y-position='bottom'] {
  bottom: 0;
  --y: translateY(100%);
  --lift: -1;
  --lift-amount: calc(var(--lift) * var(--gap));
}
[data-sonner-toast][data-styled='true'] [data-description] {
  font-weight: 400;
  line-height: 1.4;
  color: #3f3f3f;
}
[data-rich-colors='true'][data-sonner-toast][data-styled='true'] [data-description] {
  color: inherit;
}
[data-sonner-toaster][data-sonner-theme='dark'] [data-description] {
  color: hsl(0, 0%, 91%);
}
[data-sonner-toast][data-styled='true'] [data-title] {
  font-weight: 500;
  line-height: 1.5;
  color: inherit;
}
[data-sonner-toast][data-styled='true'] [data-icon] {
  display: flex;
  height: 16px;
  width: 16px;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  margin-left: var(--toast-icon-margin-start);
  margin-right: var(--toast-icon-margin-end);
}
[data-sonner-toast][data-promise='true'] [data-icon] > svg {
  opacity: 0;
  transform: scale(0.8);
  transform-origin: center;
  animation: sonner-fade-in 300ms ease forwards;
}
[data-sonner-toast][data-styled='true'] [data-icon] > * {
  flex-shrink: 0;
}
[data-sonner-toast][data-styled='true'] [data-icon] svg {
  margin-left: var(--toast-svg-margin-start);
  margin-right: var(--toast-svg-margin-end);
}
[data-sonner-toast][data-styled='true'] [data-content] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
[data-sonner-toast][data-styled='true'] [data-button] {
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  height: 24px;
  font-size: 12px;
  color: var(--normal-bg);
  background: var(--normal-text);
  margin-left: var(--toast-button-margin-start);
  margin-right: var(--toast-button-margin-end);
  border: none;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  transition: opacity 400ms, box-shadow 200ms;
}
[data-sonner-toast][data-styled='true'] [data-button]:focus-visible {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
}
[data-sonner-toast][data-styled='true'] [data-button]:first-of-type {
  margin-left: var(--toast-button-margin-start);
  margin-right: var(--toast-button-margin-end);
}
[data-sonner-toast][data-styled='true'] [data-cancel] {
  color: var(--normal-text);
  background: rgba(0, 0, 0, 0.08);
}
[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast][data-styled='true'] [data-cancel] {
  background: rgba(255, 255, 255, 0.3);
}
[data-sonner-toaster] [data-close-button-position='top-left'] {
  --toast-close-button-left: 0;
  --toast-close-button-right: unset;
  --toast-close-button-top: 0;
  --toast-close-button-bottom: unset;
  --toast-close-button-transform: translate(-35%, -35%);
}
[data-sonner-toaster] [data-close-button-position='top-right'] {
  --toast-close-button-left: unset;
  --toast-close-button-right: 0;
  --toast-close-button-top: 0;
  --toast-close-button-bottom: unset;
  --toast-close-button-transform: translate(35%, -35%);
}
[data-sonner-toaster] [data-close-button-position='bottom-left'] {
  --toast-close-button-left: 0;
  --toast-close-button-right: unset;
  --toast-close-button-top: unset;
  --toast-close-button-bottom: 0;
  --toast-close-button-transform: translate(-35%, 35%);
}
[data-sonner-toaster] [data-close-button-position='bottom-right'] {
  --toast-close-button-left: unset;
  --toast-close-button-right: 0;
  --toast-close-button-top: unset;
  --toast-close-button-bottom: 0;
  --toast-close-button-transform: translate(35%, 35%);
}
[data-sonner-toast][data-styled='true'] [data-close-button] {
  position: absolute;
  left: var(--toast-close-button-left);
  right: var(--toast-close-button-right);
  top: var(--toast-close-button-top);
  bottom: var(--toast-close-button-bottom);
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  color: var(--gray12);
  background: var(--normal-bg);
  border: 1px solid var(--gray4);
  transform: var(--toast-close-button-transform);
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  transition: opacity 100ms, background 200ms, border-color 200ms;
}
[data-sonner-toast][data-styled='true'] [data-close-button]:focus-visible {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2);
}
[data-sonner-toast][data-styled='true'] [data-disabled='true'] {
  cursor: not-allowed;
}
[data-sonner-toast][data-styled='true']:hover [data-close-button]:hover {
  background: var(--gray2);
  border-color: var(--gray5);
}
[data-sonner-toast][data-swiping='true']::before {
  content: '';
  position: absolute;
  left: -100%;
  right: -100%;
  height: 100%;
  z-index: -1;
}
[data-sonner-toast][data-y-position='top'][data-swiping='true']::before {
  bottom: 50%;
  transform: scaleY(3) translateY(50%);
}
[data-sonner-toast][data-y-position='bottom'][data-swiping='true']::before {
  top: 50%;
  transform: scaleY(3) translateY(-50%);
}
[data-sonner-toast][data-swiping='false'][data-removed='true']::before {
  content: '';
  position: absolute;
  inset: 0;
  transform: scaleY(2);
}
[data-sonner-toast][data-expanded='true']::after {
  content: '';
  position: absolute;
  left: 0;
  height: calc(var(--gap) + 1px);
  bottom: 100%;
  width: 100%;
}
[data-sonner-toast][data-mounted='true'] {
  --y: translateY(0);
  opacity: 1;
}
[data-sonner-toast][data-expanded='false'][data-front='false'] {
  --scale: var(--toasts-before) * 0.05 + 1;
  --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * 0.05 + 1));
  height: var(--front-toast-height);
}
[data-sonner-toast] > * {
  transition: opacity 400ms;
}
[data-sonner-toast][data-x-position='right'] {
  right: 0;
}
[data-sonner-toast][data-x-position='left'] {
  left: 0;
}
[data-sonner-toast][data-expanded='false'][data-front='false'][data-styled='true'] > * {
  opacity: 0;
}
[data-sonner-toast][data-visible='false'] {
  opacity: 0;
  pointer-events: none;
}
[data-sonner-toast][data-mounted='true'][data-expanded='true'] {
  --y: translateY(calc(var(--lift) * var(--offset)));
  height: var(--initial-height);
}
[data-sonner-toast][data-removed='true'][data-front='true'][data-swipe-out='false'] {
  --y: translateY(calc(var(--lift) * -100%));
  opacity: 0;
}
[data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='true'] {
  --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
  opacity: 0;
}
[data-sonner-toast][data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='false'] {
  --y: translateY(40%);
  opacity: 0;
  transition: transform 500ms, opacity 200ms;
}
[data-sonner-toast][data-removed='true'][data-front='false']::before {
  height: calc(var(--initial-height) + 20%);
}
[data-sonner-toast][data-swiping='true'] {
  transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px));
  transition: none;
}
[data-sonner-toast][data-swiped='true'] {
  user-select: none;
}
[data-sonner-toast][data-swipe-out='true'][data-y-position='bottom'],
[data-sonner-toast][data-swipe-out='true'][data-y-position='top'] {
  animation-duration: 200ms;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='left'] {
  animation-name: swipe-out-left;
}
[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='right'] {
  animation-name: swipe-out-right;
}
[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='up'] {
  animation-name: swipe-out-up;
}
[data-sonner-toast][data-swipe-out='true'][data-swipe-direction='down'] {
  animation-name: swipe-out-down;
}
@keyframes swipe-out-left {
from {
    transform: var(--y) translateX(var(--swipe-amount-x));
    opacity: 1;
}
to {
    transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
    opacity: 0;
}
}
@keyframes swipe-out-right {
from {
    transform: var(--y) translateX(var(--swipe-amount-x));
    opacity: 1;
}
to {
    transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
    opacity: 0;
}
}
@keyframes swipe-out-up {
from {
    transform: var(--y) translateY(var(--swipe-amount-y));
    opacity: 1;
}
to {
    transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
    opacity: 0;
}
}
@keyframes swipe-out-down {
from {
    transform: var(--y) translateY(var(--swipe-amount-y));
    opacity: 1;
}
to {
    transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
    opacity: 0;
}
}
@media (max-width: 600px) {
[data-sonner-toaster] {
    position: fixed;
    right: var(--mobile-offset-right);
    left: var(--mobile-offset-left);
    width: 100%;
}
[data-sonner-toaster][dir='rtl'] {
    left: calc(var(--mobile-offset-left) * -1);
}
[data-sonner-toaster] [data-sonner-toast] {
    left: 0;
    right: 0;
    width: calc(100% - var(--mobile-offset-left) * 2);
}
[data-sonner-toaster][data-x-position='left'] {
    left: var(--mobile-offset-left);
}
[data-sonner-toaster][data-y-position='bottom'] {
    bottom: calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px));
}
[data-sonner-toaster][data-y-position='top'] {
    top: calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px));
}
[data-sonner-toaster][data-x-position='center'] {
    left: var(--mobile-offset-left);
    right: var(--mobile-offset-right);
    transform: none;
}
}
[data-sonner-toaster][data-sonner-theme='light'] {
  --normal-bg: #fff;
  --normal-border: var(--gray4);
  --normal-text: var(--gray12);

  --success-bg: hsl(143, 85%, 96%);
  --success-border: hsl(145, 92%, 87%);
  --success-text: hsl(140, 100%, 27%);

  --info-bg: hsl(208, 100%, 97%);
  --info-border: hsl(221, 91%, 93%);
  --info-text: hsl(210, 92%, 45%);

  --warning-bg: hsl(49, 100%, 97%);
  --warning-border: hsl(49, 91%, 84%);
  --warning-text: hsl(31, 92%, 45%);

  --error-bg: hsl(359, 100%, 97%);
  --error-border: hsl(359, 100%, 94%);
  --error-text: hsl(360, 100%, 45%);
}
[data-sonner-toaster][data-sonner-theme='light'] [data-sonner-toast][data-invert='true'] {
  --normal-bg: #000;
  --normal-border: hsl(0, 0%, 20%);
  --normal-text: var(--gray1);
}
[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast][data-invert='true'] {
  --normal-bg: #fff;
  --normal-border: var(--gray3);
  --normal-text: var(--gray12);
}
[data-sonner-toaster][data-sonner-theme='dark'] {
  --normal-bg: #000;
  --normal-bg-hover: hsl(0, 0%, 12%);
  --normal-border: hsl(0, 0%, 20%);
  --normal-border-hover: hsl(0, 0%, 25%);
  --normal-text: var(--gray1);

  --success-bg: hsl(150, 100%, 6%);
  --success-border: hsl(147, 100%, 12%);
  --success-text: hsl(150, 86%, 65%);

  --info-bg: hsl(215, 100%, 6%);
  --info-border: hsl(223, 43%, 17%);
  --info-text: hsl(216, 87%, 65%);

  --warning-bg: hsl(64, 100%, 6%);
  --warning-border: hsl(60, 100%, 9%);
  --warning-text: hsl(46, 87%, 65%);

  --error-bg: hsl(358, 76%, 10%);
  --error-border: hsl(357, 89%, 16%);
  --error-text: hsl(358, 100%, 81%);
}
[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button] {
  background: var(--normal-bg);
  border-color: var(--normal-border);
  color: var(--normal-text);
}
[data-sonner-toaster][data-sonner-theme='dark'] [data-sonner-toast] [data-close-button]:hover {
  background: var(--normal-bg-hover);
  border-color: var(--normal-border-hover);
}
[data-rich-colors='true'][data-sonner-toast][data-type='success'] {
  background: var(--success-bg);
  border-color: var(--success-border);
  color: var(--success-text);
}
[data-rich-colors='true'][data-sonner-toast][data-type='success'] [data-close-button] {
  background: var(--success-bg);
  border-color: var(--success-border);
  color: var(--success-text);
}
[data-rich-colors='true'][data-sonner-toast][data-type='info'] {
  background: var(--info-bg);
  border-color: var(--info-border);
  color: var(--info-text);
}
[data-rich-colors='true'][data-sonner-toast][data-type='info'] [data-close-button] {
  background: var(--info-bg);
  border-color: var(--info-border);
  color: var(--info-text);
}
[data-rich-colors='true'][data-sonner-toast][data-type='warning'] {
  background: var(--warning-bg);
  border-color: var(--warning-border);
  color: var(--warning-text);
}
[data-rich-colors='true'][data-sonner-toast][data-type='warning'] [data-close-button] {
  background: var(--warning-bg);
  border-color: var(--warning-border);
  color: var(--warning-text);
}
[data-rich-colors='true'][data-sonner-toast][data-type='error'] {
  background: var(--error-bg);
  border-color: var(--error-border);
  color: var(--error-text);
}
[data-rich-colors='true'][data-sonner-toast][data-type='error'] [data-close-button] {
  background: var(--error-bg);
  border-color: var(--error-border);
  color: var(--error-text);
}
.sonner-loading-wrapper {
  --size: 16px;
  height: var(--size);
  width: var(--size);
  position: absolute;
  inset: 0;
  z-index: 10;
}
.sonner-loading-wrapper[data-visible='false'] {
  transform-origin: center;
  animation: sonner-fade-out 0.2s ease forwards;
}
.sonner-spinner {
  position: relative;
  top: 50%;
  left: 50%;
  height: var(--size);
  width: var(--size);
}
.sonner-loading-bar {
  animation: sonner-spin 1.2s linear infinite;
  background: var(--gray11);
  border-radius: 6px;
  height: 8%;
  left: -10%;
  position: absolute;
  top: -3.9%;
  width: 24%;
}
.sonner-loading-bar:nth-child(1) {
  animation-delay: -1.2s;
  transform: rotate(0.0001deg) translate(146%);
}
.sonner-loading-bar:nth-child(2) {
  animation-delay: -1.1s;
  transform: rotate(30deg) translate(146%);
}
.sonner-loading-bar:nth-child(3) {
  animation-delay: -1s;
  transform: rotate(60deg) translate(146%);
}
.sonner-loading-bar:nth-child(4) {
  animation-delay: -0.9s;
  transform: rotate(90deg) translate(146%);
}
.sonner-loading-bar:nth-child(5) {
  animation-delay: -0.8s;
  transform: rotate(120deg) translate(146%);
}
.sonner-loading-bar:nth-child(6) {
  animation-delay: -0.7s;
  transform: rotate(150deg) translate(146%);
}
.sonner-loading-bar:nth-child(7) {
  animation-delay: -0.6s;
  transform: rotate(180deg) translate(146%);
}
.sonner-loading-bar:nth-child(8) {
  animation-delay: -0.5s;
  transform: rotate(210deg) translate(146%);
}
.sonner-loading-bar:nth-child(9) {
  animation-delay: -0.4s;
  transform: rotate(240deg) translate(146%);
}
.sonner-loading-bar:nth-child(10) {
  animation-delay: -0.3s;
  transform: rotate(270deg) translate(146%);
}
.sonner-loading-bar:nth-child(11) {
  animation-delay: -0.2s;
  transform: rotate(300deg) translate(146%);
}
.sonner-loading-bar:nth-child(12) {
  animation-delay: -0.1s;
  transform: rotate(330deg) translate(146%);
}
@keyframes sonner-fade-in {
0% {
    opacity: 0;
    transform: scale(0.8);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes sonner-fade-out {
0% {
    opacity: 1;
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(0.8);
}
}
@keyframes sonner-spin {
0% {
    opacity: 1;
}
100% {
    opacity: 0.15;
}
}
@media (prefers-reduced-motion) {
[data-sonner-toast],
  [data-sonner-toast] > *,
  .sonner-loading-bar {
    transition: none !important;
    animation: none !important;
}
}
.sonner-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: opacity 200ms, transform 200ms;
}
.sonner-loader[data-visible='false'] {
  opacity: 0;
  transform: scale(0.8) translate(-50%, -50%);
}



/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :root, :host {
      --shimmer-angle: 20deg;
    }

    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scrollbar-thumb: #0000;
      --tw-scrollbar-track: #0000;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --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-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;
      --scroll-fade-t: 0;
      --scroll-fade-b: 0;
      --scroll-fade-s: 0;
      --scroll-fade-e: 0;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-600: oklch(57.7% .245 27.325);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-black: #000;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-md: calc(var(--radius) - 2px);
    --radius-2xl: 1rem;
    --radius-4xl: 2rem;
    --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;
    --blur-xs: 4px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
    --default-mono-font-family: var(--font-mono);
    --color-muted-foreground: var(--muted-foreground);
    --color-background: var(--background);
  }
}

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

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

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -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-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1;
  }

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

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer components {
  :where(.markstream-vue) button {
    appearance: none;
    font: inherit;
    color: inherit;
    background: none;
    border: 0;
  }

  .markstream-vue li:has(.checkbox-node) {
    margin-left: calc(-1 * var(--ms-flow-list-indent));
    list-style-type: none;
  }

  .markstream-vue .text-node {
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }

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

  .container {
    width: 100%;
  }

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

    .container {
      max-width: 640px;
    }
  }

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

    .container {
      max-width: 768px;
    }
  }

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

    .container {
      max-width: 1024px;
    }
  }

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

    .container {
      max-width: 1280px;
    }
  }

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

    .container {
      max-width: 1536px;
    }
  }

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

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

  .markstream-vue .\!visible {
    visibility: visible !important;
  }

  .markstream-vue .visible {
    visibility: visible;
  }

  .markstream-vue .collapse {
    visibility: collapse;
  }

  .markstream-vue .static {
    position: static;
  }

  .markstream-vue .fixed {
    position: fixed;
  }

  .markstream-vue .absolute {
    position: absolute;
  }

  .markstream-vue .relative {
    position: relative;
  }

  .markstream-vue .inset-0 {
    inset: 0;
  }

  .markstream-vue .right-2 {
    right: .5rem;
  }

  .markstream-vue .right-6 {
    right: 1.5rem;
  }

  .markstream-vue .top-2 {
    top: .5rem;
  }

  .markstream-vue .top-6 {
    top: 1.5rem;
  }

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

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

  .markstream-vue .m-0 {
    margin: 0;
  }

  .markstream-vue .mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem;
  }

  .markstream-vue .mr-2 {
    margin-right: .5rem;
  }

  .markstream-vue .mt-2 {
    margin-top: .5rem;
  }

  .markstream-vue .block {
    display: block;
  }

  .markstream-vue .inline {
    display: inline;
  }

  .markstream-vue .flex {
    display: flex;
  }

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

  .markstream-vue .table {
    display: table;
  }

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

  .markstream-vue .grid {
    display: grid;
  }

  .markstream-vue .contents {
    display: contents;
  }

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

  .markstream-vue .hidden {
    display: none;
  }

  .markstream-vue .h-4 {
    height: 1rem;
  }

  .markstream-vue .h-full {
    height: 100%;
  }

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

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

  .markstream-vue .w-2\/3 {
    width: 66.6667%;
  }

  .markstream-vue .w-4 {
    width: 1rem;
  }

  .markstream-vue .w-4\/5 {
    width: 80%;
  }

  .markstream-vue .w-full {
    width: 100%;
  }

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

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

  .markstream-vue .flex-1 {
    flex: 1;
  }

  .markstream-vue .flex-shrink {
    flex-shrink: 1;
  }

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

  .markstream-vue .shrink {
    flex-shrink: 1;
  }

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

  .markstream-vue .grow {
    flex-grow: 1;
  }

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

  .markstream-vue .transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

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

  .markstream-vue .animate-spin {
    animation: 1s linear infinite spin;
  }

  .markstream-vue .cursor-grab {
    cursor: grab;
  }

  .markstream-vue .cursor-grabbing {
    cursor: grabbing;
  }

  .markstream-vue .cursor-not-allowed {
    cursor: not-allowed;
  }

  .markstream-vue .cursor-pointer {
    cursor: pointer;
  }

  .markstream-vue .resize {
    resize: both;
  }

  .markstream-vue .list-decimal {
    list-style-type: decimal;
  }

  .markstream-vue .list-disc {
    list-style-type: disc;
  }

  .markstream-vue .flex-wrap {
    flex-wrap: wrap;
  }

  .markstream-vue .items-center {
    align-items: center;
  }

  .markstream-vue .items-baseline {
    align-items: baseline;
  }

  .markstream-vue .justify-center {
    justify-content: center;
  }

  .markstream-vue .justify-between {
    justify-content: space-between;
  }

  .markstream-vue .gap-0\.5 {
    gap: .125rem;
  }

  .markstream-vue .gap-1\.5 {
    gap: .375rem;
  }

  .markstream-vue .gap-2 {
    gap: .5rem;
  }

  .markstream-vue .gap-\[var\(--ms-gap-header-actions\)\] {
    gap: var(--ms-gap-header-actions);
  }

  .markstream-vue .gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem;
  }

  .markstream-vue .gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem;
  }

  .markstream-vue .overflow-hidden {
    overflow: hidden;
  }

  .markstream-vue .overflow-x-auto {
    overflow-x: auto;
  }

  .markstream-vue .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .markstream-vue .whitespace-nowrap {
    white-space: nowrap;
  }

  .markstream-vue .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .markstream-vue .rounded {
    border-radius: calc(var(--ms-radius) * .5);
  }

  .markstream-vue .rounded-lg {
    border-radius: var(--ms-radius);
  }

  .markstream-vue .rounded-md {
    border-radius: calc(var(--ms-radius) * .75);
  }

  .markstream-vue .border {
    border-width: 1px;
  }

  .markstream-vue .border-b {
    border-bottom-width: 1px;
  }

  .markstream-vue .border-t {
    border-top-width: 1px;
  }

  .markstream-vue .border-\[var\(--code-border\)\] {
    border-color: var(--code-border);
  }

  .markstream-vue .border-\[var\(--footnote-border\)\] {
    border-color: var(--footnote-border);
  }

  .markstream-vue .border-\[var\(--hr-border\)\] {
    border-color: var(--hr-border);
  }

  .markstream-vue .bg-\[hsl\(var\(--ms-popover\)\)\] {
    background-color: hsl(var(--ms-popover));
  }

  .markstream-vue .bg-\[var\(--code-header-bg\)\] {
    background-color: var(--code-header-bg);
  }

  .markstream-vue .p-0 {
    padding: 0;
  }

  .markstream-vue .p-1 {
    padding: .25rem;
  }

  .markstream-vue .p-4 {
    padding: 1rem;
  }

  .markstream-vue .p-\[var\(--ms-action-btn-padding\)\] {
    padding: var(--ms-action-btn-padding);
  }

  .markstream-vue .px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem;
  }

  .markstream-vue .px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .markstream-vue .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .markstream-vue .px-\[var\(--ms-inset-panel-x\)\] {
    padding-left: var(--ms-inset-panel-x);
    padding-right: var(--ms-inset-panel-x);
  }

  .markstream-vue .py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem;
  }

  .markstream-vue .py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem;
  }

  .markstream-vue .py-\[var\(--ms-inset-panel-y\)\] {
    padding-top: var(--ms-inset-panel-y);
    padding-bottom: var(--ms-inset-panel-y);
  }

  .markstream-vue .pb-3 {
    padding-bottom: .75rem;
  }

  .markstream-vue .pt-2 {
    padding-top: .5rem;
  }

  .markstream-vue .text-left {
    text-align: left;
  }

  .markstream-vue .text-center {
    text-align: center;
  }

  .markstream-vue .text-right {
    text-align: right;
  }

  .markstream-vue .font-mono {
    font-family: var(--ms-font-mono);
  }

  .markstream-vue .text-\[length\:var\(--ms-text-label\)\] {
    font-size: var(--ms-text-label);
  }

  .markstream-vue .text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .markstream-vue .text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }

  .markstream-vue .font-medium {
    font-weight: 500;
  }

  .markstream-vue .font-semibold {
    font-weight: 600;
  }

  .markstream-vue .uppercase {
    text-transform: uppercase;
  }

  .markstream-vue .lowercase {
    text-transform: lowercase;
  }

  .markstream-vue .italic {
    font-style: italic;
  }

  .markstream-vue .leading-\[normal\] {
    line-height: normal;
  }

  .markstream-vue .leading-none {
    line-height: 1;
  }

  .markstream-vue .leading-relaxed {
    line-height: 1.625;
  }

  .markstream-vue .text-\[\#0366d6\] {
    --tw-text-opacity: 1;
    color: rgb(3 102 214 / var(--tw-text-opacity, 1));
  }

  .markstream-vue .text-\[hsl\(var\(--ms-popover-foreground\)\)\] {
    color: hsl(var(--ms-popover-foreground));
  }

  .markstream-vue .text-\[var\(--code-action-fg\)\] {
    color: var(--code-action-fg);
  }

  .markstream-vue .text-\[var\(--code-fg\)\] {
    color: var(--code-fg);
  }

  .markstream-vue .underline {
    text-decoration-line: underline;
  }

  .markstream-vue .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .markstream-vue .opacity-0 {
    opacity: 0;
  }

  .markstream-vue .opacity-50 {
    opacity: .5;
  }

  .markstream-vue .shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
  }

  .markstream-vue .shadow-\[var\(--ms-shadow-popover\)\] {
    --tw-shadow-color: var(--ms-shadow-popover);
    --tw-shadow: var(--tw-shadow-colored);
  }

  .markstream-vue .outline {
    outline-style: solid;
  }

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

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

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

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

  .markstream-vue .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .markstream-vue .transition-\[height\] {
    transition-property: height;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .markstream-vue .transition-all {
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .markstream-vue .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .markstream-vue .ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .markstream-vue .ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
  }

  .markstream-vue {
    --ms-background: 0 0% 100%;
    --ms-foreground: 0 0% 10%;
    --ms-muted: 0 0% 96.5%;
    --ms-muted-foreground: 0 0% 43%;
    --ms-secondary: 0 0% 93.5%;
    --ms-secondary-foreground: 0 0% 10%;
    --ms-accent: 0 0% 91%;
    --ms-accent-foreground: 0 0% 10%;
    --ms-primary: 0 0% 10%;
    --ms-primary-foreground: 0 0% 100%;
    --ms-destructive: 0 62% 52%;
    --ms-destructive-foreground: 0 0% 100%;
    --ms-border: 0 0% 87%;
    --ms-ring: 0 0% 10%;
    --ms-popover: 0 0% 100%;
    --ms-popover-foreground: 0 0% 10%;
    --ms-radius: .5rem;
    --ms-info: 215 60% 50%;
    --ms-info-foreground: 0 0% 100%;
    --ms-success: 152 56% 39%;
    --ms-success-foreground: 0 0% 100%;
    --ms-warning: 38 64% 46%;
    --ms-warning-foreground: 0 0% 9%;
    --ms-diff-added: 152 50% 36%;
    --ms-diff-removed: 0 58% 48%;
    --ms-highlight: 50 60% 72%;
    --ms-highlight-foreground: 0 0% 0%;
    --ms-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --ms-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  }

  .dark .markstream-vue, .markstream-vue.dark {
    --ms-background: 0 0% 7%;
    --ms-foreground: 0 0% 93%;
    --ms-muted: 0 0% 12%;
    --ms-muted-foreground: 0 0% 60%;
    --ms-secondary: 0 0% 16%;
    --ms-secondary-foreground: 0 0% 93%;
    --ms-accent: 0 0% 24%;
    --ms-accent-foreground: 0 0% 93%;
    --ms-primary: 0 0% 93%;
    --ms-primary-foreground: 0 0% 10%;
    --ms-destructive: 0 60% 50%;
    --ms-destructive-foreground: 0 0% 93%;
    --ms-border: 0 0% 20%;
    --ms-ring: 0 0% 80%;
    --ms-popover: 0 0% 9%;
    --ms-popover-foreground: 0 0% 93%;
    --ms-info: 215 55% 62%;
    --ms-info-foreground: 0 0% 100%;
    --ms-success: 152 48% 55%;
    --ms-success-foreground: 0 0% 100%;
    --ms-warning: 32 65% 58%;
    --ms-warning-foreground: 0 0% 9%;
    --ms-diff-added: 152 42% 60%;
    --ms-diff-removed: 0 58% 58%;
    --ms-highlight: 48 65% 50%;
    --ms-highlight-foreground: 0 0% 0%;
    --ms-shadow-subtle: 0 1px 3px 0 #00000040;
    --ms-shadow-popover: 0 4px 6px -1px #0003, 0 2px 4px -2px #00000026;
    --ms-shadow-modal: 0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;
    --ms-shadow-preview: 0 10px 40px #0009;
    --tooltip-bg: #1f1f1f;
    --tooltip-fg: #b8b8b8;
    --code-bg: #111827;
    --code-header-bg: hsl(var(--ms-muted));
    --admonition-note-header-bg: hsl(var(--ms-info));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .markstream-vue, .markstream-vue.dark {
      --admonition-note-header-bg: color-mix(in srgb, hsl(var(--ms-info)) 12%, transparent);
    }
  }

  .dark .markstream-vue, .markstream-vue.dark {
    --admonition-tip-header-bg: hsl(var(--ms-success));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .markstream-vue, .markstream-vue.dark {
      --admonition-tip-header-bg: color-mix(in srgb, hsl(var(--ms-success)) 12%, transparent);
    }
  }

  .dark .markstream-vue, .markstream-vue.dark {
    --admonition-warn-header-bg: hsl(var(--ms-warning));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .markstream-vue, .markstream-vue.dark {
      --admonition-warn-header-bg: color-mix(in srgb, hsl(var(--ms-warning)) 12%, transparent);
    }
  }

  .dark .markstream-vue, .markstream-vue.dark {
    --admonition-danger-header-bg: hsl(var(--ms-destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark .markstream-vue, .markstream-vue.dark {
      --admonition-danger-header-bg: color-mix(in srgb, hsl(var(--ms-destructive)) 12%, transparent);
    }
  }

  .markstream-vue {
    font-family: var(--ms-font-sans);
    font-size: var(--ms-text-body);
    line-height: var(--ms-leading-body);
    --inline-code-bg: hsl(var(--ms-secondary));
    --inline-code-fg: hsl(var(--ms-foreground) / .75);
    --inline-code-border: hsl(var(--ms-border) / .9);
    --code-bg: #fff;
    --code-fg: hsl(var(--ms-foreground));
    --code-border: hsl(var(--ms-border));
    --code-header-bg: hsl(var(--ms-secondary));
    --code-selection-bg: hsl(var(--ms-accent) / .3);
    --code-line-number: hsl(var(--ms-muted-foreground));
    --markstream-code-line-number-align: right;
    --code-action-fg: hsl(var(--ms-muted-foreground));
    --code-action-hover-bg: hsl(var(--ms-accent));
    --code-action-hover-fg: hsl(var(--ms-accent-foreground));
    --code-action-active-bg: hsl(var(--ms-primary));
    --code-action-active-fg: hsl(var(--ms-primary-foreground));
    --diff-added-fg: hsl(var(--ms-diff-added));
    --diff-removed-fg: hsl(var(--ms-diff-removed));
    --diff-added-bg: hsl(var(--ms-diff-added) / .1);
    --diff-added-inline-bg: hsl(var(--ms-diff-added) / .2);
    --diff-removed-bg: hsl(var(--ms-diff-removed) / .1);
    --diff-removed-inline-bg: hsl(var(--ms-diff-removed) / .2);
    --blockquote-border: hsl(var(--ms-muted-foreground) / .2);
    --admonition-bg: hsl(var(--ms-muted));
    --admonition-border: hsl(var(--ms-border));
    --admonition-fg: hsl(var(--ms-foreground));
    --admonition-muted: hsl(var(--ms-muted-foreground));
    --admonition-header-bg: hsl(var(--ms-muted) / .5);
    --admonition-note: hsl(var(--ms-info));
    --admonition-tip: hsl(var(--ms-success));
    --admonition-warning: hsl(var(--ms-warning));
    --admonition-danger: hsl(var(--ms-destructive));
    --admonition-note-header-bg: hsl(var(--ms-info));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .markstream-vue {
      --admonition-note-header-bg: color-mix(in srgb, hsl(var(--ms-info)) 6%, transparent);
    }
  }

  .markstream-vue {
    --admonition-tip-header-bg: hsl(var(--ms-success));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .markstream-vue {
      --admonition-tip-header-bg: color-mix(in srgb, hsl(var(--ms-success)) 6%, transparent);
    }
  }

  .markstream-vue {
    --admonition-warn-header-bg: hsl(var(--ms-warning));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .markstream-vue {
      --admonition-warn-header-bg: color-mix(in srgb, hsl(var(--ms-warning)) 6%, transparent);
    }
  }

  .markstream-vue {
    --admonition-danger-header-bg: hsl(var(--ms-destructive));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .markstream-vue {
      --admonition-danger-header-bg: color-mix(in srgb, hsl(var(--ms-destructive)) 6%, transparent);
    }
  }

  .markstream-vue {
    --table-border: hsl(var(--ms-border));
    --table-header-bg: hsl(var(--ms-muted));
    --link-color: hsl(var(--ms-info));
    --list-marker: hsl(var(--ms-muted-foreground) / .5);
    --list-counter-marker: hsl(var(--ms-muted-foreground));
    --hr-border: hsl(var(--ms-border));
    --highlight-bg: hsl(var(--ms-highlight));
    --footnote-border: hsl(var(--ms-border));
    --tooltip-bg: #2e2e2e;
    --tooltip-fg: #e0e0e0;
    --tooltip-border: hsl(var(--ms-border));
    --modal-overlay: #000000b3;
    --modal-bg: hsl(var(--ms-popover));
    --modal-fg: hsl(var(--ms-popover-foreground));
    --diagram-bg: hsl(var(--ms-muted));
    --diagram-border: hsl(var(--ms-border));
    --diagram-header-bg: hsl(var(--ms-muted));
    --loading-spinner: hsl(var(--ms-muted-foreground));
    --loading-shimmer: hsl(var(--ms-muted) / .5);
    --image-placeholder-bg: hsl(var(--ms-muted));
    --focus-ring: hsl(var(--ms-ring));
    --ms-space-1: .25rem;
    --ms-space-1_5: .375rem;
    --ms-space-2: .5rem;
    --ms-space-2_5: .625rem;
    --ms-space-3: .75rem;
    --ms-space-4: 1rem;
    --ms-space-5: 1.25rem;
    --ms-space-6: 1.5rem;
    --ms-space-8: 2rem;
    --ms-space-12: 3rem;
    --ms-flow-paragraph-y: 1.5em;
    --ms-flow-list-y: 1em;
    --ms-flow-list-item-y: .25em;
    --ms-flow-list-indent: 1.625em;
    --ms-flow-list-indent-mobile: calc(14 / 9 * 1em);
    --ms-flow-table-y: 2em;
    --ms-flow-table-cell: .5em .75em;
    --ms-flow-blockquote-y: 1.25em;
    --ms-flow-blockquote-indent: 1.25em;
    --ms-flow-admonition-y: 1.25em;
    --ms-flow-footnote-y: .5em;
    --ms-flow-hr-y: 2.5em;
    --ms-flow-diagram-y: 1.5em;
    --ms-flow-codeblock-y: 1.5em;
    --ms-flow-definition-term-mt: .75em;
    --ms-flow-definition-desc-ml: 1.25em;
    --ms-flow-definition-desc-mb: .5em;
    --ms-flow-heading-1-mt: 0;
    --ms-flow-heading-1-mb: 1em;
    --ms-flow-heading-2-mt: 2em;
    --ms-flow-heading-2-mb: .75em;
    --ms-flow-heading-3-mt: 1.5em;
    --ms-flow-heading-3-mb: .6em;
    --ms-flow-heading-4-mt: 1.25em;
    --ms-flow-heading-4-mb: .4em;
    --ms-flow-heading-5-mt: 1em;
    --ms-flow-heading-5-mb: .25em;
    --ms-flow-heading-6-mt: 1em;
    --ms-flow-heading-6-mb: .25em;
    --ms-text-body: 1rem;
    --ms-leading-body: 1.75;
    --ms-text-h1: 2.25rem;
    --ms-text-h2: 1.5rem;
    --ms-text-h3: 1.25rem;
    --ms-text-h4: 1rem;
    --ms-text-h5: 1rem;
    --ms-text-h6: 1rem;
    --ms-leading-h1: 1.2;
    --ms-leading-h2: 1.35;
    --ms-leading-h3: 1.5;
    --ms-weight-h1: 700;
    --ms-weight-h2: 600;
    --ms-weight-h3: 600;
    --ms-weight-h4: 600;
    --ms-text-label: .75rem;
    --ms-action-btn-padding: .375rem;
    --ms-action-btn-icon: .875rem;
    --ms-inset-panel-x: .625rem;
    --ms-inset-panel-y: .375rem;
    --ms-inset-panel-body-sm: .5rem;
    --ms-inset-panel-body: 1rem;
    --ms-inset-admonition-body-top: .5rem;
    --ms-inset-admonition-body-bottom: .75rem;
    --ms-gap-header: var(--ms-space-4);
    --ms-gap-header-main: var(--ms-space-2_5);
    --ms-gap-header-actions: var(--ms-space-2);
    --ms-shadow-subtle: 0 1px 3px 0 hsl(var(--ms-foreground) / .06);
    --ms-shadow-popover: 0 4px 6px -1px hsl(var(--ms-foreground) / .1), 0 2px 4px -2px hsl(var(--ms-foreground) / .1);
    --ms-shadow-modal: 0 10px 15px -3px hsl(var(--ms-foreground) / .1), 0 4px 6px -4px hsl(var(--ms-foreground) / .1);
    --ms-shadow-preview: 0 10px 40px hsl(var(--ms-foreground) / .25);
    --ms-duration-fast: .12s;
    --ms-duration-standard: .18s;
    --ms-duration-overlay: .2s;
    --ms-duration-emphasis: .22s;
    --ms-duration-slow: .3s;
    --ms-duration-stream: .28s;
    --ms-ease-linear: linear;
    --ms-ease-standard: ease;
    --ms-ease-out: ease-out;
    --ms-ease-in-out: ease-in-out;
    --ms-ease-spring: cubic-bezier(.16, 1, .3, 1);
    --ms-border-width: 1px;
    --ms-border-width-strong: 4px;
    --ms-focus-ring-width: 2px;
    --ms-focus-ring-offset: 2px;
    --ms-size-diagram-min-height: 360px;
    --ms-size-code-max-height: 500px;
    --ms-size-image-max-width: 24rem;
    --ms-size-image-min-width: 8rem;
    --ms-size-image-min-height: 1.5em;
    --ms-size-math-min-height: 40px;
    --ms-size-skeleton-min-height: 120px;
  }

  body > div[id^="dmermaid-"] {
    visibility: hidden;
    pointer-events: none;
    width: 100%;
    position: fixed;
    top: -10000px;
    left: 0;
  }

  .markstream-vue .hover\:bg-\[var\(--code-action-hover-bg\)\]:hover {
    background-color: var(--code-action-hover-bg);
  }

  .markstream-vue .hover\:text-\[var\(--code-action-hover-fg\)\]:hover {
    color: var(--code-action-hover-fg);
  }

  .markstream-vue .hover\:underline:hover {
    text-decoration-line: underline;
  }

  .markstream-vue .active\:scale-\[0\.96\]:active {
    --tw-scale-x: .96;
    --tw-scale-y: .96;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .markstream-vue .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .markstream-vue .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .checkbox-node[data-v-be21ab83] {
    vertical-align: -.15em;
    align-items: center;
    margin-right: .5em;
    display: inline-flex;
  }

  .checkbox-icon[data-v-be21ab83] {
    flex-shrink: 0;
  }

  .checkbox-unchecked[data-v-be21ab83] {
    color: hsl(var(--ms-muted-foreground) / .5);
  }

  .checkbox-checked[data-v-be21ab83] {
    color: hsl(var(--ms-info));
  }

  .emoji-node[data-v-de55dc97] {
    display: inline-block;
  }

  .footnote-reference[data-v-c1463a29] {
    font-size: .75em;
    line-height: 0;
  }

  .footnote-link[data-v-c1463a29] {
    color: var(--link-color);
    text-decoration: none;
  }

  .footnote-link[data-v-c1463a29]:hover {
    text-decoration: underline;
  }

  .html-inline-node[data-v-d17f12b0] {
    display: inline;
  }

  .html-inline-node--loading[data-v-d17f12b0] {
    opacity: .85;
  }

  .inline-code[data-v-4e331c97] {
    font-family: var(--ms-font-mono);
    font-size: .8125em;
    line-height: inherit;
    color: var(--inline-code-fg);
    background-color: var(--inline-code-bg);
    white-space: normal;
    word-break: break-word;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    border-radius: .25em;
    max-width: 100%;
    padding: .15em .35em;
    display: inline;
  }

  .inline-code-stream-delta[data-v-4e331c97] {
    animation-duration: var(--stream-update-fade-duration, var(--fade-duration, .28s));
    animation-timing-function: var(--stream-update-fade-ease, var(--fade-ease, cubic-bezier(.33, 0, .67, 1)));
    animation-fill-mode: both;
  }

  .inline-code-stream-delta--a[data-v-4e331c97] {
    animation-name: inline-code-stream-update-fade-a-4e331c97;
  }

  .inline-code-stream-delta--b[data-v-4e331c97] {
    animation-name: inline-code-stream-update-fade-b-4e331c97;
  }

  @keyframes inline-code-stream-update-fade-a-4e331c97 {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes inline-code-stream-update-fade-b-4e331c97 {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .inline-code-stream-delta[data-v-4e331c97] {
      animation: none !important;
    }
  }

  .image-node-container[data-v-046e82ac] {
    vertical-align: middle;
    max-width: var(--ms-size-image-max-width);
    display: inline-block;
    position: relative;
  }

  .image-node__img[data-v-046e82ac] {
    max-width: 100%;
    min-width: var(--ms-size-image-min-width);
    min-height: var(--ms-size-image-min-height);
    vertical-align: middle;
    height: auto;
    transition: opacity var(--ms-duration-emphasis) var(--ms-ease-standard);
    display: inline-block;
  }

  .image-node__img.is-loading[data-v-046e82ac] {
    opacity: 0;
  }

  .image-node__img.is-loaded[data-v-046e82ac] {
    opacity: 1;
  }

  .image-node__img.has-natural-size[data-v-046e82ac] {
    min-width: 0;
    min-height: 0;
  }

  .image-placeholder[data-v-046e82ac] {
    width: 100%;
    min-width: var(--ms-size-image-min-width);
    min-height: 8rem;
    max-width: var(--ms-size-image-max-width);
    background: hsl(var(--ms-muted));
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
  }

  .image-shimmer-overlay[data-v-046e82ac] {
    background: hsl(var(--ms-muted));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .image-shimmer-overlay .image-shimmer[data-v-046e82ac] {
    width: 100%;
    height: 100%;
  }

  .image-shimmer[data-v-046e82ac] {
    background: linear-gradient(90deg,hsl(var(--ms-muted)),hsl(var(--ms-muted-foreground) / .06),hsl(var(--ms-muted)));
    background-size: 200% 100%;
    width: 100%;
    height: 100%;
    min-height: 8rem;
    animation: 1.5s ease-in-out infinite image-shimmer-046e82ac;
    display: block;
  }

  .image-node-container[data-markstream-viewport-pending="true"] .image-shimmer[data-v-046e82ac] {
    animation: none;
  }

  @keyframes image-shimmer-046e82ac {
    0% {
      background-position: 100% 0;
    }

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

  .image-error[data-v-046e82ac] {
    min-height: 4rem;
    max-width: var(--ms-size-image-max-width);
    background: hsl(var(--ms-muted));
    color: hsl(var(--ms-muted-foreground));
    font-size: var(--ms-text-label);
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.5rem;
    display: inline-flex;
  }

  .image-node__raw-text[data-v-046e82ac] {
    font-size: var(--ms-text-label);
    color: hsl(var(--ms-muted-foreground));
  }

  @media (prefers-reduced-motion: reduce) {
    .image-shimmer[data-v-046e82ac] {
      animation: none !important;
    }
  }

  .markstream-vue pre[class^="language-"], .markstream-vue pre[class*=" language-"] {
    white-space: pre;
    -moz-tab-size: var(--markstream-code-tab-size, 4);
    -o-tab-size: var(--markstream-code-tab-size, 4);
    tab-size: var(--markstream-code-tab-size, 4);
    font-variant-ligatures: none;
    contain: content;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    overflow: auto;
    transform: translateZ(0);
  }

  .markstream-vue pre[class^="language-"] > code, .markstream-vue pre[class*=" language-"] > code {
    display: block;
  }

  .markstream-vue pre[data-markstream-pre="1"]:not(.markstream-pre--diff-preview) {
    background: var(--markstream-code-fallback-bg, var(--markstream-code-theme-bg, var(--code-bg)));
    color: var(--markstream-code-fallback-fg, var(--markstream-code-theme-fg, var(--code-fg)));
  }

  .markstream-vue pre.markstream-pre--line-numbers {
    position: relative;
  }

  .markstream-vue pre.code-pre-fallback[data-markstream-code-loading="1"] {
    --markstream-pre-line-number-top: var(--markstream-code-padding-y, 8px);
    --markstream-pre-line-number-left: 0px;
    --markstream-pre-line-number-width: 2ch;
    --markstream-pre-line-number-padding-left: 2ch;
    --markstream-pre-line-number-padding-right: 1ch;
    --markstream-pre-line-number-separator-width: 2px;
    --markstream-code-padding-left: calc(6ch + 2px);
    box-sizing: border-box;
    width: 100%;
    padding: var(--markstream-code-padding-y, 8px) var(--markstream-code-padding-x, 1ch);
    padding-left: var(--markstream-code-padding-left);
    background: var(--markstream-code-fallback-bg, var(--markstream-code-theme-bg, var(--code-bg)));
    color: var(--markstream-code-fallback-fg, var(--markstream-code-theme-fg, var(--code-fg)));
    font-family: var(--markstream-code-font-family, \"SF Mono\", Monaco, Consolas, \"Ubuntu Mono\", \"Liberation Mono\", \"Courier New\", monospace);
    font-size: var(--vscode-editor-font-size, 12px);
    line-height: var(--vscode-editor-line-height, 18px);
    border: 0;
    border-radius: 0;
    margin: 0;
    overflow: auto;
  }

  .markstream-vue pre.markstream-pre--line-numbers > .markstream-pre__line-numbers {
    top: var(--markstream-pre-line-number-top, 0);
    left: var(--markstream-pre-line-number-left, 0);
    box-sizing: content-box;
    width: var(--markstream-pre-line-number-width, 2ch);
    min-width: var(--markstream-pre-line-number-width, 2ch);
    padding-left: var(--markstream-pre-line-number-padding-left, 2ch);
    padding-right: var(--markstream-pre-line-number-padding-right, 1ch);
    border-right: var(--markstream-pre-line-number-separator-width, 2px) solid transparent;
    color: var(--code-line-number);
    font: inherit;
    font-variant-numeric: tabular-nums;
    line-height: inherit;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
    position: absolute;
  }

  .markstream-vue pre.markstream-pre--line-numbers:not(.markstream-pre--diff-preview):not(.code-pre-fallback) > .markstream-pre__code {
    box-sizing: border-box;
    min-width: 100%;
    padding-left: var(--markstream-code-padding-left, 52px);
    padding-right: var(--markstream-code-padding-x, 12px);
  }

  .markstream-vue pre.markstream-pre--line-numbers > .markstream-pre__code--wrapped {
    white-space: pre-wrap;
  }

  .markstream-vue pre.markstream-pre--line-numbers > .markstream-pre__code--wrapped > .markstream-pre__logical-line {
    min-height: 1lh;
    display: block;
    position: relative;
  }

  .markstream-vue pre.markstream-pre--line-numbers > .markstream-pre__code--wrapped > .markstream-pre__logical-line:before {
    left: calc(-1 * var(--markstream-code-padding-left, 52px));
    box-sizing: content-box;
    width: var(--markstream-pre-line-number-width, 2ch);
    padding-left: var(--markstream-pre-line-number-padding-left, 2ch);
    color: var(--code-line-number);
    font: inherit;
    font-variant-numeric: tabular-nums;
    line-height: inherit;
    text-align: right;
    white-space: pre;
    content: attr(data-line-number);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
  }

  .markstream-vue pre.markstream-pre--line-numbers > .markstream-pre__line-numbers > .markstream-pre__line-number {
    min-height: 1lh;
    display: block;
  }

  .markstream-vue pre.markstream-pre--line-numbers > .markstream-pre__line-numbers > .markstream-pre__line-numbers-text {
    text-align: right;
    white-space: pre;
    min-height: 1lh;
    display: block;
  }

  .markstream-vue pre.markstream-pre--diff-preview {
    box-sizing: border-box;
    --markstream-pre-diff-gutter-marker-width: 4px;
    --markstream-pre-diff-gutter-gap: 1ch;
    --markstream-pre-diff-code-gap: 1ch;
    --markstream-pre-diff-code-padding: 0px;
    --markstream-diff-added-fg: var(--diff-added-fg, #2f8f68);
    --markstream-diff-removed-fg: var(--diff-removed-fg, #c24141);
    --markstream-diff-added-line-fill: var(--diff-added-bg, #2f8f681f);
    --markstream-diff-removed-line-fill: var(--diff-removed-bg, #c241411f);
    --markstream-diff-added-gutter: linear-gradient(90deg, var(--markstream-diff-added-fg) 0 var(--markstream-pre-diff-gutter-marker-width), transparent var(--markstream-pre-diff-gutter-marker-width) 100%);
    --markstream-diff-removed-gutter: linear-gradient(90deg, var(--markstream-diff-removed-fg) 0 var(--markstream-pre-diff-gutter-marker-width), transparent var(--markstream-pre-diff-gutter-marker-width) 100%);
    --markstream-pre-diff-line-number-width: 2ch;
    --markstream-pre-diff-line-number-padding-left: 2ch;
    --markstream-pre-diff-line-number-padding-right: 1ch;
    --markstream-pre-diff-line-number-separator-width: 2px;
    --markstream-pre-diff-pane-min-width: 225px;
    --markstream-pre-diff-line-number-box-width: calc(var(--markstream-pre-diff-line-number-padding-left) + var(--markstream-pre-diff-line-number-width) + var(--markstream-pre-diff-line-number-padding-right) + var(--markstream-pre-diff-line-number-separator-width));
    --markstream-pre-diff-line-number-bg: var(--markstream-diff-line-number-bg, transparent);
    --markstream-pre-diff-line-number-gap-to-code: var(--markstream-pre-diff-code-gap);
    --markstream-pre-diff-line-number-left: 0px;
    --markstream-pre-diff-line-number-align: var(--markstream-diff-line-number-align, right);
    --markstream-pre-diff-code-fill-left: calc(var(--markstream-pre-diff-line-number-left) + var(--markstream-pre-diff-line-number-box-width));
    --markstream-pre-diff-code-left: calc(var(--markstream-pre-diff-code-fill-left) + var(--markstream-pre-diff-line-number-gap-to-code) + var(--markstream-pre-diff-code-padding));
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .markstream-vue pre.markstream-pre--diff-preview::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  .markstream-vue pre.code-pre-fallback.markstream-pre--diff-preview.markstream-pre--diff-inline:not(.is-wrap) {
    scrollbar-width: none;
  }

  .markstream-vue pre.code-pre-fallback.markstream-pre--diff-preview.markstream-pre--diff-inline:not(.is-wrap)::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .markstream-vue pre.is-wrap {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .markstream-vue pre.markstream-pre--diff-preview.markstream-pre--diff-inline {
    --markstream-pre-diff-line-number-gap-to-code: var(--markstream-pre-diff-code-gap);
    --markstream-pre-diff-line-number-left: 0px;
  }

  .markstream-vue pre.markstream-pre--diff-preview > .markstream-pre__diff-code {
    font: inherit;
    line-height: inherit;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    min-width: 100%;
    display: grid;
  }

  .markstream-vue pre.markstream-pre--diff-preview.is-wrap > .markstream-pre__diff-code {
    grid-template-columns: minmax(var(--markstream-pre-diff-pane-min-width, 225px),1fr) minmax(var(--markstream-pre-diff-pane-min-width, 225px),1fr);
  }

  .markstream-vue pre.markstream-pre--diff-preview.markstream-pre--diff-inline > .markstream-pre__diff-code {
    grid-template-columns: minmax(0, 1fr);
  }

  .markstream-vue pre.markstream-pre--diff-preview.markstream-pre--diff-inline:not(.is-wrap) > .markstream-pre__diff-code {
    grid-template-columns: minmax(100%, max-content);
    width: 100%;
    min-width: max-content;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-pane {
    min-width: 0;
    overflow: hidden;
  }

  .markstream-vue pre.markstream-pre--diff-preview:not(.is-wrap):not(.markstream-pre--diff-inline) .markstream-pre__diff-pane {
    overflow: auto hidden;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-pane-content {
    min-width: 100%;
    display: block;
  }

  .markstream-vue pre.markstream-pre--diff-preview:not(.is-wrap):not(.markstream-pre--diff-inline) .markstream-pre__diff-pane-content {
    width: max-content;
  }

  .markstream-vue pre.markstream-pre--diff-preview.markstream-pre--diff-inline:not(.is-wrap) .markstream-pre__diff-pane {
    width: 100%;
    min-width: max-content;
    overflow: visible;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-pane--modified {
    --markstream-pre-diff-line-number-gap-to-code: var(--markstream-pre-diff-code-gap);
    --markstream-pre-diff-line-number-left: 0px;
    box-shadow: none;
  }

  .markstream-vue pre.markstream-pre--diff-preview:not(.markstream-pre--diff-inline) .markstream-pre__diff-pane--original .markstream-pre__diff-line:not(.markstream-pre__diff-line--collapsed) .markstream-pre__diff-content {
    padding-right: 1ch;
  }

  .markstream-vue pre.markstream-pre--diff-preview:not(.markstream-pre--diff-inline) .markstream-pre__diff-pane--original .markstream-pre__diff-line--collapsed:before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    right: 0;
  }

  .markstream-vue pre.markstream-pre--diff-preview:not(.markstream-pre--diff-inline) .markstream-pre__diff-pane--modified .markstream-pre__diff-line--collapsed:before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 0;
  }

  .markstream-vue pre.markstream-pre--diff-preview:not(.markstream-pre--diff-inline) .markstream-pre__diff-pane--modified .markstream-pre__diff-line--collapsed > .markstream-pre__diff-collapsed-icon {
    display: none;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line {
    box-sizing: border-box;
    width: 100%;
    min-width: 100%;
    min-height: var(--markstream-pre-diff-synced-row-height, var(--markstream-pre-diff-line-height, 18px));
    padding-left: var(--markstream-pre-diff-code-left);
    line-height: var(--markstream-pre-diff-line-height, 18px);
    display: block;
    position: relative;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line:before {
    content: "";
    left: var(--markstream-pre-diff-code-fill-left);
    height: var(--markstream-pre-diff-synced-row-height, var(--markstream-pre-diff-line-height, 18px));
    z-index: 0;
    pointer-events: none;
    background: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line:after {
    content: "";
    left: var(--markstream-pre-diff-line-number-left);
    width: var(--markstream-pre-diff-line-number-box-width);
    height: var(--markstream-pre-diff-synced-row-height, var(--markstream-pre-diff-line-height, 18px));
    z-index: 0;
    pointer-events: none;
    background: var(--markstream-pre-diff-line-number-bg);
    box-shadow: none;
    position: absolute;
    top: 0;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-rail {
    z-index: 2;
    height: var(--markstream-pre-diff-synced-row-height, var(--markstream-pre-diff-line-height, 18px));
    width: var(--markstream-pre-diff-gutter-marker-width, 4px);
    min-width: var(--markstream-pre-diff-gutter-marker-width, 4px);
    position: absolute;
    top: 0;
    left: 0;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-number {
    z-index: 1;
    top: 0;
    left: var(--markstream-pre-diff-line-number-left);
    width: var(--markstream-pre-diff-line-number-width);
    min-width: var(--markstream-pre-diff-line-number-width);
    height: var(--markstream-pre-diff-synced-row-height, var(--markstream-pre-diff-line-height, 18px));
    box-sizing: content-box;
    background: var(--markstream-pre-diff-line-number-bg);
    box-shadow: none;
    padding-left: var(--markstream-pre-diff-line-number-padding-left, 2ch);
    padding-right: var(--markstream-pre-diff-line-number-padding-right, 1ch);
    border-right: var(--markstream-pre-diff-line-number-separator-width, 2px) solid var(--code-bg);
    color: var(--code-line-number);
    font-variant-numeric: tabular-nums;
    line-height: var(--markstream-pre-diff-line-height, 18px);
    text-align: var(--markstream-pre-diff-line-number-align, right);
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--added > .markstream-pre__diff-number {
    background: var(--markstream-diff-added-number-fill, var(--markstream-diff-added-line-fill, transparent));
    color: var(--markstream-diff-added-fg, var(--code-line-number));
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--removed > .markstream-pre__diff-number {
    background: var(--markstream-diff-removed-number-fill, var(--markstream-diff-removed-line-fill, transparent));
    color: var(--markstream-diff-removed-fg, var(--code-line-number));
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-content {
    z-index: 1;
    width: max-content;
    min-width: 100%;
    line-height: var(--markstream-pre-diff-line-height, 18px);
    white-space: inherit;
    overflow-wrap: normal;
    word-break: normal;
    line-break: auto;
    display: block;
    position: relative;
  }

  .markstream-vue pre.markstream-pre--diff-preview.is-wrap .markstream-pre__diff-content {
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: normal;
    width: auto;
    min-width: 0;
    padding-right: 1ch;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-content-inner {
    white-space: inherit;
    overflow-wrap: inherit;
    word-break: inherit;
    line-break: inherit;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--hunk {
    color: var(--markstream-diff-unchanged-fg, var(--code-line-number));
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--hunk:before {
    background: var(--markstream-diff-unchanged-bg, transparent);
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--spacer:before {
    background-image: linear-gradient(-45deg, currentColor 12.5%, #0000 12.5% 50%, currentColor 50% 62.5%, #0000 62.5% 100%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--spacer:before {
      background-image: linear-gradient(-45deg,color-mix(in srgb,currentColor 20%,transparent) 12.5%,transparent 12.5%,transparent 50%,color-mix(in srgb,currentColor 20%,transparent) 50%,color-mix(in srgb,currentColor 20%,transparent) 62.5%,transparent 62.5%,transparent 100%);
    }
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--spacer:before {
    opacity: .38;
    background-size: 10px 10px;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--metadata {
    color: var(--markstream-diff-metadata-fg, var(--code-line-number));
    background: var(--markstream-diff-metadata-bg, var(--code-bg));
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--metadata:after, .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--metadata > .markstream-pre__diff-rail, .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--metadata > .markstream-pre__diff-number {
    display: none;
  }

  .markstream-vue pre.markstream-pre--diff-preview.markstream-pre--diff-inline .markstream-pre__diff-line--metadata + .markstream-pre__diff-line--metadata {
    margin-top: calc(-1 * var(--markstream-pre-diff-line-height, 18px));
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--spacer:after, .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--spacer > .markstream-pre__diff-rail, .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--spacer > .markstream-pre__diff-number, .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--spacer > .markstream-pre__diff-content {
    display: none;
  }

  .markstream-vue pre.markstream-pre--diff-preview.markstream-pre--diff-collapsed:not(.code-pre-fallback) {
    height: auto !important;
    min-height: 0 !important;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed {
    min-height: calc(var(--markstream-pre-diff-collapsed-row-height, 32px) + var(--markstream-pre-diff-collapsed-row-gap-top, var(--markstream-pre-diff-collapsed-row-gap, 8px)) + var(--markstream-pre-diff-collapsed-row-gap-bottom, var(--markstream-pre-diff-collapsed-row-gap, 8px)));
    padding: var(--markstream-pre-diff-collapsed-row-gap-top, var(--markstream-pre-diff-collapsed-row-gap, 8px)) 0 var(--markstream-pre-diff-collapsed-row-gap-bottom, var(--markstream-pre-diff-collapsed-row-gap, 8px));
    color: var(--markstream-code-theme-fg, var(--markstream-code-fallback-fg, var(--markstream-pre-resolved-theme-fg, var(--code-fg, #000))));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed {
      color: color-mix(in lab,var(--markstream-code-theme-fg, var(--markstream-code-fallback-fg, var(--markstream-pre-resolved-theme-fg, var(--code-fg, #000)))) 65%,var(--markstream-code-theme-bg, var(--markstream-code-fallback-bg, var(--markstream-pre-resolved-theme-bg, var(--code-bg, #fff)))));
    }
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed {
    font-family: var(--markstream-pre-diff-header-font, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif);
    line-height: var(--markstream-pre-diff-collapsed-row-height, 32px);
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed:before {
    top: var(--markstream-pre-diff-collapsed-row-gap-top, var(--markstream-pre-diff-collapsed-row-gap, 8px));
    height: var(--markstream-pre-diff-collapsed-row-height, 32px);
    background: var(--markstream-diff-unchanged-bg, #0000000a);
    border-radius: 6px;
    left: 8px;
    right: 8px;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed-first {
    --markstream-pre-diff-collapsed-row-gap-top: 0px;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed-last {
    --markstream-pre-diff-collapsed-row-gap-bottom: 0px;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed:after, .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed > .markstream-pre__diff-rail, .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed > .markstream-pre__diff-number {
    display: none;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed > .markstream-pre__diff-content {
    width: 100%;
    min-width: 0;
    line-height: var(--markstream-pre-diff-collapsed-row-height, 32px);
    padding-left: calc(42px + 1ch);
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed > .markstream-pre__diff-collapsed-icon {
    left: 8px;
    top: var(--markstream-pre-diff-collapsed-row-gap-top, var(--markstream-pre-diff-collapsed-row-gap, 8px));
    width: 34px;
    height: var(--markstream-pre-diff-collapsed-row-height, 32px);
    color: inherit;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--collapsed > .markstream-pre__diff-collapsed-icon svg {
    fill: currentColor;
    flex: none;
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--added:before {
    background: var(--markstream-diff-added-line-fill, transparent);
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--removed:before {
    background: var(--markstream-diff-removed-line-fill, transparent);
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--added > .markstream-pre__diff-rail {
    background: var(--markstream-diff-added-gutter, currentColor);
  }

  .markstream-vue pre.markstream-pre--diff-preview .markstream-pre__diff-line--removed > .markstream-pre__diff-rail {
    background: var(--markstream-diff-removed-gutter, currentColor);
  }

  .markstream-vue pre[class^="language-"]:focus, .markstream-vue pre[class*=" language-"]:focus {
    outline: var(--ms-focus-ring-width) solid var(--focus-ring);
    outline-offset: var(--ms-focus-ring-offset);
  }

  .text-node[data-v-fd79037c] {
    font-weight: inherit;
    vertical-align: baseline;
    display: inline;
  }

  .text-node-center[data-v-fd79037c] {
    justify-content: center;
    width: 100%;
    display: inline-flex;
  }

  .text-node-stream-delta[data-v-fd79037c] {
    animation-duration: var(--stream-update-fade-duration, var(--fade-duration, .28s));
    animation-timing-function: var(--stream-update-fade-ease, var(--fade-ease, cubic-bezier(.33, 0, .67, 1)));
    will-change: opacity;
    animation-fill-mode: both;
  }

  .text-node-stream-delta--a[data-v-fd79037c] {
    animation-name: text-node-stream-update-fade-a-fd79037c;
  }

  .text-node-stream-delta--b[data-v-fd79037c] {
    animation-name: text-node-stream-update-fade-b-fd79037c;
  }

  @keyframes text-node-stream-update-fade-a-fd79037c {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes text-node-stream-update-fade-b-fd79037c {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .text-node-stream-delta[data-v-fd79037c] {
      animation: none !important;
    }
  }

  .reference-node[data-v-775c65e4] {
    background-color: hsl(var(--ms-muted));
    color: hsl(var(--ms-muted-foreground));
  }

  .reference-node[data-v-775c65e4]:hover {
    background-color: hsl(var(--ms-secondary));
  }

  .superscript-node[data-v-24160b22] {
    vertical-align: super;
    font-size: .8em;
  }

  .subscript-node[data-v-197fa13b] {
    vertical-align: sub;
    font-size: .8em;
  }

  .strong-node[data-v-a8647104] {
    font-weight: 700;
  }

  .strikethrough-node[data-v-b7a531fa] {
    text-decoration: line-through;
  }

  .link-node[data-v-367e6ca4] {
    color: var(--link-color);
    text-decoration: none;
  }

  .link-node[data-v-367e6ca4]:hover {
    text-underline-offset: .2rem;
    text-decoration: underline;
  }

  .link-loading .link-text-wrapper[data-v-367e6ca4] {
    position: relative;
  }

  .link-loading[data-v-367e6ca4] {
    color: var(--link-color);
  }

  .link-loading .link-text[data-v-367e6ca4] {
    z-index: 2;
    position: relative;
  }

  .link-loading-indicator[data-v-367e6ca4] {
    height: var(--underline-height, 2px);
    left: 0;
    right: 0;
    bottom: var(--underline-bottom, -3px);
    will-change: opacity;
    opacity: var(--underline-rest-opacity, .18);
    animation: underlinePulse-367e6ca4 var(--underline-duration, 1.6s) var(--underline-timing, ease-in-out) var(--underline-iteration, infinite);
    background: currentColor;
    border-radius: 999px;
    position: absolute;
  }

  @keyframes underlinePulse-367e6ca4 {
    0%, to {
      opacity: var(--underline-rest-opacity, .18);
    }

    50% {
      opacity: var(--underline-opacity, .35);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .link-loading-indicator[data-v-367e6ca4] {
      opacity: var(--underline-rest-opacity, .18);
      animation: none;
    }
  }

  .insert-node[data-v-1e2c29d4] {
    text-decoration: underline;
  }

  .highlight-node[data-v-7a62982a] {
    background-color: var(--highlight-bg);
    border-radius: .2em;
    padding: 0 .2rem;
  }

  .emphasis-node[data-v-2a5aafbf] {
    font-style: italic;
  }

  .hard-break[data-v-50c58f70] {
    display: block;
  }

  .blockquote[data-v-abfecebc] {
    color: var(--blockquote-fg, hsl(var(--ms-muted-foreground)));
    border-left: 3px solid var(--blockquote-border);
    margin-top: var(--ms-flow-blockquote-y);
    margin-bottom: var(--ms-flow-blockquote-y);
    padding-left: var(--ms-flow-blockquote-indent);
    font-style: normal;
    font-weight: 400;
  }

  .blockquote > .paragraph-node[data-v-abfecebc] {
    font-size: var(--ms-text-body);
    line-height: var(--ms-leading-body);
    margin: var(--ms-flow-paragraph-y) 0;
  }

  .blockquote > .paragraph-node[data-v-abfecebc]:first-child {
    margin-top: 0;
  }

  .blockquote > .paragraph-node[data-v-abfecebc]:last-child {
    margin-bottom: 0;
  }

  .blockquote[data-v-abfecebc] .markdown-renderer {
    content-visibility: visible;
    contain: content;
    contain-intrinsic-size: 0px 0px;
  }

  .definition-list[data-v-4e103b30] {
    margin: 0 0 1rem;
  }

  .definition-term[data-v-4e103b30] {
    margin-top: var(--ms-flow-definition-term-mt);
    font-weight: 600;
  }

  .definition-desc[data-v-4e103b30] {
    margin-left: var(--ms-flow-definition-desc-ml);
    margin-bottom: var(--ms-flow-definition-desc-mb);
  }

  .definition-list[data-v-4e103b30] .markdown-renderer {
    content-visibility: visible;
    contain: content;
    contain-intrinsic-size: 0px 0px;
  }

  .footnote-anchor[data-v-e1eb37b6] {
    color: var(--link-color);
    margin-left: .5rem;
  }

  .footnote-node {
    margin-top: var(--ms-flow-footnote-y);
    margin-bottom: var(--ms-flow-footnote-y);
  }

  .markstream-vue [class*="footnote-"] .markdown-renderer, .markstream-vue .flex-1 .markdown-renderer {
    content-visibility: visible;
    contain: content;
    contain-intrinsic-size: 0px 0px;
  }

  .heading-node[data-v-7122dbe1] {
    font-weight: 500;
    line-height: 1.25;
  }

  hr + .heading-node[data-v-7122dbe1] {
    margin-top: 0;
  }

  .heading-1[data-v-7122dbe1] {
    font-size: var(--ms-text-h1);
    line-height: var(--ms-leading-h1);
    font-weight: var(--ms-weight-h1);
    margin-top: var(--ms-flow-heading-1-mt);
    margin-bottom: var(--ms-flow-heading-1-mb);
  }

  .heading-2[data-v-7122dbe1] {
    font-size: var(--ms-text-h2);
    line-height: var(--ms-leading-h2);
    font-weight: var(--ms-weight-h2);
    margin-top: var(--ms-flow-heading-2-mt);
    margin-bottom: var(--ms-flow-heading-2-mb);
  }

  .heading-3[data-v-7122dbe1] {
    font-size: var(--ms-text-h3);
    line-height: var(--ms-leading-h3);
    font-weight: var(--ms-weight-h3);
    margin-top: var(--ms-flow-heading-3-mt);
    margin-bottom: var(--ms-flow-heading-3-mb);
  }

  .heading-4[data-v-7122dbe1] {
    font-size: var(--ms-text-h4);
    font-weight: var(--ms-weight-h4);
    margin-top: var(--ms-flow-heading-4-mt);
    margin-bottom: var(--ms-flow-heading-4-mb);
  }

  .heading-5[data-v-7122dbe1] {
    font-size: var(--ms-text-h5);
    margin-top: var(--ms-flow-heading-5-mt);
    margin-bottom: var(--ms-flow-heading-5-mb);
  }

  .heading-6[data-v-7122dbe1] {
    font-size: var(--ms-text-h6);
    margin-top: var(--ms-flow-heading-6-mt);
    margin-bottom: var(--ms-flow-heading-6-mb);
  }

  .list-item[data-v-617214f9] {
    margin: var(--ms-flow-list-item-y) 0;
    padding-left: var(--ms-space-1_5);
  }

  ol > .list-item[data-v-617214f9]::marker {
    color: var(--list-counter-marker);
    line-height: 1.6;
  }

  ul > .list-item[data-v-617214f9]::marker {
    color: var(--list-marker);
  }

  .list-item > .paragraph-node[data-v-617214f9] {
    font-size: var(--ms-text-body);
    line-height: var(--ms-leading-body);
    margin: 0;
  }

  .list-item[data-v-617214f9] .markdown-renderer {
    content-visibility: visible;
    contain-intrinsic-size: 0px 0px;
    contain: content;
  }

  .list-node[data-v-99cb95e0] {
    margin-top: var(--ms-flow-list-y);
    margin-bottom: var(--ms-flow-list-y);
    padding-left: var(--ms-flow-list-indent);
  }

  .list-decimal[data-v-99cb95e0] {
    list-style-type: decimal;
  }

  .list-disc[data-v-99cb95e0] {
    list-style-type: disc;
  }

  @media (max-width: 1023px) {
    .list-disc[data-v-99cb95e0] {
      padding-left: var(--ms-flow-list-indent-mobile);
      margin-top: 1.33333em;
      margin-bottom: 1.33333em;
    }
  }

  .html-block-node__raw[data-v-e140a874] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    opacity: .85;
  }

  .html-block-node__placeholder[data-v-e140a874] {
    flex-direction: column;
    gap: .35rem;
    padding: .5rem 0;
    display: flex;
  }

  .html-block-node__placeholder-bar[data-v-e140a874] {
    background-image: linear-gradient(90deg,var(--loading-shimmer),transparent,var(--loading-shimmer));
    background-size: 200% 100%;
    border-radius: 9999px;
    height: .8rem;
    display: block;
  }

  .paragraph-node[data-v-c59ff506] {
    font-size: var(--ms-text-body);
    line-height: var(--ms-leading-body);
    margin: var(--ms-flow-paragraph-y) 0;
  }

  li .paragraph-node[data-v-c59ff506] {
    margin: 0;
  }

  .table-node-wrapper[data-v-39f87b5d] {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    scrollbar-gutter: stable;
    max-width: 100%;
    position: relative;
    overflow-x: auto;
  }

  .table-node[data-v-39f87b5d] {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin: var(--ms-flow-table-y) 0;
    font-size: inherit;
    border: 1px solid var(--table-border);
    border-radius: var(--ms-radius);
    box-shadow: var(--ms-shadow-subtle);
    overflow: hidden;
  }

  .table-node[data-v-39f87b5d] th, .table-node[data-v-39f87b5d] td {
    border-bottom: 1px solid var(--table-border);
    border-right: 1px solid var(--table-border);
    padding: var(--ms-flow-table-cell);
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .table-node[data-v-39f87b5d] th:last-child, .table-node[data-v-39f87b5d] td:last-child {
    border-right: none;
  }

  .table-node[data-v-39f87b5d] tbody tr:last-child td {
    border-bottom: none;
  }

  .table-node[data-v-39f87b5d] thead th {
    background-color: var(--table-header-bg);
    border-bottom-width: 2px;
    font-weight: 600;
    position: relative;
  }

  .table-node__resize-handle[data-v-39f87b5d] {
    z-index: 1;
    cursor: col-resize;
    touch-action: none;
    background: none;
    border: 0;
    width: 8px;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -4px;
  }

  .table-node__resize-handle[data-v-39f87b5d]:after {
    content: "";
    background: var(--table-border);
    border-radius: 9999px;
    width: 2px;
    position: absolute;
    top: .35em;
    bottom: .35em;
    left: 50%;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table-node__resize-handle[data-v-39f87b5d]:after {
      background: color-mix(in srgb,var(--table-border) 45%,hsl(var(--ms-foreground)));
    }
  }

  .table-node__resize-handle[data-v-39f87b5d]:after {
    opacity: 0;
    transition: opacity var(--ms-duration-fast) var(--ms-ease-standard);
    transform: translate(-50%);
  }

  .table-node__resize-handle[data-v-39f87b5d]:hover:after, .table-node__resize-handle[data-v-39f87b5d]:focus-visible:after {
    opacity: 1;
  }

  .table-node[data-v-39f87b5d] tbody tr:nth-child(2n) {
    background-color: hsl(var(--ms-muted) / .35);
  }

  .table-node[data-v-39f87b5d] tbody tr:hover {
    background-color: var(--code-action-hover-bg);
  }

  .table-node--loading tbody td[data-v-39f87b5d] {
    position: relative;
    overflow: hidden;
  }

  .table-node--loading tbody td[data-v-39f87b5d] > * {
    visibility: hidden;
  }

  .table-node--loading tbody td[data-v-39f87b5d]:after {
    content: "";
    border-radius: calc(var(--ms-radius) * .5);
    background: linear-gradient(90deg,var(--loading-shimmer) 25%,var(--loading-shimmer) 50%,var(--loading-shimmer) 75%);
    will-change: background-position;
    background-size: 200% 100%;
    animation: 1.2s linear infinite table-node-shimmer-39f87b5d;
    position: absolute;
    inset: 0;
  }

  .table-node__loading[data-v-39f87b5d] {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .table-node__spinner[data-v-39f87b5d] {
    border: 2px solid var(--loading-spinner);
    border-radius: 9999px;
    width: 2.5rem;
    height: 2.5rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table-node__spinner[data-v-39f87b5d] {
      border: 2px solid color-mix(in srgb,var(--loading-spinner) 25%,transparent);
    }
  }

  .table-node__spinner[data-v-39f87b5d] {
    border-top-color: var(--loading-spinner);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .table-node__spinner[data-v-39f87b5d] {
      border-top-color: color-mix(in srgb,var(--loading-spinner) 80%,transparent);
    }
  }

  .table-node__spinner[data-v-39f87b5d] {
    will-change: transform;
  }

  .table-node-fade-enter-active[data-v-39f87b5d], .table-node-fade-leave-active[data-v-39f87b5d] {
    transition: opacity var(--ms-duration-standard) var(--ms-ease-standard);
  }

  .table-node-fade-enter-from[data-v-39f87b5d], .table-node-fade-leave-to[data-v-39f87b5d] {
    opacity: 0;
  }

  [data-v-39f87b5d] .table-node .markdown-renderer {
    content-visibility: visible;
    contain: content;
    contain-intrinsic-size: 0px 0px;
    display: contents;
  }

  [data-v-39f87b5d] .table-node .markdown-renderer .node-slot, [data-v-39f87b5d] .table-node .markdown-renderer .node-content, [data-v-39f87b5d] .table-node .markdown-renderer .node-space {
    display: contents;
  }

  [data-v-39f87b5d] .table-node .text-node, [data-v-39f87b5d] .table-node code {
    white-space: inherit;
    overflow-wrap: inherit;
    word-break: inherit;
    max-width: none;
  }

  @keyframes table-node-shimmer-39f87b5d {
    0% {
      background-position: 0 0;
    }

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

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

  .hr + .table-node-wrapper[data-v-39f87b5d], .hr + .table-node-wrapper .table-node[data-v-39f87b5d] {
    margin-top: 0;
  }

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

  .hr-node[data-v-39b2349c] {
    border-top-width: 1px;
    border-color: var(--hr-border);
    margin: var(--ms-flow-hr-y) 0;
  }

  .vmr-container[data-v-911e41c4] {
    border-radius: var(--ms-radius);
    border-width: 1px;
    border-left-width: var(--ms-border-width-strong);
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
  }

  .height-estimation-probes[data-v-3e0766e2] {
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    position: absolute;
    top: 0;
    left: -100000px;
    overflow: hidden;
  }

  .node-content[data-v-3e0766e2] {
    width: 100%;
  }

  .node-content-flow-root[data-v-3e0766e2] {
    display: flow-root;
  }

  .markdown-renderer[data-v-e8bf533a] {
    contain: layout;
    content-visibility: auto;
    contain-intrinsic-size: 800px 600px;
    position: relative;
  }

  .markdown-renderer.virtualized[data-v-e8bf533a], .markdown-renderer.virtual-scroll-coordinated[data-v-e8bf533a] {
    content-visibility: visible;
    contain-intrinsic-size: auto;
  }

  .markdown-renderer.stable-layout[data-v-e8bf533a] {
    content-visibility: visible;
    contain-intrinsic-size: none;
  }

  .node-slot[data-v-e8bf533a], .node-content[data-v-e8bf533a] {
    width: 100%;
  }

  .markdown-renderer.virtualized .node-slot[data-v-e8bf533a], .markdown-renderer.virtualized .node-content[data-v-e8bf533a], .markdown-renderer.virtual-scroll-coordinated .node-slot[data-v-e8bf533a], .markdown-renderer.virtual-scroll-coordinated .node-content[data-v-e8bf533a] {
    display: flow-root;
  }

  .node-placeholder[data-v-e8bf533a] {
    width: 100%;
    min-height: 1rem;
    margin: .25rem 0;
  }

  .node-placeholder[data-v-e8bf533a]:first-child {
    margin-top: 0;
  }

  .node-spacer[data-v-e8bf533a] {
    width: 100%;
  }

  .unknown-node[data-v-e8bf533a] {
    color: hsl(var(--ms-muted-foreground));
    margin: var(--ms-flow-paragraph-y) 0;
    font-style: italic;
  }

  .typewriter-cursor[data-v-e8bf533a] {
    vertical-align: -.12em;
    pointer-events: none;
    visibility: hidden;
    border-right: 2px solid;
    width: .55em;
    height: 1em;
    margin-left: .08em;
    animation: 1s step-end infinite typewriter-cursor-blink-e8bf533a;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
  }

  @keyframes typewriter-cursor-blink-e8bf533a {
    0%, 49% {
      opacity: 1;
    }

    50%, to {
      opacity: 0;
    }
  }

  .markstream-vue.typewriter-simple-cursor .typewriter-simple-cursor-target:after {
    content: "";
    vertical-align: -.12em;
    pointer-events: none;
    border-right: 2px solid;
    width: .55em;
    height: 1em;
    margin-left: .08em;
    animation: 1s step-end infinite typewriter-cursor-blink;
    display: inline-block;
  }

  @media (prefers-reduced-motion: reduce) {
    .markstream-vue.typewriter-simple-cursor .typewriter-simple-cursor-target:after {
      animation: none;
    }
  }

  .markstream-vue .fade-enter-from {
    opacity: 0;
  }

  .markstream-vue .fade-enter-active {
    transition: opacity var(--fade-duration, .28s) var(--fade-ease, cubic-bezier(.33, 0, .67, 1));
    will-change: opacity;
  }

  .markstream-vue .fade-enter-to {
    opacity: 1;
  }

  .admonition[data-v-a83480e1] {
    margin: var(--ms-flow-admonition-y) 0;
    border: 1px solid var(--admonition-border);
    border-radius: var(--ms-radius);
    color: var(--admonition-fg);
    padding: .25em .75em .375em;
    position: relative;
  }

  .admonition-legend[data-v-a83480e1] {
    background-color: hsl(var(--ms-background));
    align-items: center;
    gap: .35em;
    padding: 0 .5em;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: .75em;
    transform: translateY(-50%);
  }

  .admonition-icon[data-v-a83480e1] {
    flex-shrink: 0;
  }

  .admonition-title[data-v-a83480e1] {
    white-space: nowrap;
  }

  .admonition-content[data-v-a83480e1] {
    color: var(--admonition-fg);
    padding-top: .25em;
  }

  .admonition-note[data-v-a83480e1], .admonition-info[data-v-a83480e1] {
    border-color: hsl(var(--ms-info) / .3);
    background-color: hsl(var(--ms-info) / .04);
  }

  .admonition-note .admonition-legend[data-v-a83480e1], .admonition-info .admonition-legend[data-v-a83480e1] {
    color: var(--admonition-note);
  }

  .admonition-tip[data-v-a83480e1] {
    border-color: hsl(var(--ms-success) / .3);
    background-color: hsl(var(--ms-success) / .04);
  }

  .admonition-tip .admonition-legend[data-v-a83480e1] {
    color: var(--admonition-tip);
  }

  .admonition-warning[data-v-a83480e1], .admonition-caution[data-v-a83480e1] {
    border-color: hsl(var(--ms-warning) / .3);
    background-color: hsl(var(--ms-warning) / .04);
  }

  .admonition-warning .admonition-legend[data-v-a83480e1], .admonition-caution .admonition-legend[data-v-a83480e1] {
    color: var(--admonition-warning);
  }

  .admonition-danger[data-v-a83480e1], .admonition-error[data-v-a83480e1] {
    border-color: hsl(var(--ms-destructive) / .3);
    background-color: hsl(var(--ms-destructive) / .04);
  }

  .admonition-danger .admonition-legend[data-v-a83480e1], .admonition-error .admonition-legend[data-v-a83480e1] {
    color: var(--admonition-danger);
  }

  .admonition-toggle[data-v-a83480e1] {
    color: inherit;
    cursor: pointer;
    border-radius: calc(var(--ms-radius) * .5);
    transition: background-color var(--ms-duration-fast) var(--ms-ease-standard);
    background: none;
    border: none;
    align-items: center;
    margin-left: .25em;
    padding: .125rem;
    display: inline-flex;
  }

  .admonition-toggle[data-v-a83480e1]:hover {
    background-color: hsl(var(--ms-accent));
  }

  .admonition-toggle[data-v-a83480e1]:focus-visible {
    outline: var(--ms-focus-ring-width) solid var(--focus-ring);
    outline-offset: var(--ms-focus-ring-offset);
  }

  .admonition-content[data-v-a83480e1] .markdown-renderer {
    content-visibility: visible;
    contain: content;
    contain-intrinsic-size: 0px 0px;
  }

  .tooltip-element[data-v-c606ee4c] {
    z-index: 9999;
    border-radius: calc(var(--ms-radius) * .75);
    white-space: normal;
    word-break: break-word;
    pointer-events: none;
    background-color: var(--tooltip-bg);
    max-width: 20rem;
    color: var(--tooltip-fg);
    box-shadow: inset 0 1px #ffffff26,0 0 0 1px #0000001f,var(--ms-shadow-popover);
    transition: transform var(--ms-duration-emphasis) var(--ms-ease-spring),box-shadow var(--ms-duration-emphasis) var(--ms-ease-spring);
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: 1.4;
    display: inline-block;
  }

  .tooltip-arrow[data-v-c606ee4c] {
    background: inherit;
    width: 6px;
    height: 6px;
    position: absolute;
    transform: rotate(45deg);
  }

  .tooltip-arrow[data-placement^="top"][data-v-c606ee4c] {
    bottom: -3px;
  }

  .tooltip-arrow[data-placement^="bottom"][data-v-c606ee4c] {
    top: -3px;
  }

  .tooltip-arrow[data-placement^="left"][data-v-c606ee4c] {
    right: -3px;
  }

  .tooltip-arrow[data-placement^="right"][data-v-c606ee4c] {
    left: -3px;
  }

  .tooltip-enter-active[data-v-c606ee4c] {
    transition: opacity .18s cubic-bezier(.16, 1, .3, 1), transform .18s cubic-bezier(.16, 1, .3, 1);
  }

  .tooltip-leave-active[data-v-c606ee4c] {
    transition: opacity .12s ease-in, transform .12s ease-in;
  }

  .tooltip-enter-from[data-v-c606ee4c] {
    opacity: 0;
    transform: scale(.96);
  }

  .tooltip-enter-to[data-v-c606ee4c], .tooltip-leave-from[data-v-c606ee4c] {
    opacity: 1;
    transform: scale(1);
  }

  .tooltip-leave-to[data-v-c606ee4c] {
    opacity: 0;
    transform: scale(.97);
  }

  .action-icon {
    width: var(--ms-action-btn-icon, .875rem);
    height: var(--ms-action-btn-icon, .875rem);
    max-width: 1.25rem;
    max-height: 1.25rem;
  }

  .code-block-container {
    margin: var(--ms-flow-codeblock-y) 0;
    contain: layout style;
    background: var(--code-bg);
    border-color: var(--code-border);
    color: var(--code-fg);
    box-shadow: var(--ms-shadow-subtle);
    container-type: inline-size;
  }

  .code-block-header {
    z-index: 1;
    gap: var(--ms-gap-header);
    border-radius: var(--ms-radius) var(--ms-radius) 0 0;
    position: relative;
    overflow: visible;
  }

  .code-block-header .code-header-main {
    align-items: center;
    gap: var(--ms-gap-header-main);
    flex: auto;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .code-block-header .code-header-copy {
    gap: 2px;
    min-width: 0;
    display: grid;
  }

  .code-block-header .code-header-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ms-text-label);
    color: var(--code-action-fg);
    font-weight: 500;
    overflow: hidden;
  }

  .code-block-header .code-header-caption {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--code-line-number);
    font-size: 12px;
    overflow: hidden;
  }

  .code-block-header .code-header-actions {
    justify-content: flex-end;
    align-items: center;
    gap: var(--ms-gap-header-actions);
    flex-wrap: wrap;
    display: flex;
  }

  .code-block-header .icon-slot {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .code-block-header .icon-slot svg, .code-block-header .icon-slot img {
    width: 100%;
    height: 100%;
    display: block;
  }

  .code-diff-stats {
    align-items: center;
    gap: var(--ms-space-1_5);
    margin-right: var(--ms-space-1);
    font-size: var(--ms-text-label);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
  }

  .code-diff-stat {
    border-radius: var(--ms-radius);
    align-items: center;
    padding: 2px 6px;
    line-height: 1;
    display: inline-flex;
  }

  .code-diff-stat.removed {
    color: var(--diff-removed-fg);
    background: hsl(var(--ms-diff-removed) / .1);
  }

  .code-diff-stat.added {
    color: var(--diff-added-fg);
    background: hsl(var(--ms-diff-added) / .1);
  }

  .code-more-menu {
    z-index: 50;
    border-radius: var(--ms-radius);
    margin-top: 4px;
    position: absolute;
    top: 100%;
    right: 0;
  }

  .code-block-shell-content, .code-loading-placeholder {
    border-radius: 0 0 var(--ms-radius) var(--ms-radius);
    contain: content;
    overflow: hidden;
  }

  .code-block-shell-content--collapsed {
    visibility: hidden;
    pointer-events: none;
    height: 0;
    min-height: 0;
  }

  .code-menu-enter-active, .code-menu-leave-active {
    transform-origin: 100% 0;
  }

  .code-menu-enter-active {
    transition: opacity .22s cubic-bezier(.16, 1, .3, 1), transform .22s cubic-bezier(.16, 1, .3, 1);
  }

  .code-menu-leave-active {
    transition: opacity .14s ease-in, transform .14s ease-in;
  }

  .code-menu-enter-from {
    opacity: 0;
    transform: scale(.9) translateY(-4px);
  }

  .code-menu-leave-to {
    opacity: 0;
    transform: scale(.95) translateY(-2px);
  }

  .markstream-vue pre.code-pre-fallback {
    box-sizing: border-box;
    background: var(--markstream-code-fallback-bg, var(--markstream-code-theme-bg, var(--markstream-pre-resolved-theme-bg, #fff)));
    width: 100%;
    color: var(--markstream-code-fallback-fg, var(--markstream-code-theme-fg, var(--markstream-pre-resolved-theme-fg, var(--code-fg))));
    backface-visibility: visible;
    -webkit-font-smoothing: auto;
    font-family: var(--markstream-code-font-family);
    font-size: var(--vscode-editor-font-size, 12px);
    font-weight: 400;
    line-height: var(--vscode-editor-line-height, 18px);
    border: 0;
    border-radius: 0;
    margin: 0;
    transform: none;
  }

  .markstream-vue pre.code-pre-fallback > code {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  .markstream-vue pre.code-pre-fallback.is-wrap {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .markstream-vue pre.code-pre-fallback.markstream-pre--diff-preview {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .markstream-vue pre.code-pre-fallback .markstream-pre__line-numbers, .markstream-vue pre.code-pre-fallback .markstream-pre__logical-line:before {
    color: var(--markstream-code-theme-line-number, var(--markstream-pre-resolved-theme-line-number, var(--code-line-number)));
  }

  .html-preview-frame__backdrop[data-v-24e66176] {
    background-color: var(--modal-overlay);
    z-index: 50;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .html-preview-frame[data-v-24e66176] {
    background-color: var(--modal-bg);
    width: 80vw;
    max-width: 960px;
    height: 70vh;
    color: var(--modal-fg);
    border-radius: calc(var(--ms-radius) * 2);
    box-shadow: var(--ms-shadow-preview);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .html-preview-frame__header[data-v-24e66176] {
    border-bottom: 1px solid var(--code-border);
    justify-content: space-between;
    align-items: center;
    padding: .4rem .75rem;
    display: flex;
  }

  .html-preview-frame__title[data-v-24e66176] {
    letter-spacing: .02em;
    text-transform: uppercase;
    opacity: .85;
    align-items: center;
    gap: .4rem;
    font-size: .75rem;
    font-weight: 500;
    display: inline-flex;
  }

  .html-preview-frame__dot[data-v-24e66176] {
    background-color: hsl(var(--ms-success));
    border-radius: 999px;
    width: .5rem;
    height: .5rem;
  }

  .html-preview-frame__label[data-v-24e66176] {
    white-space: nowrap;
  }

  .html-preview-frame__close[data-v-24e66176] {
    cursor: pointer;
    color: var(--modal-fg);
    background: none;
    border: none;
    font-size: 1.25rem;
    line-height: 1;
  }

  .html-preview-frame__iframe[data-v-24e66176] {
    border: none;
    width: 100%;
    height: 100%;
    display: block;
  }

  @media (max-width: 640px) {
    .html-preview-frame[data-v-24e66176] {
      border-radius: 0;
      width: 100vw;
      height: 80vh;
    }
  }

  .code-block-container[data-v-359f3d4c] {
    --markstream-code-fallback-bg: var(--markstream-code-theme-bg, var(--markstream-pre-resolved-theme-bg));
    --markstream-code-fallback-fg: var(--markstream-code-theme-fg, var(--markstream-pre-resolved-theme-fg));
    --markstream-code-border-color: var(--code-border);
    --vscode-editor-selectionBackground: var(--markstream-code-fallback-selection-bg);
    --markstream-code-fallback-selection-bg: var(--code-selection-bg);
    --markstream-diff-frame-border: var(--code-border);
    --markstream-diff-frame-shadow: 0 16px 40px -32px hsl(var(--ms-foreground) / .18);
    --markstream-diff-shell-fg: hsl(var(--ms-foreground));
    --markstream-diff-shell-muted: hsl(var(--ms-muted-foreground));
    --markstream-diff-shell-border: var(--code-border);
    --markstream-diff-shell-shadow: var(--ms-shadow-subtle);
    --markstream-diff-shell-bg: var(--code-bg);
    --markstream-diff-header-border: hsl(var(--ms-border) / .92);
    --markstream-diff-editor-bg: hsl(var(--ms-background));
    --markstream-diff-editor-fg: hsl(var(--ms-foreground));
    --markstream-diff-unchanged-fg: hsl(var(--ms-foreground));
    --markstream-diff-unchanged-bg: hsl(var(--ms-muted));
    --markstream-diff-unchanged-divider: hsl(var(--ms-background) / .94);
    --markstream-diff-focus: var(--focus-ring);
    --markstream-diff-widget-shadow: hsl(var(--ms-foreground) / .26);
    --markstream-diff-action-hover: var(--code-action-hover-bg);
    --markstream-diff-panel-bg: linear-gradient(180deg, var(--code-bg) 0%, hsl(var(--ms-muted)) 100%);
    --markstream-diff-panel-bg-soft: var(--code-bg);
    --markstream-diff-panel-bg-strong: var(--code-bg);
    --markstream-diff-panel-border: hsl(var(--ms-border) / .3);
    --markstream-diff-gutter-bg: transparent;
    --markstream-diff-gutter-guide: hsl(var(--ms-border) / .72);
    --markstream-diff-gutter-gap: 8px;
    --markstream-diff-line-number-bg: hsl(var(--ms-muted) / .45);
    --markstream-diff-line-number: var(--code-line-number);
    --markstream-diff-line-number-active: var(--code-line-number);
    --markstream-diff-added-fg: var(--diff-added-fg);
    --markstream-diff-removed-fg: var(--diff-removed-fg);
    --markstream-diff-added-line: var(--diff-added-bg);
    --markstream-diff-removed-line: var(--diff-removed-bg);
    --markstream-diff-added-inline: var(--diff-added-inline-bg);
    --markstream-diff-removed-inline: var(--diff-removed-inline-bg);
    --markstream-diff-added-inline-border: transparent;
    --markstream-diff-removed-inline-border: transparent;
    --markstream-diff-added-gutter: linear-gradient(90deg, var(--markstream-diff-added-fg) 0 4px, transparent 4px 100%);
    --markstream-diff-removed-gutter: repeating-linear-gradient(180deg, var(--markstream-diff-removed-fg) 0 2px, transparent 2px 4px) left / 4px 100% no-repeat;
    --markstream-diff-added-line-fill: var(--diff-added-bg);
    --markstream-diff-removed-line-fill: var(--diff-removed-bg);
  }

  .code-block-container.is-dark[data-v-359f3d4c] {
    --markstream-code-fallback-bg: var(--markstream-code-theme-bg, var(--markstream-pre-resolved-theme-bg));
    --markstream-code-fallback-fg: var(--markstream-code-theme-fg, var(--markstream-pre-resolved-theme-fg));
    --markstream-code-border-color: var(--code-border);
    --markstream-code-fallback-selection-bg: var(--code-selection-bg);
    --markstream-diff-frame-border: var(--code-border);
    --markstream-diff-frame-shadow: 0 18px 40px -30px hsl(var(--ms-foreground) / .84);
    --markstream-diff-shell-fg: hsl(var(--ms-foreground));
    --markstream-diff-shell-muted: hsl(var(--ms-muted-foreground));
    --markstream-diff-shell-border: var(--code-border);
    --markstream-diff-shell-shadow: var(--ms-shadow-subtle);
    --markstream-diff-shell-bg: var(--code-bg);
    --markstream-diff-header-border: hsl(var(--ms-border) / .82);
    --markstream-diff-editor-bg: #121212;
    --markstream-diff-editor-fg: #e5e5e5;
    --markstream-diff-unchanged-fg: #d4d4d4;
    --markstream-diff-unchanged-bg: #262626;
    --markstream-diff-unchanged-divider: #ffffff14;
    --markstream-diff-focus: var(--focus-ring);
    --markstream-diff-widget-shadow: hsl(var(--ms-foreground) / .72);
    --markstream-diff-action-hover: var(--code-action-hover-bg);
    --markstream-diff-panel-bg: #121212;
    --markstream-diff-panel-bg-soft: #121212;
    --markstream-diff-panel-bg-strong: #121212;
    --markstream-diff-panel-border: hsl(var(--ms-border) / .3);
    --markstream-diff-gutter-bg: linear-gradient(180deg, #121212f0 0%, #121212fa 100%);
    --markstream-diff-gutter-guide: hsl(var(--ms-muted-foreground) / .08);
    --markstream-diff-gutter-gap: 8px;
    --markstream-diff-line-number-bg: #121212fa;
    --markstream-diff-line-number: var(--code-line-number);
    --markstream-diff-line-number-active: var(--code-line-number);
    --markstream-diff-added-fg: #6ec49c;
    --markstream-diff-removed-fg: #d25656;
    --markstream-diff-added-line: #6ec49c2e;
    --markstream-diff-removed-line: #d256562e;
    --markstream-diff-added-inline: #6ec49c47;
    --markstream-diff-removed-inline: #d2565647;
    --markstream-diff-added-inline-border: transparent;
    --markstream-diff-removed-inline-border: transparent;
    --markstream-diff-added-gutter: linear-gradient(90deg, var(--markstream-diff-added-fg) 0 4px, transparent 4px 100%);
    --markstream-diff-removed-gutter: repeating-linear-gradient(180deg, var(--markstream-diff-removed-fg) 0 2px, transparent 2px 4px) left / 4px 100% no-repeat;
    --markstream-diff-added-line-fill: #6ec49c2e;
    --markstream-diff-removed-line-fill: #d256562e;
  }

  .code-editor-container[data-v-359f3d4c] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    transition: none;
  }

  .code-block-container.is-diff .code-editor-container[data-v-359f3d4c] {
    transition: none;
  }

  .code-editor-layer[data-v-359f3d4c] {
    min-width: 0;
    display: grid;
    position: relative;
  }

  .code-editor-layer--collapsed[data-v-359f3d4c] {
    visibility: hidden;
    pointer-events: none;
    height: 0;
    min-height: 0;
    overflow: hidden;
  }

  .code-editor-layer > .code-editor-container[data-v-359f3d4c] {
    z-index: 1;
    grid-area: 1 / 1;
  }

  .code-editor-layer[data-v-359f3d4c] > pre.code-pre-fallback {
    z-index: 2;
    grid-area: 1 / 1;
    position: relative;
  }

  .code-block-container.is-plain-text[data-v-359f3d4c]:not(.is-diff) .stream-diffs-shell {
    background: var(--vscode-editor-background, var(--markstream-code-fallback-bg)) !important;
    color: var(--vscode-editor-foreground, var(--markstream-code-fallback-fg)) !important;
  }

  .code-block-container.is-diff[data-v-359f3d4c] {
    color: var(--markstream-diff-shell-fg);
    border-color: var(--markstream-diff-shell-border);
    background: var(--markstream-diff-shell-bg);
    box-shadow: var(--markstream-diff-shell-shadow);
    --vscode-editor-selectionBackground: var(--markstream-diff-action-hover);
    --code-fg: var(--markstream-diff-shell-fg);
    --code-border: var(--markstream-diff-header-border);
    --code-line-number: var(--markstream-diff-shell-muted);
    --code-action-fg: var(--markstream-diff-shell-muted);
  }

  .code-block-container.is-diff .code-editor-layer[data-v-359f3d4c] {
    --vscode-editor-background: var(--markstream-diff-editor-bg);
    --vscode-editor-foreground: var(--markstream-diff-editor-fg);
    --vscode-diffEditor-unchangedRegionForeground: var(--markstream-diff-unchanged-fg);
    --vscode-diffEditor-unchangedRegionBackground: var(--markstream-diff-unchanged-bg);
    --vscode-focusBorder: var(--markstream-diff-focus);
    --vscode-widget-shadow: var(--markstream-diff-widget-shadow);
    --vscode-editor-selectionBackground: var(--markstream-diff-editor-bg);
    background: none;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .code-block-container.is-diff .code-editor-layer[data-v-359f3d4c] {
      --vscode-editor-selectionBackground: color-mix(in srgb, var(--markstream-diff-editor-bg) 90%, var(--markstream-diff-editor-fg) 10%);
    }
  }

  .code-block-container[data-v-359f3d4c]:not(.is-diff) {
    --markstream-code-line-number-box-width: calc(var(--markstream-code-layout-character-width, 1ch) + var(--markstream-code-layout-character-width, 1ch) + var(--markstream-code-layout-character-width, 1ch) + var(--markstream-code-layout-character-width, 1ch) + var(--markstream-code-layout-character-width, 1ch) + 2px);
    --markstream-code-content-left: calc(var(--markstream-code-line-number-box-width) + var(--markstream-code-layout-character-width, 1ch));
  }

  .code-editor-container[data-markstream-host-hidden="true"][data-v-359f3d4c] {
    visibility: hidden;
    pointer-events: none;
    width: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .code-block-container.is-diff[data-v-359f3d4c] pre.code-pre-fallback.markstream-pre--diff-preview {
    background: var(--markstream-diff-editor-bg);
    transition: none;
  }

  .code-block-container.is-diff[data-v-359f3d4c] pre.code-pre-fallback.markstream-pre--diff-preview .markstream-pre__diff-pane {
    box-sizing: border-box;
    padding-bottom: var(--markstream-pre-diff-pane-bottom-padding, 0px);
  }

  .code-block-container.is-diff[data-v-359f3d4c] pre.code-pre-fallback.markstream-pre--diff-preview:not(.markstream-pre--diff-inline) .markstream-pre__diff-pane {
    padding-bottom: var(--markstream-pre-diff-pane-bottom-padding, 0px);
  }

  .code-block-container.is-diff[data-v-359f3d4c] pre.code-pre-fallback.markstream-pre--diff-preview .markstream-pre__diff-line--added > .markstream-pre__diff-number {
    background: var(--markstream-diff-added-number-fill, var(--markstream-diff-added-line-fill, transparent)) !important;
  }

  .code-block-container.is-diff[data-v-359f3d4c] pre.code-pre-fallback.markstream-pre--diff-preview .markstream-pre__diff-line--removed > .markstream-pre__diff-number {
    background: var(--markstream-diff-removed-number-fill, var(--markstream-diff-removed-line-fill, transparent)) !important;
  }

  .code-block-container.is-diff[data-v-359f3d4c] pre.code-pre-fallback.markstream-pre--diff-preview .markstream-pre__diff-line--added > .markstream-pre__diff-rail {
    background: var(--markstream-diff-added-gutter, currentColor) !important;
  }

  .code-block-container.is-diff[data-v-359f3d4c] pre.code-pre-fallback.markstream-pre--diff-preview .markstream-pre__diff-line--removed > .markstream-pre__diff-rail {
    background: var(--markstream-diff-removed-gutter, currentColor) !important;
  }

  @media (prefers-reduced-motion: reduce) {
    .code-block-container.is-diff[data-v-359f3d4c] pre.code-pre-fallback.markstream-pre--diff-preview {
      transition: none;
    }
  }

  .code-block-container.is-rendering .code-height-placeholder[data-v-359f3d4c] {
    min-height: var(--ms-size-skeleton-min-height);
    background-size: 400% 100%;
    background: linear-gradient(90deg,var(--loading-shimmer) 25%,hsl(var(--ms-muted) / .7) 37%,var(--loading-shimmer) 63%);
    animation: 1.2s ease-in-out infinite code-skeleton-shimmer-359f3d4c;
  }

  .code-loading-placeholder[data-v-359f3d4c] {
    min-height: var(--ms-size-skeleton-min-height);
    padding: 1rem;
  }

  .loading-skeleton[data-v-359f3d4c] {
    flex-direction: column;
    gap: .75rem;
    display: flex;
  }

  .skeleton-line[data-v-359f3d4c] {
    background: linear-gradient(90deg,var(--loading-shimmer) 25%,hsl(var(--ms-muted) / .7) 37%,var(--loading-shimmer) 63%);
    border-radius: calc(var(--ms-radius) * .5);
    background-size: 400% 100%;
    height: 1rem;
    animation: 1.2s ease-in-out infinite code-skeleton-shimmer-359f3d4c;
  }

  .skeleton-line.short[data-v-359f3d4c] {
    width: 60%;
  }

  .code-block-container[data-markstream-viewport-pending="true"] .code-height-placeholder[data-v-359f3d4c], .code-block-container[data-markstream-viewport-pending="true"] .skeleton-line[data-v-359f3d4c] {
    animation: none;
  }

  @keyframes code-skeleton-shimmer-359f3d4c {
    0% {
      background-position: 100% 0;
    }

    to {
      background-position: 0 0;
    }
  }

  .math-inline-wrapper[data-v-73d5e320] {
    display: inline-block;
    position: relative;
  }

  .math-inline[data-v-73d5e320] {
    vertical-align: middle;
    display: inline-block;
  }

  .math-inline--fallback[data-v-73d5e320] {
    white-space: pre-wrap;
  }

  .math-inline__loading[data-v-73d5e320] {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .math-inline__spinner[data-v-73d5e320] {
    border: 2px solid var(--loading-spinner);
    border-radius: 9999px;
    width: 1rem;
    height: 1rem;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .math-inline__spinner[data-v-73d5e320] {
      border: 2px solid color-mix(in srgb,var(--loading-spinner) 25%,transparent);
    }
  }

  .math-inline__spinner[data-v-73d5e320] {
    border-top-color: var(--loading-spinner);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .math-inline__spinner[data-v-73d5e320] {
      border-top-color: color-mix(in srgb,var(--loading-spinner) 80%,transparent);
    }
  }

  .math-inline__spinner[data-v-73d5e320] {
    will-change: transform;
  }

  .table-node-fade-enter-active[data-v-73d5e320], .table-node-fade-leave-active[data-v-73d5e320] {
    transition: opacity var(--ms-duration-standard) var(--ms-ease-standard);
  }

  .table-node-fade-enter-from[data-v-73d5e320], .table-node-fade-leave-to[data-v-73d5e320] {
    opacity: 0;
  }

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

  .math-block[data-v-af54c877] {
    min-height: var(--ms-size-math-min-height);
    transition: min-height var(--ms-duration-overlay) var(--ms-ease-standard);
  }

  .math-loading-overlay[data-v-af54c877] {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    min-height: var(--ms-size-math-min-height);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .math-loading-spinner[data-v-af54c877] {
    border: 2px solid var(--loading-spinner);
    width: 20px;
    height: 20px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .math-loading-spinner[data-v-af54c877] {
      border: 2px solid color-mix(in srgb,var(--loading-spinner) 15%,transparent);
    }
  }

  .math-loading-spinner[data-v-af54c877] {
    border-top-color: var(--loading-spinner);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .math-loading-spinner[data-v-af54c877] {
      border-top-color: color-mix(in srgb,var(--loading-spinner) 80%,transparent);
    }
  }

  .math-loading-spinner[data-v-af54c877] {
    border-radius: 50%;
    animation: .8s linear infinite math-spin-af54c877;
  }

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

  .math-rendering[data-v-af54c877] {
    opacity: .3;
    transition: opacity var(--ms-duration-overlay) var(--ms-ease-standard);
  }

  .math-block__fallback[data-v-af54c877] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0;
  }

  .math-fade-enter-active[data-v-af54c877], .math-fade-leave-active[data-v-af54c877] {
    transition: all var(--ms-duration-slow) var(--ms-ease-standard);
  }

  .math-fade-enter-from[data-v-af54c877], .math-fade-leave-to[data-v-af54c877] {
    opacity: 0;
  }

  .action-icon {
    width: var(--ms-action-btn-icon);
    height: var(--ms-action-btn-icon);
  }

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

  .icon-slot svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .mermaid-block-container[data-v-e113c6c3] {
    margin: var(--ms-flow-diagram-y) 0;
    border-color: var(--diagram-border);
  }

  .mermaid-block-header[data-v-e113c6c3] {
    padding: var(--ms-inset-panel-y) var(--ms-inset-panel-x);
    background: var(--diagram-header-bg);
    border-color: var(--diagram-border);
  }

  .mermaid-label-text[data-v-e113c6c3] {
    color: var(--code-action-fg);
  }

  .mermaid-mode-toggle-group[data-v-e113c6c3] {
    background: none;
  }

  .mermaid-mode-btn[data-v-e113c6c3] {
    font-size: var(--ms-text-label);
    color: var(--code-action-fg);
    opacity: .6;
  }

  .mermaid-mode-btn[data-v-e113c6c3]:hover {
    opacity: .9;
  }

  .mermaid-mode-btn.is-active[data-v-e113c6c3] {
    background: hsl(var(--ms-foreground) / .08);
    color: var(--code-fg);
    opacity: 1;
  }

  .mermaid-header-actions[data-v-e113c6c3] {
    gap: var(--ms-gap-header-actions);
  }

  .mermaid-action-btn[data-v-e113c6c3] {
    font-family: inherit;
    font-size: var(--ms-text-label);
    color: var(--code-action-fg);
  }

  .mermaid-action-btn[data-v-e113c6c3]:hover {
    background: var(--code-action-hover-bg);
    color: var(--code-action-hover-fg);
  }

  .mermaid-action-btn[data-v-e113c6c3]:active {
    transform: scale(.98);
  }

  .mermaid-source-panel[data-v-e113c6c3] {
    padding: var(--ms-inset-panel-body);
    background: var(--diagram-bg);
  }

  .mermaid-source-code[data-v-e113c6c3] {
    color: hsl(var(--ms-foreground));
  }

  .mermaid-preview-area[data-v-e113c6c3] {
    background: var(--diagram-bg);
    min-height: var(--ms-size-diagram-min-height);
    transition-duration: var(--ms-duration-standard);
  }

  .mermaid-modal-overlay[data-v-e113c6c3] {
    background: var(--modal-overlay);
  }

  .mermaid-modal-panel[data-v-e113c6c3] {
    background: var(--modal-bg);
    color: var(--modal-fg);
    box-shadow: var(--ms-shadow-modal);
  }

  ._mermaid[data-v-e113c6c3] {
    content-visibility: auto;
    contain: content;
    contain-intrinsic-size: var(--ms-size-diagram-min-height) 240px;
    font-family: inherit;
    position: relative;
  }

  ._mermaid[data-v-e113c6c3] [data-mermaid-svg-layer] {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
    display: flex;
    position: absolute;
    inset: 0;
  }

  ._mermaid[data-v-e113c6c3] svg {
    width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
  }

  .fullscreen ._mermaid[data-v-e113c6c3] svg {
    max-height: none;
  }

  .fullscreen[data-v-e113c6c3] {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
  }

  .mermaid-dialog-enter-from[data-v-e113c6c3], .mermaid-dialog-leave-to[data-v-e113c6c3] {
    opacity: 0;
  }

  .mermaid-dialog-enter-active[data-v-e113c6c3], .mermaid-dialog-leave-active[data-v-e113c6c3] {
    transition: opacity var(--ms-duration-overlay) var(--ms-ease-standard);
  }

  .mermaid-dialog-enter-from .dialog-panel[data-v-e113c6c3], .mermaid-dialog-leave-to .dialog-panel[data-v-e113c6c3] {
    opacity: .98;
    transform: translateY(8px) scale(.98);
  }

  .mermaid-dialog-enter-to .dialog-panel[data-v-e113c6c3], .mermaid-dialog-leave-from .dialog-panel[data-v-e113c6c3] {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  .mermaid-dialog-enter-active .dialog-panel[data-v-e113c6c3], .mermaid-dialog-leave-active .dialog-panel[data-v-e113c6c3] {
    transition: transform var(--ms-duration-overlay) var(--ms-ease-standard),opacity var(--ms-duration-overlay) var(--ms-ease-standard);
  }

  .infographic-block-container[data-v-d5718026] {
    margin: var(--ms-flow-diagram-y) 0;
    background: var(--diagram-bg);
    border-color: var(--diagram-border);
    color: hsl(var(--ms-foreground));
    box-shadow: var(--ms-shadow-subtle);
  }

  .infographic-block-header[data-v-d5718026] {
    padding: var(--ms-inset-panel-y) var(--ms-inset-panel-x);
    background: var(--diagram-header-bg);
    border-color: var(--diagram-border);
    color: hsl(var(--ms-foreground));
  }

  .infographic-label[data-v-d5718026] {
    font-size: var(--ms-text-label);
    color: hsl(var(--ms-muted-foreground));
  }

  .action-icon[data-v-d5718026] {
    width: var(--ms-action-btn-icon);
    height: var(--ms-action-btn-icon);
  }

  .icon-slot[data-v-d5718026] {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .icon-slot[data-v-d5718026] svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .infographic-mode-toggle[data-v-d5718026] {
    background: none;
  }

  .infographic-mode-btn[data-v-d5718026] {
    font-size: var(--ms-text-label);
    color: var(--code-action-fg);
    opacity: .6;
    transition: color .15s, background-color .15s, opacity .15s;
  }

  .infographic-mode-btn[data-v-d5718026]:hover {
    opacity: .9;
  }

  .infographic-mode-btn.is-active[data-v-d5718026] {
    background: hsl(var(--ms-foreground) / .08);
    color: var(--code-fg);
    opacity: 1;
  }

  .infographic-header-actions[data-v-d5718026] {
    gap: var(--ms-gap-header-actions);
  }

  .infographic-action-btn[data-v-d5718026] {
    color: var(--code-action-fg);
    font-family: inherit;
    transition: background-color .15s, color .15s;
  }

  .infographic-action-btn[data-v-d5718026]:hover {
    background: var(--code-action-hover-bg);
    color: var(--code-action-hover-fg);
  }

  .infographic-action-btn[data-v-d5718026]:active {
    transform: scale(.98);
  }

  .infographic-source[data-v-d5718026] {
    padding: var(--ms-inset-panel-body);
    background: var(--diagram-bg);
  }

  .infographic-source-code[data-v-d5718026] {
    color: hsl(var(--ms-foreground));
  }

  .infographic-preview[data-v-d5718026] {
    background: var(--diagram-bg);
    min-height: var(--ms-size-diagram-min-height);
    transition-duration: var(--ms-duration-fast);
  }

  .infographic-pending-source[data-v-d5718026] {
    z-index: 1;
    padding: var(--ms-inset-panel-body);
    color: hsl(var(--ms-foreground));
    text-align: left;
    background: var(--diagram-bg);
    margin: 0;
    position: absolute;
    inset: 0;
    overflow: auto;
  }

  .infographic-modal-overlay[data-v-d5718026] {
    background: var(--modal-overlay);
  }

  .infographic-modal-panel[data-v-d5718026] {
    background: var(--modal-bg);
    color: var(--modal-fg);
    box-shadow: var(--ms-shadow-modal);
  }

  .fullscreen[data-v-d5718026] {
    width: 100%;
    height: 100% !important;
    max-height: 100% !important;
  }

  .infographic-dialog-enter-from[data-v-d5718026], .infographic-dialog-leave-to[data-v-d5718026] {
    opacity: 0;
  }

  .infographic-dialog-enter-active[data-v-d5718026], .infographic-dialog-leave-active[data-v-d5718026] {
    transition: opacity var(--ms-duration-overlay) var(--ms-ease-standard);
  }

  .infographic-dialog-enter-from .dialog-panel[data-v-d5718026], .infographic-dialog-leave-to .dialog-panel[data-v-d5718026] {
    opacity: .98;
    transform: translateY(8px) scale(.98);
  }

  .infographic-dialog-enter-to .dialog-panel[data-v-d5718026], .infographic-dialog-leave-from .dialog-panel[data-v-d5718026] {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  .infographic-dialog-enter-active .dialog-panel[data-v-d5718026], .infographic-dialog-leave-active .dialog-panel[data-v-d5718026] {
    transition: transform var(--ms-duration-overlay) var(--ms-ease-standard),opacity var(--ms-duration-overlay) var(--ms-ease-standard);
  }

  .d2-block-container[data-v-3b434cf5] {
    margin: var(--ms-flow-diagram-y) 0;
    background: var(--diagram-bg);
    border-color: var(--diagram-border);
    color: hsl(var(--ms-foreground));
    box-shadow: var(--ms-shadow-subtle);
  }

  .d2-block-header[data-v-3b434cf5] {
    padding: var(--ms-inset-panel-y) var(--ms-inset-panel-x);
    background: var(--diagram-header-bg);
    border-color: var(--diagram-border);
    color: hsl(var(--ms-foreground));
  }

  .d2-mode-toggle[data-v-3b434cf5] {
    background: none;
  }

  .mode-btn[data-v-3b434cf5] {
    font-size: var(--ms-text-label);
    color: var(--code-action-fg);
    opacity: .6;
    transition: opacity .2s, color .2s, background-color .2s;
  }

  .mode-btn[data-v-3b434cf5]:hover {
    opacity: .9;
  }

  .mode-btn.is-active[data-v-3b434cf5] {
    background: hsl(var(--ms-foreground) / .08);
    color: var(--code-fg);
    opacity: 1;
  }

  .d2-header-actions[data-v-3b434cf5] {
    gap: var(--ms-gap-header-actions);
  }

  .d2-action-btn[data-v-3b434cf5] {
    color: var(--code-action-fg);
    opacity: .7;
    transition: opacity .2s, background-color .15s, color .15s;
  }

  .d2-action-btn[data-v-3b434cf5]:hover {
    opacity: 1;
    background: var(--code-action-hover-bg);
    color: var(--code-action-hover-fg);
  }

  .d2-action-btn[data-v-3b434cf5]:disabled {
    opacity: .3;
    cursor: not-allowed;
  }

  .d2-block-body[data-v-3b434cf5] {
    position: relative;
  }

  .d2-source[data-v-3b434cf5] {
    padding: var(--ms-inset-panel-body) var(--ms-inset-panel-x);
    font-family: var(--vscode-editor-font-family, "Fira Code", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  }

  .d2-code[data-v-3b434cf5] {
    white-space: pre;
    font-size: .875rem;
    line-height: 1.5;
  }

  .d2-render[data-v-3b434cf5] {
    max-height: var(--ms-size-code-max-height);
    overflow: auto;
  }

  .d2-svg[data-v-3b434cf5] svg.markstream-d2-root-svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
  }

  .d2-label[data-v-3b434cf5] {
    font-size: var(--ms-text-label);
  }

  .action-icon[data-v-3b434cf5] {
    width: var(--ms-action-btn-icon);
    height: var(--ms-action-btn-icon);
  }

  .d2-error[data-v-3b434cf5] {
    color: hsl(var(--ms-destructive));
  }

  .markstream-virtual-timeline[data-v-adb4b0ba] {
    overflow-anchor: none;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    display: flex;
    position: relative;
    overflow: auto;
  }

  .markstream-virtual-timeline.is-restoring-thread > .markstream-virtual-timeline__spacer[data-v-adb4b0ba], .markstream-virtual-timeline.is-restoring-thread > .markstream-virtual-timeline__item[data-v-adb4b0ba] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .markstream-virtual-timeline.is-restoring-thread > .markstream-virtual-timeline__item[data-v-adb4b0ba], .markstream-virtual-timeline__item.is-restored-height-floor[data-v-adb4b0ba] {
    height: var(--markstream-virtual-item-size);
    overflow: hidden;
  }

  .markstream-virtual-timeline__restore-loading[data-v-adb4b0ba] {
    z-index: 10;
    pointer-events: none;
    contain: strict;
    background: canvas;
    place-items: center;
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .markstream-virtual-timeline__restore-loading-card[data-v-adb4b0ba] {
    color: #334155;
    background: #ffffffeb;
    border: 1px solid #94a3b852;
    border-radius: 999px;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    font-size: 13px;
    display: inline-flex;
    box-shadow: 0 8px 24px #0f172a14;
  }

  .markstream-virtual-timeline__restore-spinner[data-v-adb4b0ba] {
    border: 2px solid #94a3b859;
    border-top-color: #334155;
    border-radius: 999px;
    width: 14px;
    height: 14px;
    animation: .8s linear infinite markstream-timeline-restore-spin-adb4b0ba;
  }

  @keyframes markstream-timeline-restore-spin-adb4b0ba {
    to {
      transform: rotate(360deg);
    }
  }

  .markstream-virtual-timeline__spacer[data-v-adb4b0ba] {
    overflow-anchor: none;
    flex: none;
  }

  .markstream-virtual-timeline__item[data-v-adb4b0ba] {
    overflow-anchor: none;
    flex: none;
    display: flow-root;
  }

  .markstream-virtual-timeline__default-item[data-v-adb4b0ba] {
    color: #0f172a;
    white-space: pre-wrap;
    background: #f8fafc;
    border: 1px solid #94a3b852;
    border-radius: 8px;
    margin: 8px 0;
    padding: 10px 12px;
    line-height: 1.5;
  }

  .markstream-virtual-timeline__default-item--system-divider[data-v-adb4b0ba] {
    color: #64748b;
    text-align: center;
    background: none;
    border: 0;
    font-size: 12px;
  }

  .markstream-virtual-timeline__default-item--error[data-v-adb4b0ba] {
    color: #991b1b;
    background: #fef2f2;
    border-color: #f8717173;
  }

  .markstream-virtual-timeline__status[data-v-adb4b0ba] {
    color: #475569;
    text-transform: uppercase;
    margin-right: 8px;
    font-size: 12px;
    display: inline-flex;
  }

  .markstream-vue {
    --ms-text-body: .875rem;
  }

  .is-user .node-slot:only-child:has(.paragraph-node) {
    --ms-flow-paragraph-y: 0;
  }
}

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .\@container\/field-group {
    container: field-group / inline-size;
  }

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

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .inset-s-1\/2 {
    inset-inline-start: 50%;
  }

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

  .top-0 {
    top: 0;
  }

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

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

  .top-1\/3 {
    top: 33.3333%;
  }

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

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

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

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

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

  .right-0 {
    right: 0;
  }

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

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

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

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

  .bottom-0 {
    bottom: 0;
  }

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

  .left-0 {
    left: 0;
  }

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

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

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

  .isolate {
    isolation: isolate;
  }

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

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

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

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

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

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

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

  .m-0 {
    margin: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mb-0 {
    margin-bottom: 0;
  }

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

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

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

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

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

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

  .aspect-square {
    aspect-ratio: 1;
  }

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

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

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

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

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

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

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

  .size-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-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

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

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

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

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

  .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-8\! {
    height: calc(var(--spacing) * 8) !important;
  }

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

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

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

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

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

  .h-px {
    height: 1px;
  }

  .h-svh {
    height: 100svh;
  }

  .max-h-\(--reka-dropdown-menu-content-available-height\) {
    max-height: var(--reka-dropdown-menu-content-available-height);
  }

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

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

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

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

  .max-h-\[60dvh\] {
    max-height: 60dvh;
  }

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

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

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

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

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

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

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

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

  .w-\(--reka-dropdown-menu-trigger-width\) {
    width: var(--reka-dropdown-menu-trigger-width);
  }

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

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

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

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

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

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\(--reka-dropdown-menu-content-available-width\) {
    max-width: var(--reka-dropdown-menu-content-available-width);
  }

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

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

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

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

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

  .max-w-\[80\%\] {
    max-width: 80%;
  }

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

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

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

  .max-w-prose {
    max-width: 65ch;
  }

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

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

  .shrink {
    flex-shrink: 1;
  }

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

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

  .origin-\(--reka-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--reka-dropdown-menu-content-transform-origin);
  }

  .origin-\(--reka-hover-card-content-transform-origin\) {
    transform-origin: var(--reka-hover-card-content-transform-origin);
  }

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

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

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

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

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

  .translate-y-0 {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform-\[translate3d\(var\(--drawer-swipe-movement-x\,0px\)\,var\(--drawer-swipe-movement-y\,0px\)\,0\)\] {
    transform: translate3d(var(--drawer-swipe-movement-x, 0px),var(--drawer-swipe-movement-y, 0px),0);
  }

  .scroll-fade-b {
    --_scroll-fade-size-b: var(--scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
    --scroll-fade-mask: linear-gradient(to bottom,
    #000 0,
    #000 calc(100% - var(--scroll-fade-b, 0px)),
    transparent 100%);
    -webkit-mask-image: var(--scroll-fade-mask);
    -webkit-mask-image: var(--scroll-fade-mask);
    -webkit-mask-image: var(--scroll-fade-mask);
    mask-image: var(--scroll-fade-mask);
    -webkit-mask-composite: source-in;
    -webkit-mask-composite: source-in;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  @supports (animation-timeline: scroll()) {
    .scroll-fade-b {
      animation: 1ms ease-in-out scroll-fade-reveal-b;
      animation-timeline: scroll(self y);
      animation-range: calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
      animation-fill-mode: both;
    }
  }

  @supports not (animation-timeline: scroll()) {
    .scroll-fade-b {
      --scroll-fade-b: var(--_scroll-fade-size-b);
    }
  }

  .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-pulse {
    animation: var(--animate-pulse);
  }

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

  .cursor-default {
    cursor: default;
  }

  .cursor-text {
    cursor: text;
  }

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

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

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

  .scroll-py-1 {
    scroll-padding-block: var(--spacing);
  }

  .scrollbar-thin {
    scrollbar-width: thin;
  }

  .scrollbar-gutter-stable {
    scrollbar-gutter: stable;
  }

  .list-disc {
    list-style-type: disc;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

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

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

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

  .place-items-center {
    place-items: center;
  }

  .items-center {
    align-items: center;
  }

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

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0 {
    gap: 0;
  }

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

  .gap-1 {
    gap: var(--spacing);
  }

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

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

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

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

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

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

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

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

  .gap-\[--spacing\(var\(--gap\)\)\] {
    gap: calc(var(--spacing) * var(--gap));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.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-border\/60 > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-border\/60 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }

  .rounded-\[calc\(var\(--radius\)-3px\)\] {
    border-radius: calc(var(--radius) - 3px);
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .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-lg\! {
    border-radius: var(--radius) !important;
  }

  .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-xl\! {
    border-radius: calc(var(--radius) + 4px) !important;
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-t-xl {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }

  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-border {
    border-color: var(--border);
  }

  .border-input, .border-input\/30 {
    border-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-input\/30 {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .border-sidebar-border {
    border-color: var(--sidebar-border);
  }

  .border-transparent {
    border-color: #0000;
  }

  .bg-accent, .bg-accent\/20 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/20 {
      background-color: color-mix(in oklab, var(--accent) 20%, transparent);
    }
  }

  .bg-accent\/40 {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent\/40 {
      background-color: color-mix(in oklab, var(--accent) 40%, transparent);
    }
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-card {
    background-color: var(--card);
  }

  .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-foreground {
    background-color: var(--foreground);
  }

  .bg-input, .bg-input\/30 {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-input\/30 {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-muted-foreground\/30 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/30 {
      background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-muted\/60 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/60 {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }

  .bg-muted\/70 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/70 {
      background-color: color-mix(in oklab, var(--muted) 70%, transparent);
    }
  }

  .bg-muted\/80 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/80 {
      background-color: color-mix(in oklab, var(--muted) 80%, transparent);
    }
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary, .bg-primary\/5 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .bg-primary\/15 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .bg-primary\/40 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/40 {
      background-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-sidebar {
    background-color: var(--sidebar);
  }

  .bg-sidebar-border {
    background-color: var(--sidebar-border);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-transparent\! {
    background-color: #0000 !important;
  }

  .bg-\[length\:250\%_100\%\,auto\] {
    background-size: 250% 100%, auto;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

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

  .\[background-repeat\:no-repeat\,padding-box\] {
    background-repeat: no-repeat,padding-box;
  }

  .fill-foreground {
    fill: var(--foreground);
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: 0;
  }

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

  .p-1 {
    padding: var(--spacing);
  }

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

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

  .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 {
    padding-inline: 0;
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

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

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

  .py-1 {
    padding-block: var(--spacing);
  }

  .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\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

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

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

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

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

  .pb-0 {
    padding-bottom: 0;
  }

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

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

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

  .pb-\[calc\(0\.625rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(.625rem + env(safe-area-inset-bottom));
  }

  .pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }

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

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

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

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-start {
    text-align: start;
  }

  .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-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

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

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

  .text-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }

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

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .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-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#12B7F5\] {
    color: #12b7f5;
  }

  .text-\[\#229ED9\] {
    color: #229ed9;
  }

  .text-accent-foreground {
    color: var(--accent-foreground);
  }

  .text-background {
    color: var(--background);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-muted-foreground, .text-muted-foreground\/50 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .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-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-sidebar-foreground, .text-sidebar-foreground\/70 {
    color: var(--sidebar-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sidebar-foreground\/70 {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
  }

  .text-transparent {
    color: #0000;
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .bg-blend-color {
    background-blend-mode: color;
  }

  .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    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-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    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);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .ring-background {
    --tw-ring-color: var(--background);
  }

  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-border, .ring-border\/60 {
    --tw-ring-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-border\/60 {
      --tw-ring-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .ring-border\/70 {
    --tw-ring-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-border\/70 {
      --tw-ring-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .ring-card {
    --tw-ring-color: var(--card);
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .ring-primary, .ring-primary\/10 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/10 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .ring-sidebar-ring {
    --tw-ring-color: var(--sidebar-ring);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,color\,opacity\] {
    transition-property: background-color, color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,transform\] {
    transition-property: background-color, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,background-color\,border-color\,box-shadow\,transform\,opacity\] {
    transition-property: color, background-color, border-color, box-shadow, transform, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,background-color\,border-color\,box-shadow\] {
    transition-property: color, background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[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-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[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-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    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-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-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .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-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .will-change-transform {
    will-change: transform;
  }

  .contain-content {
    contain: content;
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--color-background\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] {
    --bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-background),#0000 calc(50% + var(--spread)));
  }

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

  .\[contain-intrinsic-size\:auto_10rem\] {
    contain-intrinsic-size: auto 10rem;
  }

  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }

  .\[counter-increment\:line_0\] {
    counter-increment: line 0;
  }

  .\[counter-reset\:line\] {
    counter-reset: line;
  }

  .running {
    animation-play-state: running;
  }

  .slide-in-from-top-2 {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  :is(.\*\:w-full > *) {
    width: 100%;
  }

  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }

  .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--accent-foreground);
  }

  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden:is(:where(.group\/command-item):has([data-slot="command-shortcut"]) *) {
    display: none;
  }

  .group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-data-\[slot\=item-description\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    align-self: flex-start;
  }

  .group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot="message-footer"]) *) {
    --tw-translate-y: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant="ghost"]) *) {
    padding-inline: 0;
  }

  .group-has-data-horizontal\/field\:text-balance:is(:where(.group\/field):has(:where([data-orientation="horizontal"])) *) {
    text-wrap: balance;
  }

  .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-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has( > svg) *) {
    grid-column-start: 2;
  }

  .group-data-highlighted\/command-item\:text-foreground:is(:where(.group\/command-item)[data-highlighted] *) {
    color: var(--foreground);
  }

  .group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align="end"] *) {
    align-self: flex-end;
  }

  .group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align="end"] *) {
    justify-content: flex-end;
  }

  .group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align="end"] *) {
    align-self: flex-end;
  }

  .group-data-\[checked\=true\]\/command-item\:opacity-100:is(:where(.group\/command-item)[data-checked="true"] *) {
    opacity: 1;
  }

  .group-data-\[collapsible\=icon\]\:pointer-events-none:is(:where(.group)[data-collapsible="icon"] *) {
    pointer-events: none;
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }

  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: 0 !important;
  }

  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
  }

  .group-data-\[collapsible\=icon\]\:select-none:is(:where(.group)[data-collapsible="icon"] *) {
    -webkit-user-select: none;
    user-select: none;
  }

  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-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"] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: 0;
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size="default"] *) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    display: grid;
  }

  .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size="sm"] *) {
    padding: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size="sm"] *) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .group-data-\[size\=sm\]\/item\:size-8:is(:where(.group\/item)[data-size="sm"] *) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size="sm"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=xs\]\/item\:size-6:is(:where(.group\/item)[data-size="xs"] *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-data-\[size\=xs\]\/item\:gap-0:is(:where(.group\/item)[data-size="xs"] *) {
    gap: 0;
  }

  .group-data-\[size\=xs\]\/item\:text-xs:is(:where(.group\/item)[data-size="xs"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    border-radius: 0;
  }

  .group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }

  .group-data-\[swipe-direction\=down\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-swipe-direction="down"] *) {
    display: block;
  }

  .group-data-\[swipe-direction\=down\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-swipe-direction="down"] *), .group-data-\[swipe-direction\=up\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-swipe-direction="up"] *) {
    text-align: center;
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: var(--radius);
  }

  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=floating\]\:ring-1:is(:where(.group)[data-variant="floating"] *) {
    --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);
  }

  .group-data-\[variant\=floating\]\:ring-sidebar-border:is(:where(.group)[data-variant="floating"] *) {
    --tw-ring-color: var(--sidebar-border);
  }

  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .group-\[\.is-assistant\]\:text-foreground:is(:where(.group).is-assistant *) {
    color: var(--foreground);
  }

  .group-\[\.is-user\]\:ml-auto:is(:where(.group).is-user *) {
    margin-left: auto;
  }

  .group-\[\.is-user\]\:rounded-lg:is(:where(.group).is-user *) {
    border-radius: var(--radius);
  }

  .group-\[\.is-user\]\:bg-secondary:is(:where(.group).is-user *) {
    background-color: var(--secondary);
  }

  .group-\[\.is-user\]\:px-4:is(:where(.group).is-user *) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .group-\[\.is-user\]\:py-3:is(:where(.group).is-user *) {
    padding-block: calc(var(--spacing) * 3);
  }

  .group-\[\.is-user\]\:text-foreground:is(:where(.group).is-user *) {
    color: var(--foreground);
  }

  @media (hover: hover) {
    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
      color: var(--sidebar-accent-foreground);
    }
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: var(--spacing);
  }

  .peer-data-active\/menu-button\:text-sidebar-accent-foreground:is(:is(:where(.peer\/menu-button):where([data-state="active"]), :where(.peer\/menu-button):where([data-active]:not([data-active="false"]))) ~ *) {
    color: var(--sidebar-accent-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

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

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:w-8:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 8);
  }

  .before\:text-right:before {
    content: var(--tw-content);
    text-align: right;
  }

  .before\:font-mono:before {
    content: var(--tw-content);
    font-family: var(--font-mono);
  }

  .before\:text-muted-foreground\/50:before {
    content: var(--tw-content);
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:text-muted-foreground\/50:before {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .before\:content-\[counter\(line\)\]:before {
    --tw-content: counter(line);
    content: var(--tw-content);
  }

  .before\:select-none:before {
    content: var(--tw-content);
    -webkit-user-select: none;
    user-select: none;
  }

  .before\:\[counter-increment\:line\]:before {
    content: var(--tw-content);
    counter-increment: line;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
  }

  .after\:-inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }

  .after\:-inset-y-2:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .after\:start-1\/2:after {
    content: var(--tw-content);
    inset-inline-start: 50%;
  }

  .after\:w-0\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:border:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .after\:border-border:after {
    content: var(--tw-content);
    border-color: var(--border);
  }

  .after\:mix-blend-darken:after {
    content: var(--tw-content);
    mix-blend-mode: darken;
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content: var(--tw-content);
    left: 100%;
  }

  .last\:mt-0:last-child {
    margin-top: 0;
  }

  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }

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

    .hover\:bg-muted:hover, .hover\:bg-muted\/40:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }

    .hover\:bg-secondary: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);
      }
    }

    .hover\:bg-sidebar-accent:hover {
      background-color: var(--sidebar-accent);
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }

    .hover\:text-sidebar-accent-foreground:hover {
      color: var(--sidebar-accent-foreground);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-ring\/60:hover {
      --tw-ring-color: var(--ring);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-ring\/60:hover {
        --tw-ring-color: color-mix(in oklab, var(--ring) 60%, transparent);
      }
    }

    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
      background-color: var(--sidebar);
    }

    .hover\:after\:bg-sidebar-border:hover:after {
      content: var(--tw-content);
      background-color: var(--sidebar-border);
    }
  }

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

  .focus\:absolute:focus {
    position: absolute;
  }

  .focus\:inset-s-3:focus, .focus\:start-3:focus {
    inset-inline-start: calc(var(--spacing) * 3);
  }

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

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

  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }

  .focus\:text-accent-foreground:focus, :is(.focus\:\*\*\:text-accent-foreground:focus *), :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .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\: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-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, .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-sidebar-ring:focus-visible {
    --tw-ring-color: var(--sidebar-ring);
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.\*\:focus-visible\:relative > *):focus-visible {
    position: relative;
  }

  :is(.\*\:focus-visible\:z-10 > *):focus-visible {
    z-index: 10;
  }

  .active\:bg-sidebar-accent:active {
    background-color: var(--sidebar-accent);
  }

  .active\:text-sidebar-accent-foreground:active {
    color: var(--sidebar-accent-foreground);
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .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\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }

  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }

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

  :where([data-slot="dialog-content"]) .in-data-\[slot\=dialog-content\]\:rounded-lg\! {
    border-radius: var(--radius) !important;
  }

  :where([data-slot="dropdown-menu-content"]) .in-data-\[slot\=dropdown-menu-content\]\:p-0 {
    padding: 0;
  }

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

  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

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

  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[size\=sm\]\:gap-2\.5:has([data-size="sm"]) {
    gap: calc(var(--spacing) * 2.5);
  }

  .has-data-\[size\=xs\]\:gap-2:has([data-size="xs"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=alert-action\]\:relative:has([data-slot="alert-action"]) {
    position: relative;
  }

  .has-data-\[slot\=alert-action\]\:pr-18:has([data-slot="alert-action"]) {
    padding-right: calc(var(--spacing) * 18);
  }

  .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) {
    grid-template-rows: auto auto 1fr;
  }

  .has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot="alert-dialog-media"]) {
    column-gap: calc(var(--spacing) * 4);
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot="card-description"]) {
    grid-template-rows: auto auto;
  }

  .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  .has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
    background-color: var(--sidebar);
  }

  .has-data-checked\:border-primary\/30:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-data-checked\:border-primary\/30:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .has-data-checked\:bg-primary\/5:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-data-checked\:bg-primary\/5:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .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-\[button\]\:p-0:has(:is(button)) {
    padding: 0;
  }

  .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-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
    align-items: flex-start;
  }

  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
    width: 100%;
  }

  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=field\]\]\:rounded-lg:has( > [data-slot="field"]) {
    border-radius: var(--radius);
  }

  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>button\]\:mr-\[-0\.3rem\]:has( > button) {
    margin-right: -.3rem;
  }

  .has-\[\>button\]\:ml-\[-0\.3rem\]:has( > button) {
    margin-left: -.3rem;
  }

  .has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
    padding-top: 0;
  }

  .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
    margin-right: -.15rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
    margin-left: -.15rem;
  }

  .has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has( > svg) {
    grid-template-columns: auto 1fr;
  }

  .has-\[\>svg\]\:gap-x-2:has( > svg) {
    column-gap: calc(var(--spacing) * 2);
  }

  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: 0;
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-expanded\:bg-accent[aria-expanded="true"] {
    background-color: var(--accent);
  }

  .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-expanded\:opacity-100[aria-expanded="true"] {
    opacity: 1;
  }

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

  .aria-pressed\:bg-muted[aria-pressed="true"] {
    background-color: var(--muted);
  }

  .data-autoscrolling\:scrollbar-thumb-transparent[data-autoscrolling]::-webkit-scrollbar-thumb {
    background-color: #0000;
  }

  .data-autoscrolling\:scrollbar-track-transparent[data-autoscrolling]::-webkit-scrollbar-track {
    background-color: #0000;
  }

  .data-autoscrolling\:scrollbar-thumb-transparent[data-autoscrolling] {
    --tw-scrollbar-thumb: transparent;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }

  .data-autoscrolling\:scrollbar-track-transparent[data-autoscrolling] {
    --tw-scrollbar-track: transparent;
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }

  .data-highlighted\:bg-muted[data-highlighted] {
    background-color: var(--muted);
  }

  .data-highlighted\:text-foreground[data-highlighted] {
    color: var(--foreground);
  }

  .data-inset\:pl-7[data-inset] {
    padding-left: calc(var(--spacing) * 7);
  }

  .data-placeholder\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  :is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align="end"] *) > *)[data-slot] {
    align-self: flex-end;
  }

  .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-\[active\=false\]\:pointer-events-none[data-active="false"] {
    pointer-events: none;
  }

  .data-\[active\=false\]\:scale-95[data-active="false"] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[active\=false\]\:opacity-0[data-active="false"] {
    opacity: 0;
  }

  .data-\[active\=false\]\:duration-400[data-active="false"] {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active="false"] {
    --tw-ease: cubic-bezier(.7,0,.84,0);
    transition-timing-function: cubic-bezier(.7, 0, .84, 0);
  }

  .data-\[active\=true\]\:translate-y-0[data-active="true"] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[active\=true\]\:scale-100[data-active="true"] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[active\=true\]\:opacity-100[data-active="true"] {
    opacity: 1;
  }

  .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active="true"] {
    --tw-ease: cubic-bezier(.23,1,.32,1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  }

  .data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
    animation: none;
  }

  .data-\[align\=end\]\:flex-row-reverse[data-align="end"] {
    flex-direction: row-reverse;
  }

  .data-\[align\=end\]\:self-end[data-align="end"] {
    align-self: flex-end;
  }

  .data-\[direction\=end\]\:bottom-4[data-direction="end"] {
    bottom: calc(var(--spacing) * 4);
  }

  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction="end"][data-active="false"] {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[direction\=start\]\:top-4[data-direction="start"] {
    top: calc(var(--spacing) * 4);
  }

  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction="start"][data-active="false"] {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
    color: var(--destructive);
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[orientation\=vertical\]\:self-stretch[data-orientation="vertical"] {
    align-self: stretch;
  }

  .data-\[position\=popper\]\:h-\(--reka-select-trigger-height\)[data-position="popper"] {
    height: var(--reka-select-trigger-height);
  }

  .data-\[position\=popper\]\:w-full[data-position="popper"] {
    width: 100%;
  }

  .data-\[position\=popper\]\:min-w-\(--reka-select-trigger-width\)[data-position="popper"] {
    min-width: var(--reka-select-trigger-width);
  }

  .data-\[side\=bottom\]\:inset-x-0[data-side="bottom"] {
    inset-inline: 0;
  }

  .data-\[side\=bottom\]\:bottom-0[data-side="bottom"] {
    bottom: 0;
  }

  .data-\[side\=bottom\]\:h-auto[data-side="bottom"] {
    height: auto;
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:border-t[data-side="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=left\]\:inset-y-0[data-side="left"] {
    inset-block: 0;
  }

  .data-\[side\=left\]\:left-0[data-side="left"] {
    left: 0;
  }

  .data-\[side\=left\]\:h-full[data-side="left"] {
    height: 100%;
  }

  .data-\[side\=left\]\:w-3\/4[data-side="left"] {
    width: 75%;
  }

  .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\]\:border-r[data-side="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=right\]\:inset-y-0[data-side="right"] {
    inset-block: 0;
  }

  .data-\[side\=right\]\:right-0[data-side="right"] {
    right: 0;
  }

  .data-\[side\=right\]\:h-full[data-side="right"] {
    height: 100%;
  }

  .data-\[side\=right\]\:w-3\/4[data-side="right"] {
    width: 75%;
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:border-l[data-side="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=top\]\:inset-x-0[data-side="top"] {
    inset-inline: 0;
  }

  .data-\[side\=top\]\:top-0[data-side="top"] {
    top: 0;
  }

  .data-\[side\=top\]\:h-auto[data-side="top"] {
    height: auto;
  }

  .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\]\:border-b[data-side="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .data-\[size\=default\]\:h-8[data-size="default"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[size\=default\]\:h-\[18\.4px\][data-size="default"] {
    height: 18.4px;
  }

  .data-\[size\=default\]\:w-8[data-size="default"] {
    width: calc(var(--spacing) * 8);
  }

  .data-\[size\=default\]\:max-w-xs[data-size="default"] {
    max-width: var(--container-xs);
  }

  .data-\[size\=lg\]\:size-10[data-size="lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=md\]\:text-sm[data-size="md"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[size\=sm\]\:size-6[data-size="sm"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .data-\[size\=sm\]\:h-3\.5[data-size="sm"] {
    height: calc(var(--spacing) * 3.5);
  }

  .data-\[size\=sm\]\:h-7[data-size="sm"] {
    height: calc(var(--spacing) * 7);
  }

  .data-\[size\=sm\]\:w-6[data-size="sm"] {
    width: calc(var(--spacing) * 6);
  }

  .data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
    max-width: var(--container-xs);
  }

  .data-\[size\=sm\]\:gap-3[data-size="sm"] {
    gap: calc(var(--spacing) * 3);
  }

  .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size="sm"] {
    border-radius: min(var(--radius-md), 10px);
  }

  .data-\[size\=sm\]\:py-3[data-size="sm"] {
    padding-block: calc(var(--spacing) * 3);
  }

  .data-\[size\=sm\]\:text-xs[data-size="sm"] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size="sm"]:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
    --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);
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: var(--background);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:rounded-none > *)[data-slot="bubble-content"] {
    border-radius: 0;
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:border-border > *)[data-slot="bubble-content"] {
    border-color: var(--border);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\] > *)[data-slot="bubble-content"] {
    background-color: oklch(from var(--primary) .93 calc(c * .4) h);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-background > *)[data-slot="bubble-content"] {
    background-color: var(--background);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 > *)[data-slot="bubble-content"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 > *)[data-slot="bubble-content"] {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-muted > *)[data-slot="bubble-content"] {
    background-color: var(--muted);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-primary > *)[data-slot="bubble-content"] {
    background-color: var(--primary);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary > *)[data-slot="bubble-content"] {
    background-color: var(--secondary);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent > *)[data-slot="bubble-content"] {
    background-color: #0000;
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:p-0 > *)[data-slot="bubble-content"] {
    padding: 0;
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:text-destructive > *)[data-slot="bubble-content"] {
    color: var(--destructive);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:text-foreground > *)[data-slot="bubble-content"] {
    color: var(--foreground);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground > *)[data-slot="bubble-content"] {
    color: var(--primary-foreground);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground > *)[data-slot="bubble-content"] {
    color: var(--secondary-foreground);
  }

  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
    gap: calc(var(--spacing) * 3);
  }

  :is(.\*\:data-\[slot\=field\]\:p-2\.5 > *)[data-slot="field"] {
    padding: calc(var(--spacing) * 2.5);
  }

  :is(.\*\:data-\[slot\=field-group\]\:gap-4 > *)[data-slot="field-group"] {
    gap: calc(var(--spacing) * 4);
  }

  :is(.\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
    flex: auto;
  }

  :is(.\*\:data-\[slot\=input-group-addon\]\:pl-2\! > *)[data-slot="input-group-addon"] {
    padding-left: calc(var(--spacing) * 2) !important;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
    position: relative;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
    isolation: isolate;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
    z-index: 50;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
    border-radius: calc(var(--radius) - 4px);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :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-1\.5 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 1.5);
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"]:last-child {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"]:last-child {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .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\]\:overflow-hidden[data-state="closed"] {
    overflow: hidden;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:slide-out-to-top-2[data-state="closed"] {
    --tw-exit-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[state\=delayed-open\]\:animate-in[data-state="delayed-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\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=on\]\:bg-muted[data-state="on"] {
    background-color: var(--muted);
  }

  .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\]\:bg-accent[data-state="open"] {
    background-color: var(--accent);
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:slide-in-from-top-2[data-state="open"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[swipe-direction\=down\]\:inset-x-0[data-swipe-direction="down"] {
    inset-inline: 0;
  }

  .data-\[swipe-direction\=down\]\:bottom-0[data-swipe-direction="down"] {
    bottom: 0;
  }

  .data-\[swipe-direction\=down\]\:mt-24[data-swipe-direction="down"] {
    margin-top: calc(var(--spacing) * 24);
  }

  .data-\[swipe-direction\=down\]\:max-h-\[80vh\][data-swipe-direction="down"] {
    max-height: 80vh;
  }

  .data-\[swipe-direction\=down\]\:rounded-t-xl[data-swipe-direction="down"] {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }

  .data-\[swipe-direction\=down\]\:border-t[data-swipe-direction="down"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[swipe-direction\=down\]\:data-\[state\=closed\]\:slide-out-to-bottom[data-swipe-direction="down"][data-state="closed"] {
    --tw-exit-translate-y: 100%;
  }

  .data-\[swipe-direction\=down\]\:data-\[state\=open\]\:slide-in-from-bottom[data-swipe-direction="down"][data-state="open"] {
    --tw-enter-translate-y: 100%;
  }

  .data-\[swipe-direction\=left\]\:inset-y-0[data-swipe-direction="left"] {
    inset-block: 0;
  }

  .data-\[swipe-direction\=left\]\:left-0[data-swipe-direction="left"] {
    left: 0;
  }

  .data-\[swipe-direction\=left\]\:w-3\/4[data-swipe-direction="left"] {
    width: 75%;
  }

  .data-\[swipe-direction\=left\]\:rounded-r-xl[data-swipe-direction="left"] {
    border-top-right-radius: calc(var(--radius) + 4px);
    border-bottom-right-radius: calc(var(--radius) + 4px);
  }

  .data-\[swipe-direction\=left\]\:border-r[data-swipe-direction="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[swipe-direction\=left\]\:data-\[state\=closed\]\:slide-out-to-left[data-swipe-direction="left"][data-state="closed"] {
    --tw-exit-translate-x: -100%;
  }

  .data-\[swipe-direction\=left\]\:data-\[state\=open\]\:slide-in-from-left[data-swipe-direction="left"][data-state="open"] {
    --tw-enter-translate-x: -100%;
  }

  .data-\[swipe-direction\=right\]\:inset-y-0[data-swipe-direction="right"] {
    inset-block: 0;
  }

  .data-\[swipe-direction\=right\]\:right-0[data-swipe-direction="right"] {
    right: 0;
  }

  .data-\[swipe-direction\=right\]\:w-3\/4[data-swipe-direction="right"] {
    width: 75%;
  }

  .data-\[swipe-direction\=right\]\:rounded-l-xl[data-swipe-direction="right"] {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  .data-\[swipe-direction\=right\]\:border-l[data-swipe-direction="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[swipe-direction\=right\]\:data-\[state\=closed\]\:slide-out-to-right[data-swipe-direction="right"][data-state="closed"] {
    --tw-exit-translate-x: 100%;
  }

  .data-\[swipe-direction\=right\]\:data-\[state\=open\]\:slide-in-from-right[data-swipe-direction="right"][data-state="open"] {
    --tw-enter-translate-x: 100%;
  }

  .data-\[swipe-direction\=up\]\:inset-x-0[data-swipe-direction="up"] {
    inset-inline: 0;
  }

  .data-\[swipe-direction\=up\]\:top-0[data-swipe-direction="up"] {
    top: 0;
  }

  .data-\[swipe-direction\=up\]\:mb-24[data-swipe-direction="up"] {
    margin-bottom: calc(var(--spacing) * 24);
  }

  .data-\[swipe-direction\=up\]\:max-h-\[80vh\][data-swipe-direction="up"] {
    max-height: 80vh;
  }

  .data-\[swipe-direction\=up\]\:rounded-b-xl[data-swipe-direction="up"] {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  .data-\[swipe-direction\=up\]\:border-b[data-swipe-direction="up"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .data-\[swipe-direction\=up\]\:data-\[state\=closed\]\:slide-out-to-top[data-swipe-direction="up"][data-state="closed"] {
    --tw-exit-translate-y: -100%;
  }

  .data-\[swipe-direction\=up\]\:data-\[state\=open\]\:slide-in-from-top[data-swipe-direction="up"][data-state="open"] {
    --tw-enter-translate-y: -100%;
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  .data-\[variant\=ghost\]\:max-w-full[data-variant="ghost"] {
    max-width: 100%;
  }

  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"][data-variant="outline"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"][data-variant="outline"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"][data-variant="outline"]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"][data-variant="outline"]:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-backdrop-filter\:backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (min-width: 40rem) {
    .sm\:not-sr-only {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }

    .sm\:me-auto {
      margin-inline-end: auto;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:hidden {
      display: none;
    }

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

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

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

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

    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }

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

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

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

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

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[repeat\(auto-fit\,16rem\)\] {
      grid-template-columns: repeat(auto-fit, 16rem);
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:rounded-lg {
      border-radius: var(--radius);
    }

    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }

    .sm\:pt-1 {
      padding-top: var(--spacing);
    }

    .sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

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

    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      grid-row: span 2 / span 2;
    }

    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      place-items: start;
    }

    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      text-align: left;
    }

    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
      grid-column-start: 2;
    }

    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
      grid-template-rows: auto 1fr;
    }

    .data-\[side\=left\]\:sm\:max-w-sm[data-side="left"], .data-\[side\=right\]\:sm\:max-w-sm[data-side="right"], .data-\[size\=default\]\:sm\:max-w-sm[data-size="default"], .data-\[swipe-direction\=left\]\:sm\:max-w-sm[data-swipe-direction="left"], .data-\[swipe-direction\=right\]\:sm\:max-w-sm[data-swipe-direction="right"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 48rem) {
    .md\:m-2 {
      margin: calc(var(--spacing) * 2);
    }

    .md\:block {
      display: block;
    }

    .md\:flex {
      display: flex;
    }

    .md\:w-full {
      width: 100%;
    }

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

    .md\:rounded-xl {
      border-radius: calc(var(--radius) + 4px);
    }

    .md\:text-left {
      text-align: left;
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:text-pretty {
      text-wrap: pretty;
    }

    .md\:opacity-0 {
      opacity: 0;
    }

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

    .md\:ring-1 {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:ring-border\/70 {
      --tw-ring-color: var(--border);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .md\:ring-border\/70 {
        --tw-ring-color: color-mix(in oklab, var(--border) 70%, transparent);
      }
    }

    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }

    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: 0;
    }

    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: calc(var(--radius) + 4px);
    }

    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }

    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .lg\:pe-0 {
      padding-inline-end: 0;
    }
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:grid {
      display: grid;
    }

    .\@md\/field-group\:grid-cols-\[minmax\(8rem\,12rem\)_minmax\(0\,24rem\)\] {
      grid-template-columns: minmax(8rem, 12rem) minmax(0, 24rem);
    }

    .\@md\/field-group\:flex-row {
      flex-direction: row;
    }

    .\@md\/field-group\:items-center {
      align-items: center;
    }

    .\@md\/field-group\:items-start {
      align-items: flex-start;
    }

    :is(.\@md\/field-group\:\*\:w-auto > *) {
      width: auto;
    }

    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
      align-items: flex-start;
    }

    :is(.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
      flex: auto;
    }
  }

  .ltr\:-translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *), .rtl\:-translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rtl\:translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:bg-\(--shiki-dark-bg\)\!:is(.dark *) {
    background-color: var(--shiki-dark-bg) !important;
  }

  .dark\:bg-background:is(.dark *) {
    background-color: var(--background);
  }

  .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-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-transparent:is(.dark *) {
    background-color: #0000;
  }

  .dark\:text-\(--shiki-dark\)\!:is(.dark *) {
    color: var(--shiki-dark) !important;
  }

  .dark\:text-orange-400:is(.dark *) {
    color: var(--color-orange-400);
  }

  .dark\:after\:mix-blend-lighten:is(.dark *):after {
    content: var(--tw-content);
    mix-blend-mode: lighten;
  }

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

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

    .dark\:hover\:bg-muted:is(.dark *):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);
      }
    }
  }

  .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\: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\: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-checked\:border-primary\/20:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

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

  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]:is(.dark *) > *)[data-slot="bubble-content"] {
    background-color: oklch(from var(--primary) .3 calc(c * .4) h);
  }

  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:is(.dark *) > *)[data-slot="bubble-content"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:is(.dark *) > *)[data-slot="bubble-content"] {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
    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-open\:bg-accent:where([data-state="open"]), .data-open\:bg-accent:where([data-open]:not([data-open="false"])) {
    background-color: var(--accent);
  }

  .data-open\:text-accent-foreground:where([data-state="open"]), .data-open\:text-accent-foreground:where([data-open]:not([data-open="false"])) {
    color: var(--accent-foreground);
  }

  .data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
    --tw-enter-opacity: 0;
  }

  .data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: .95;
  }

  @media (hover: hover) {
    :is(.data-open\:hover\:bg-sidebar-accent:where([data-state="open"]), .data-open\:hover\:bg-sidebar-accent:where([data-open]:not([data-open="false"]))):hover {
      background-color: var(--sidebar-accent);
    }

    :is(.data-open\:hover\:text-sidebar-accent-foreground:where([data-state="open"]), .data-open\:hover\:text-sidebar-accent-foreground:where([data-open]:not([data-open="false"]))):hover {
      color: var(--sidebar-accent-foreground);
    }
  }

  .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side="bottom"]:where([data-state="open"]), .data-\[side\=bottom\]\:data-open\:slide-in-from-bottom-10[data-side="bottom"]:where([data-open]:not([data-open="false"])) {
    --tw-enter-translate-y: calc(.1*100%);
  }

  .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side="left"]:where([data-state="open"]), .data-\[side\=left\]\:data-open\:slide-in-from-left-10[data-side="left"]:where([data-open]:not([data-open="false"])) {
    --tw-enter-translate-x: calc(.1*-100%);
  }

  .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side="right"]:where([data-state="open"]), .data-\[side\=right\]\:data-open\:slide-in-from-right-10[data-side="right"]:where([data-open]:not([data-open="false"])) {
    --tw-enter-translate-x: calc(.1*100%);
  }

  .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side="top"]:where([data-state="open"]), .data-\[side\=top\]\:data-open\:slide-in-from-top-10[data-side="top"]:where([data-open]:not([data-open="false"])) {
    --tw-enter-translate-y: calc(.1*-100%);
  }

  .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
    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-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-opacity: 0;
  }

  .data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: .95;
  }

  .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side="bottom"]:where([data-state="closed"]), .data-\[side\=bottom\]\:data-closed\:slide-out-to-bottom-10[data-side="bottom"]:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-translate-y: calc(.1*100%);
  }

  .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side="left"]:where([data-state="closed"]), .data-\[side\=left\]\:data-closed\:slide-out-to-left-10[data-side="left"]:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-translate-x: calc(.1*-100%);
  }

  .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side="right"]:where([data-state="closed"]), .data-\[side\=right\]\:data-closed\:slide-out-to-right-10[data-side="right"]:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-translate-x: calc(.1*100%);
  }

  .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side="top"]:where([data-state="closed"]), .data-\[side\=top\]\:data-closed\:slide-out-to-top-10[data-side="top"]:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-translate-y: calc(.1*-100%);
  }

  .data-checked\:bg-primary:where([data-state="checked"]), .data-checked\:bg-primary:where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary);
  }

  .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-state="checked"]), .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-checked]:not([data-checked="false"])), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="checked"]), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-checked]:not([data-checked="false"])) {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary-foreground);
  }

  .data-unchecked\:bg-input:where([data-state="unchecked"]), .data-unchecked\:bg-input:where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--input);
  }

  .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-state="unchecked"]), .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-unchecked]:not([data-unchecked="false"])), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="unchecked"]), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-unchecked]:not([data-unchecked="false"])) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--foreground);
  }

  .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
    pointer-events: none;
  }

  .data-disabled\:cursor-not-allowed:where([data-disabled="true"]), .data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled="false"])) {
    cursor: not-allowed;
  }

  .data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
    opacity: .5;
  }

  .data-active\:bg-sidebar-accent:where([data-state="active"]), .data-active\:bg-sidebar-accent:where([data-active]:not([data-active="false"])) {
    background-color: var(--sidebar-accent);
  }

  .data-active\:font-medium:where([data-state="active"]), .data-active\:font-medium:where([data-active]:not([data-active="false"])) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-active\:text-sidebar-accent-foreground:where([data-state="active"]), .data-active\:text-sidebar-accent-foreground:where([data-active]:not([data-active="false"])) {
    color: var(--sidebar-accent-foreground);
  }

  .data-horizontal\:mx-px:where([data-orientation="horizontal"]) {
    margin-inline: 1px;
  }

  .data-horizontal\:h-2\.5:where([data-orientation="horizontal"]) {
    height: calc(var(--spacing) * 2.5);
  }

  .data-horizontal\:w-auto:where([data-orientation="horizontal"]) {
    width: auto;
  }

  .data-horizontal\:flex-col:where([data-orientation="horizontal"]) {
    flex-direction: column;
  }

  .data-horizontal\:border-t:where([data-orientation="horizontal"]) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-horizontal\:border-t-transparent:where([data-orientation="horizontal"]) {
    border-top-color: #0000;
  }

  .data-vertical\:my-px:where([data-orientation="vertical"]) {
    margin-block: 1px;
  }

  .data-vertical\:h-auto:where([data-orientation="vertical"]) {
    height: auto;
  }

  .data-vertical\:h-full:where([data-orientation="vertical"]) {
    height: 100%;
  }

  .data-vertical\:w-2\.5:where([data-orientation="vertical"]) {
    width: calc(var(--spacing) * 2.5);
  }

  .data-vertical\:flex-col:where([data-orientation="vertical"]) {
    flex-direction: column;
  }

  .data-vertical\:items-stretch:where([data-orientation="vertical"]) {
    align-items: stretch;
  }

  .data-vertical\:border-l:where([data-orientation="vertical"]) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-vertical\:border-l-transparent:where([data-orientation="vertical"]) {
    border-left-color: #0000;
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\]\:underline-offset-3 a {
    text-underline-offset: 3px;
  }

  @media (hover: hover) {
    .\[\&_a\]\:hover\:text-foreground a:hover {
      color: var(--foreground);
    }
  }

  .\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%;
  }

  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }

  .\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction="start"] svg {
    rotate: 180deg;
  }

  .\[\&_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);
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
    flex: none;
  }

  .\[\.border-b\]\:pb-2.border-b {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .\[\.border-b\]\:pb-4.border-b {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size="sm"] *).border-b {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .\[\.border-t\]\:pt-2.border-t {
    padding-top: calc(var(--spacing) * 2);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *)[cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs *)[cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground *)[cmdk-group-heading] {
    color: var(--muted-foreground);
  }

  .\[a\]\:transition-colors:is(a) {
    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));
  }

  :is(.\*\:\[a\]\:underline > *):is(a) {
    text-decoration-line: underline;
  }

  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
    text-underline-offset: 3px;
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    .\[a\]\:hover\:bg-muted:is(a):hover {
      background-color: var(--muted);
    }

    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-primary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:text-muted-foreground:is(a):hover {
      color: var(--muted-foreground);
    }

    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
      color: var(--foreground);
    }
  }

  .\[button\]\:text-left:is(button) {
    text-align: left;
  }

  .\[button\,a\]\:transition-colors:is(button, a) {
    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));
  }

  .\[button\,a\]\:outline-none:is(button, a) {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[button\,a\]\:focus-visible\:border-ring:is(button, a):focus-visible {
    border-color: var(--ring);
  }

  .\[button\,a\]\:focus-visible\:ring-3:is(button, a):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);
  }

  .\[button\,a\]\:focus-visible\:ring-ring\/50:is(button, a):focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[button\,a\]\:focus-visible\:ring-ring\/50:is(button, a):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
    border-top-left-radius: calc(var(--radius) + 4px);
    border-top-right-radius: calc(var(--radius) + 4px);
  }

  :is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
    border-bottom-right-radius: calc(var(--radius) + 4px);
    border-bottom-left-radius: calc(var(--radius) + 4px);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.\*\:\[svg\]\:row-span-2 > *):is(svg) {
    grid-row: span 2 / span 2;
  }

  :is(.\*\:\[svg\]\:translate-y-0\.5 > *):is(svg) {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(.\*\:\[svg\]\:text-current > *):is(svg) {
    color: currentColor;
  }

  :is(.data-highlighted\:\*\:\[svg\]\:text-foreground[data-highlighted] > *):is(svg) {
    color: var(--foreground);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }

  :is(.\*\:\[svg\:not\(\[class\*\=size-\]\)\]\:size-4 > *):is(svg:not([class*="size-"])) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  :is(.\*\:\[svg\:not\(\[class\*\=size-\]\)\]\:size-6 > *):is(svg:not([class*="size-"])) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&\>\*\:first-child\]\:mt-0\! > :first-child {
    margin-top: 0 !important;
  }

  .\[\&\>\*\:last-child\]\:mb-0\! > :last-child {
    margin-bottom: 0 !important;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-md > :not(:first-child) {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-md > :not(:last-child) {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width: auto;
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);
    }
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
    }
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\] > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: oklch(from var(--primary) .88 calc(c * .5) h);
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--muted);
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground > [data-slot="bubble-content"]:is(button, a):hover {
    color: var(--foreground);
  }

  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: oklch(from var(--primary) .35 calc(c * .5) h);
  }

  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\\\'w-\\\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="'w-'"]) {
    width: fit-content;
  }

  .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-lg\! > [data-slot]:not(:has( ~ [data-slot])) {
    border-top-right-radius: var(--radius) !important;
    border-bottom-right-radius: var(--radius) !important;
  }

  .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-lg\! > [data-slot]:not(:has( ~ [data-slot])) {
    border-bottom-right-radius: var(--radius) !important;
    border-bottom-left-radius: var(--radius) !important;
  }

  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
    margin-top: 1px;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
      margin-top: 1px;
    }
  }

  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }

  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }

  .\[\&\>a\:hover\]\:text-primary > a:hover {
    color: var(--primary);
  }

  .\[\&\>button\]\:hidden > button {
    display: none;
  }

  .\[\&\>div\]\:pb-0 > div {
    padding-bottom: 0;
  }

  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }

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

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3\! > svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
    color: var(--sidebar-accent-foreground);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
    display: none;
  }

  .\[\&\>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-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }

  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }

  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }

  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }

  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
}

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

@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-mask {
  syntax: "*";
  inherits: false
}

@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}

@property --shimmer-image {
  syntax: "*";
  inherits: false
}

@property --shimmer-text-fill {
  syntax: "*";
  inherits: false
}

@media (prefers-reduced-motion: reduce) {
  .shimmer {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }
}

:root {
  color-scheme: light;
  --background: oklch(100% 0 0);
  --foreground: oklch(14.5% 0 0);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(14.5% 0 0);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(14.5% 0 0);
  --primary: oklch(20.5% 0 0);
  --primary-foreground: oklch(98.5% 0 0);
  --secondary: oklch(97% 0 0);
  --secondary-foreground: oklch(20.5% 0 0);
  --muted: oklch(97% 0 0);
  --muted-foreground: oklch(55.6% 0 0);
  --accent: oklch(97% 0 0);
  --accent-foreground: oklch(20.5% 0 0);
  --destructive: oklch(57.7% .245 27.325);
  --border: oklch(92.2% 0 0);
  --input: oklch(92.2% 0 0);
  --ring: oklch(70.8% 0 0);
  --chart-1: oklch(87% 0 0);
  --chart-2: oklch(55.6% 0 0);
  --chart-3: oklch(43.9% 0 0);
  --chart-4: oklch(37.1% 0 0);
  --chart-5: oklch(26.9% 0 0);
  --radius: .625rem;
  --sidebar: oklch(98.5% 0 0);
  --sidebar-foreground: oklch(14.5% 0 0);
  --sidebar-primary: oklch(20.5% 0 0);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-accent: oklch(97% 0 0);
  --sidebar-accent-foreground: oklch(20.5% 0 0);
  --sidebar-border: oklch(92.2% 0 0);
  --sidebar-ring: oklch(70.8% 0 0);
}

.dark {
  color-scheme: dark;
  --background: oklch(14.5% 0 0);
  --foreground: oklch(98.5% 0 0);
  --card: oklch(20.5% 0 0);
  --card-foreground: oklch(98.5% 0 0);
  --popover: oklch(20.5% 0 0);
  --popover-foreground: oklch(98.5% 0 0);
  --primary: oklch(92.2% 0 0);
  --primary-foreground: oklch(20.5% 0 0);
  --secondary: oklch(26.9% 0 0);
  --secondary-foreground: oklch(98.5% 0 0);
  --muted: oklch(26.9% 0 0);
  --muted-foreground: oklch(70.8% 0 0);
  --accent: oklch(26.9% 0 0);
  --accent-foreground: oklch(98.5% 0 0);
  --destructive: oklch(70.4% .191 22.216);
  --border: oklch(100% 0 0 / .1);
  --input: oklch(100% 0 0 / .15);
  --ring: oklch(55.6% 0 0);
  --chart-1: oklch(87% 0 0);
  --chart-2: oklch(55.6% 0 0);
  --chart-3: oklch(43.9% 0 0);
  --chart-4: oklch(37.1% 0 0);
  --chart-5: oklch(26.9% 0 0);
  --sidebar: oklch(20.5% 0 0);
  --sidebar-foreground: oklch(98.5% 0 0);
  --sidebar-primary: oklch(48.8% .243 264.376);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-accent: oklch(26.9% 0 0);
  --sidebar-accent-foreground: oklch(98.5% 0 0);
  --sidebar-border: oklch(100% 0 0 / .1);
  --sidebar-ring: oklch(55.6% 0 0);
}

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

#app {
  min-height: 100dvh;
}

@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-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@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-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-scrollbar-thumb {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-scrollbar-track {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

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

@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 scroll-fade-reveal-b {
  from {
    --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
  }

  to {
    --scroll-fade-b: 0px;
  }
}