/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
.pod-native-workbench,.pod-native-workbench {
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-50: oklch(97.1% 0.013 17.38);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-amber-50: oklch(98.7% 0.022 95.277);
  --color-amber-100: oklch(96.2% 0.059 95.617);
  --color-amber-200: oklch(92.4% 0.12 95.746);
  --color-amber-300: oklch(87.9% 0.169 91.605);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-600: oklch(66.6% 0.179 58.318);
  --color-amber-700: oklch(55.5% 0.163 48.998);
  --color-amber-800: oklch(47.3% 0.137 46.201);
  --color-amber-900: oklch(41.4% 0.112 45.904);
  --color-green-50: oklch(98.2% 0.018 155.826);
  --color-green-100: oklch(96.2% 0.044 156.743);
  --color-green-200: oklch(92.5% 0.084 155.995);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-green-600: oklch(62.7% 0.194 149.214);
  --color-green-700: oklch(52.7% 0.154 150.069);
  --color-blue-50: oklch(97% 0.014 254.604);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-violet-600: oklch(54.1% 0.281 293.009);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.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);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --leading-relaxed: 1.625;
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --blur-sm: 8px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
:where(.pod-native-workbench) .visible,:where(.pod-native-workbench):is(.visible) {
  visibility: visible;
}
:where(.pod-native-workbench) .sr-only,:where(.pod-native-workbench):is(.sr-only) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
:where(.pod-native-workbench) .absolute,:where(.pod-native-workbench):is(.absolute) {
  position: absolute;
}
:where(.pod-native-workbench) .fixed,:where(.pod-native-workbench):is(.fixed) {
  position: fixed;
}
:where(.pod-native-workbench) .sticky,:where(.pod-native-workbench):is(.sticky) {
  position: sticky;
}
:where(.pod-native-workbench) .inset-0,:where(.pod-native-workbench):is(.inset-0) {
  inset: calc(var(--spacing) * 0);
}
:where(.pod-native-workbench) .start,:where(.pod-native-workbench):is(.start) {
  inset-inline-start: var(--spacing);
}
:where(.pod-native-workbench) .top-0,:where(.pod-native-workbench):is(.top-0) {
  top: calc(var(--spacing) * 0);
}
:where(.pod-native-workbench) .top-4,:where(.pod-native-workbench):is(.top-4) {
  top: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .top-\[50\%\],:where(.pod-native-workbench):is(.top-\[50\%\]) {
  top: 50%;
}
:where(.pod-native-workbench) .right-4,:where(.pod-native-workbench):is(.right-4) {
  right: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .left-\[50\%\],:where(.pod-native-workbench):is(.left-\[50\%\]) {
  left: 50%;
}
:where(.pod-native-workbench) .z-10,:where(.pod-native-workbench):is(.z-10) {
  z-index: 10;
}
:where(.pod-native-workbench) .z-50,:where(.pod-native-workbench):is(.z-50) {
  z-index: 50;
}
:where(.pod-native-workbench) .col-span-2,:where(.pod-native-workbench):is(.col-span-2) {
  grid-column: span 2 / span 2;
}
:where(.pod-native-workbench) .mx-4,:where(.pod-native-workbench):is(.mx-4) {
  margin-inline: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .my-2,:where(.pod-native-workbench):is(.my-2) {
  margin-block: calc(var(--spacing) * 2);
}
:where(.pod-native-workbench) .mt-0\.5,:where(.pod-native-workbench):is(.mt-0\.5) {
  margin-top: calc(var(--spacing) * 0.5);
}
:where(.pod-native-workbench) .mt-1,:where(.pod-native-workbench):is(.mt-1) {
  margin-top: calc(var(--spacing) * 1);
}
:where(.pod-native-workbench) .mt-1\.5,:where(.pod-native-workbench):is(.mt-1\.5) {
  margin-top: calc(var(--spacing) * 1.5);
}
:where(.pod-native-workbench) .mt-2,:where(.pod-native-workbench):is(.mt-2) {
  margin-top: calc(var(--spacing) * 2);
}
:where(.pod-native-workbench) .mt-3,:where(.pod-native-workbench):is(.mt-3) {
  margin-top: calc(var(--spacing) * 3);
}
:where(.pod-native-workbench) .mb-0\.5,:where(.pod-native-workbench):is(.mb-0\.5) {
  margin-bottom: calc(var(--spacing) * 0.5);
}
:where(.pod-native-workbench) .mb-1\.5,:where(.pod-native-workbench):is(.mb-1\.5) {
  margin-bottom: calc(var(--spacing) * 1.5);
}
:where(.pod-native-workbench) .mb-2,:where(.pod-native-workbench):is(.mb-2) {
  margin-bottom: calc(var(--spacing) * 2);
}
:where(.pod-native-workbench) .mb-3,:where(.pod-native-workbench):is(.mb-3) {
  margin-bottom: calc(var(--spacing) * 3);
}
:where(.pod-native-workbench) .ml-1,:where(.pod-native-workbench):is(.ml-1) {
  margin-left: calc(var(--spacing) * 1);
}
:where(.pod-native-workbench) .ml-2,:where(.pod-native-workbench):is(.ml-2) {
  margin-left: calc(var(--spacing) * 2);
}
:where(.pod-native-workbench) .ml-auto,:where(.pod-native-workbench):is(.ml-auto) {
  margin-left: auto;
}
:where(.pod-native-workbench) .block,:where(.pod-native-workbench):is(.block) {
  display: block;
}
:where(.pod-native-workbench) .flex,:where(.pod-native-workbench):is(.flex) {
  display: flex;
}
:where(.pod-native-workbench) .grid,:where(.pod-native-workbench):is(.grid) {
  display: grid;
}
:where(.pod-native-workbench) .hidden,:where(.pod-native-workbench):is(.hidden) {
  display: none;
}
:where(.pod-native-workbench) .inline,:where(.pod-native-workbench):is(.inline) {
  display: inline;
}
:where(.pod-native-workbench) .table,:where(.pod-native-workbench):is(.table) {
  display: table;
}
:where(.pod-native-workbench) .h-3,:where(.pod-native-workbench):is(.h-3) {
  height: calc(var(--spacing) * 3);
}
:where(.pod-native-workbench) .h-3\.5,:where(.pod-native-workbench):is(.h-3\.5) {
  height: calc(var(--spacing) * 3.5);
}
:where(.pod-native-workbench) .h-4,:where(.pod-native-workbench):is(.h-4) {
  height: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .h-5,:where(.pod-native-workbench):is(.h-5) {
  height: calc(var(--spacing) * 5);
}
:where(.pod-native-workbench) .h-6,:where(.pod-native-workbench):is(.h-6) {
  height: calc(var(--spacing) * 6);
}
:where(.pod-native-workbench) .h-7,:where(.pod-native-workbench):is(.h-7) {
  height: calc(var(--spacing) * 7);
}
:where(.pod-native-workbench) .h-8,:where(.pod-native-workbench):is(.h-8) {
  height: calc(var(--spacing) * 8);
}
:where(.pod-native-workbench) .h-10,:where(.pod-native-workbench):is(.h-10) {
  height: calc(var(--spacing) * 10);
}
:where(.pod-native-workbench) .h-12,:where(.pod-native-workbench):is(.h-12) {
  height: calc(var(--spacing) * 12);
}
:where(.pod-native-workbench) .max-h-24,:where(.pod-native-workbench):is(.max-h-24) {
  max-height: calc(var(--spacing) * 24);
}
:where(.pod-native-workbench) .max-h-28,:where(.pod-native-workbench):is(.max-h-28) {
  max-height: calc(var(--spacing) * 28);
}
:where(.pod-native-workbench) .max-h-44,:where(.pod-native-workbench):is(.max-h-44) {
  max-height: calc(var(--spacing) * 44);
}
:where(.pod-native-workbench) .max-h-48,:where(.pod-native-workbench):is(.max-h-48) {
  max-height: calc(var(--spacing) * 48);
}
:where(.pod-native-workbench) .max-h-52,:where(.pod-native-workbench):is(.max-h-52) {
  max-height: calc(var(--spacing) * 52);
}
:where(.pod-native-workbench) .max-h-56,:where(.pod-native-workbench):is(.max-h-56) {
  max-height: calc(var(--spacing) * 56);
}
:where(.pod-native-workbench) .max-h-64,:where(.pod-native-workbench):is(.max-h-64) {
  max-height: calc(var(--spacing) * 64);
}
:where(.pod-native-workbench) .max-h-\[28dvh\],:where(.pod-native-workbench):is(.max-h-\[28dvh\]) {
  max-height: 28dvh;
}
:where(.pod-native-workbench) .max-h-\[40dvh\],:where(.pod-native-workbench):is(.max-h-\[40dvh\]) {
  max-height: 40dvh;
}
:where(.pod-native-workbench) .max-h-\[60dvh\],:where(.pod-native-workbench):is(.max-h-\[60dvh\]) {
  max-height: 60dvh;
}
:where(.pod-native-workbench) .max-h-\[88vh\],:where(.pod-native-workbench):is(.max-h-\[88vh\]) {
  max-height: 88vh;
}
:where(.pod-native-workbench) .max-h-\[90dvh\],:where(.pod-native-workbench):is(.max-h-\[90dvh\]) {
  max-height: 90dvh;
}
:where(.pod-native-workbench) .w-3,:where(.pod-native-workbench):is(.w-3) {
  width: calc(var(--spacing) * 3);
}
:where(.pod-native-workbench) .w-3\.5,:where(.pod-native-workbench):is(.w-3\.5) {
  width: calc(var(--spacing) * 3.5);
}
:where(.pod-native-workbench) .w-4,:where(.pod-native-workbench):is(.w-4) {
  width: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .w-5,:where(.pod-native-workbench):is(.w-5) {
  width: calc(var(--spacing) * 5);
}
:where(.pod-native-workbench) .w-6,:where(.pod-native-workbench):is(.w-6) {
  width: calc(var(--spacing) * 6);
}
:where(.pod-native-workbench) .w-7,:where(.pod-native-workbench):is(.w-7) {
  width: calc(var(--spacing) * 7);
}
:where(.pod-native-workbench) .w-8,:where(.pod-native-workbench):is(.w-8) {
  width: calc(var(--spacing) * 8);
}
:where(.pod-native-workbench) .w-full,:where(.pod-native-workbench):is(.w-full) {
  width: 100%;
}
:where(.pod-native-workbench) .max-w-2xl,:where(.pod-native-workbench):is(.max-w-2xl) {
  max-width: var(--container-2xl);
}
:where(.pod-native-workbench) .max-w-3xl,:where(.pod-native-workbench):is(.max-w-3xl) {
  max-width: var(--container-3xl);
}
:where(.pod-native-workbench) .max-w-lg,:where(.pod-native-workbench):is(.max-w-lg) {
  max-width: var(--container-lg);
}
:where(.pod-native-workbench) .max-w-md,:where(.pod-native-workbench):is(.max-w-md) {
  max-width: var(--container-md);
}
:where(.pod-native-workbench) .min-w-0,:where(.pod-native-workbench):is(.min-w-0) {
  min-width: calc(var(--spacing) * 0);
}
:where(.pod-native-workbench) .flex-1,:where(.pod-native-workbench):is(.flex-1) {
  flex: 1;
}
:where(.pod-native-workbench) .shrink-0,:where(.pod-native-workbench):is(.shrink-0) {
  flex-shrink: 0;
}
:where(.pod-native-workbench) .border-collapse,:where(.pod-native-workbench):is(.border-collapse) {
  border-collapse: collapse;
}
:where(.pod-native-workbench) .translate-x-\[-50\%\],:where(.pod-native-workbench):is(.translate-x-\[-50\%\]) {
  --tw-translate-x: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.pod-native-workbench) .translate-y-\[-50\%\],:where(.pod-native-workbench):is(.translate-y-\[-50\%\]) {
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:where(.pod-native-workbench) .animate-pulse,:where(.pod-native-workbench):is(.animate-pulse) {
  animation: var(--animate-pulse);
}
:where(.pod-native-workbench) .animate-spin,:where(.pod-native-workbench):is(.animate-spin) {
  animation: var(--animate-spin);
}
:where(.pod-native-workbench) .cursor-not-allowed,:where(.pod-native-workbench):is(.cursor-not-allowed) {
  cursor: not-allowed;
}
:where(.pod-native-workbench) .cursor-pointer,:where(.pod-native-workbench):is(.cursor-pointer) {
  cursor: pointer;
}
:where(.pod-native-workbench) .resize-none,:where(.pod-native-workbench):is(.resize-none) {
  resize: none;
}
:where(.pod-native-workbench) .grid-cols-1,:where(.pod-native-workbench):is(.grid-cols-1) {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
:where(.pod-native-workbench) .grid-cols-2,:where(.pod-native-workbench):is(.grid-cols-2) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:where(.pod-native-workbench) .flex-col,:where(.pod-native-workbench):is(.flex-col) {
  flex-direction: column;
}
:where(.pod-native-workbench) .flex-col-reverse,:where(.pod-native-workbench):is(.flex-col-reverse) {
  flex-direction: column-reverse;
}
:where(.pod-native-workbench) .flex-wrap,:where(.pod-native-workbench):is(.flex-wrap) {
  flex-wrap: wrap;
}
:where(.pod-native-workbench) .place-items-center,:where(.pod-native-workbench):is(.place-items-center) {
  place-items: center;
}
:where(.pod-native-workbench) .items-center,:where(.pod-native-workbench):is(.items-center) {
  align-items: center;
}
:where(.pod-native-workbench) .items-end,:where(.pod-native-workbench):is(.items-end) {
  align-items: flex-end;
}
:where(.pod-native-workbench) .items-start,:where(.pod-native-workbench):is(.items-start) {
  align-items: flex-start;
}
:where(.pod-native-workbench) .justify-between,:where(.pod-native-workbench):is(.justify-between) {
  justify-content: space-between;
}
:where(.pod-native-workbench) .justify-center,:where(.pod-native-workbench):is(.justify-center) {
  justify-content: center;
}
:where(.pod-native-workbench) .justify-end,:where(.pod-native-workbench):is(.justify-end) {
  justify-content: flex-end;
}
:where(.pod-native-workbench) .gap-1,:where(.pod-native-workbench):is(.gap-1) {
  gap: calc(var(--spacing) * 1);
}
:where(.pod-native-workbench) .gap-1\.5,:where(.pod-native-workbench):is(.gap-1\.5) {
  gap: calc(var(--spacing) * 1.5);
}
:where(.pod-native-workbench) .gap-2,:where(.pod-native-workbench):is(.gap-2) {
  gap: calc(var(--spacing) * 2);
}
:where(.pod-native-workbench) .gap-3,:where(.pod-native-workbench):is(.gap-3) {
  gap: calc(var(--spacing) * 3);
}
:where(.pod-native-workbench) .gap-4,:where(.pod-native-workbench):is(.gap-4) {
  gap: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .space-y-1,:where(.pod-native-workbench):is(.space-y-1) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
}
:where(.pod-native-workbench) .space-y-1\.5,:where(.pod-native-workbench):is(.space-y-1\.5) {
  :where(& > :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(.pod-native-workbench) .space-y-2,:where(.pod-native-workbench):is(.space-y-2) {
  :where(& > :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(.pod-native-workbench) .space-y-2\.5,:where(.pod-native-workbench):is(.space-y-2\.5) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
:where(.pod-native-workbench) .space-y-3,:where(.pod-native-workbench):is(.space-y-3) {
  :where(& > :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(.pod-native-workbench) .space-y-4,:where(.pod-native-workbench):is(.space-y-4) {
  :where(& > :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(.pod-native-workbench) .gap-x-4,:where(.pod-native-workbench):is(.gap-x-4) {
  column-gap: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .gap-y-1,:where(.pod-native-workbench):is(.gap-y-1) {
  row-gap: calc(var(--spacing) * 1);
}
:where(.pod-native-workbench) .truncate,:where(.pod-native-workbench):is(.truncate) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:where(.pod-native-workbench) .overflow-auto,:where(.pod-native-workbench):is(.overflow-auto) {
  overflow: auto;
}
:where(.pod-native-workbench) .overflow-hidden,:where(.pod-native-workbench):is(.overflow-hidden) {
  overflow: hidden;
}
:where(.pod-native-workbench) .overflow-x-auto,:where(.pod-native-workbench):is(.overflow-x-auto) {
  overflow-x: auto;
}
:where(.pod-native-workbench) .overflow-y-auto,:where(.pod-native-workbench):is(.overflow-y-auto) {
  overflow-y: auto;
}
:where(.pod-native-workbench) .rounded,:where(.pod-native-workbench):is(.rounded) {
  border-radius: 0.25rem;
}
:where(.pod-native-workbench) .rounded-2xl,:where(.pod-native-workbench):is(.rounded-2xl) {
  border-radius: calc(var(--radius) + 8px);
}
:where(.pod-native-workbench) .rounded-lg,:where(.pod-native-workbench):is(.rounded-lg) {
  border-radius: var(--radius);
}
:where(.pod-native-workbench) .rounded-md,:where(.pod-native-workbench):is(.rounded-md) {
  border-radius: calc(var(--radius) - 2px);
}
:where(.pod-native-workbench) .rounded-sm,:where(.pod-native-workbench):is(.rounded-sm) {
  border-radius: calc(var(--radius) - 4px);
}
:where(.pod-native-workbench) .rounded-xl,:where(.pod-native-workbench):is(.rounded-xl) {
  border-radius: calc(var(--radius) + 4px);
}
:where(.pod-native-workbench) .rounded-t-2xl,:where(.pod-native-workbench):is(.rounded-t-2xl) {
  border-top-left-radius: calc(var(--radius) + 8px);
  border-top-right-radius: calc(var(--radius) + 8px);
}
:where(.pod-native-workbench) .border,:where(.pod-native-workbench):is(.border) {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
:where(.pod-native-workbench) .border-2,:where(.pod-native-workbench):is(.border-2) {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
:where(.pod-native-workbench) .border-t,:where(.pod-native-workbench):is(.border-t) {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
:where(.pod-native-workbench) .border-dashed,:where(.pod-native-workbench):is(.border-dashed) {
  --tw-border-style: dashed;
  border-style: dashed;
}
:where(.pod-native-workbench) .border-amber-100,:where(.pod-native-workbench):is(.border-amber-100) {
  border-color: var(--color-amber-100);
}
:where(.pod-native-workbench) .border-amber-200,:where(.pod-native-workbench):is(.border-amber-200) {
  border-color: var(--color-amber-200);
}
:where(.pod-native-workbench) .border-amber-300,:where(.pod-native-workbench):is(.border-amber-300) {
  border-color: var(--color-amber-300);
}
:where(.pod-native-workbench) .border-amber-400,:where(.pod-native-workbench):is(.border-amber-400) {
  border-color: var(--color-amber-400);
}
:where(.pod-native-workbench) .border-blue-100,:where(.pod-native-workbench):is(.border-blue-100) {
  border-color: var(--color-blue-100);
}
:where(.pod-native-workbench) .border-blue-200,:where(.pod-native-workbench):is(.border-blue-200) {
  border-color: var(--color-blue-200);
}
:where(.pod-native-workbench) .border-blue-300,:where(.pod-native-workbench):is(.border-blue-300) {
  border-color: var(--color-blue-300);
}
:where(.pod-native-workbench) .border-border,:where(.pod-native-workbench):is(.border-border) {
  border-color: hsl(var(--border));
}
:where(.pod-native-workbench) .border-green-100,:where(.pod-native-workbench):is(.border-green-100) {
  border-color: var(--color-green-100);
}
:where(.pod-native-workbench) .border-green-200,:where(.pod-native-workbench):is(.border-green-200) {
  border-color: var(--color-green-200);
}
:where(.pod-native-workbench) .border-red-200,:where(.pod-native-workbench):is(.border-red-200) {
  border-color: var(--color-red-200);
}
:where(.pod-native-workbench) .border-red-300,:where(.pod-native-workbench):is(.border-red-300) {
  border-color: var(--color-red-300);
}
:where(.pod-native-workbench) .bg-amber-50,:where(.pod-native-workbench):is(.bg-amber-50) {
  background-color: var(--color-amber-50);
}
:where(.pod-native-workbench) .bg-background,:where(.pod-native-workbench):is(.bg-background) {
  background-color: hsl(var(--background));
}
:where(.pod-native-workbench) .bg-black\/40,:where(.pod-native-workbench):is(.bg-black\/40) {
  background-color: color-mix(in srgb, #000 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}
:where(.pod-native-workbench) .bg-black\/80,:where(.pod-native-workbench):is(.bg-black\/80) {
  background-color: color-mix(in srgb, #000 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
  }
}
:where(.pod-native-workbench) .bg-blue-50,:where(.pod-native-workbench):is(.bg-blue-50) {
  background-color: var(--color-blue-50);
}
:where(.pod-native-workbench) .bg-blue-50\/40,:where(.pod-native-workbench):is(.bg-blue-50\/40) {
  background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
  }
}
:where(.pod-native-workbench) .bg-green-50,:where(.pod-native-workbench):is(.bg-green-50) {
  background-color: var(--color-green-50);
}
:where(.pod-native-workbench) .bg-muted,:where(.pod-native-workbench):is(.bg-muted) {
  background-color: hsl(var(--muted));
}
:where(.pod-native-workbench) .bg-muted\/10,:where(.pod-native-workbench):is(.bg-muted\/10) {
  background-color: hsl(var(--muted));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--muted)) 10%, transparent);
  }
}
:where(.pod-native-workbench) .bg-muted\/20,:where(.pod-native-workbench):is(.bg-muted\/20) {
  background-color: hsl(var(--muted));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--muted)) 20%, transparent);
  }
}
:where(.pod-native-workbench) .bg-muted\/30,:where(.pod-native-workbench):is(.bg-muted\/30) {
  background-color: hsl(var(--muted));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent);
  }
}
:where(.pod-native-workbench) .bg-muted\/40,:where(.pod-native-workbench):is(.bg-muted\/40) {
  background-color: hsl(var(--muted));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
  }
}
:where(.pod-native-workbench) .bg-muted\/80,:where(.pod-native-workbench):is(.bg-muted\/80) {
  background-color: hsl(var(--muted));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--muted)) 80%, transparent);
  }
}
:where(.pod-native-workbench) .bg-primary\/5,:where(.pod-native-workbench):is(.bg-primary\/5) {
  background-color: hsl(var(--primary));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--primary)) 5%, transparent);
  }
}
:where(.pod-native-workbench) .bg-primary\/10,:where(.pod-native-workbench):is(.bg-primary\/10) {
  background-color: hsl(var(--primary));
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
  }
}
:where(.pod-native-workbench) .bg-red-50,:where(.pod-native-workbench):is(.bg-red-50) {
  background-color: var(--color-red-50);
}
:where(.pod-native-workbench) .bg-red-600,:where(.pod-native-workbench):is(.bg-red-600) {
  background-color: var(--color-red-600);
}
:where(.pod-native-workbench) .bg-violet-600,:where(.pod-native-workbench):is(.bg-violet-600) {
  background-color: var(--color-violet-600);
}
:where(.pod-native-workbench) .bg-white,:where(.pod-native-workbench):is(.bg-white) {
  background-color: var(--color-white);
}
:where(.pod-native-workbench) .p-0\.5,:where(.pod-native-workbench):is(.p-0\.5) {
  padding: calc(var(--spacing) * 0.5);
}
:where(.pod-native-workbench) .p-1,:where(.pod-native-workbench):is(.p-1) {
  padding: calc(var(--spacing) * 1);
}
:where(.pod-native-workbench) .p-1\.5,:where(.pod-native-workbench):is(.p-1\.5) {
  padding: calc(var(--spacing) * 1.5);
}
:where(.pod-native-workbench) .p-2,:where(.pod-native-workbench):is(.p-2) {
  padding: calc(var(--spacing) * 2);
}
:where(.pod-native-workbench) .p-2\.5,:where(.pod-native-workbench):is(.p-2\.5) {
  padding: calc(var(--spacing) * 2.5);
}
:where(.pod-native-workbench) .p-3,:where(.pod-native-workbench):is(.p-3) {
  padding: calc(var(--spacing) * 3);
}
:where(.pod-native-workbench) .p-4,:where(.pod-native-workbench):is(.p-4) {
  padding: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .p-6,:where(.pod-native-workbench):is(.p-6) {
  padding: calc(var(--spacing) * 6);
}
:where(.pod-native-workbench) .px-2,:where(.pod-native-workbench):is(.px-2) {
  padding-inline: calc(var(--spacing) * 2);
}
:where(.pod-native-workbench) .px-2\.5,:where(.pod-native-workbench):is(.px-2\.5) {
  padding-inline: calc(var(--spacing) * 2.5);
}
:where(.pod-native-workbench) .px-3,:where(.pod-native-workbench):is(.px-3) {
  padding-inline: calc(var(--spacing) * 3);
}
:where(.pod-native-workbench) .px-4,:where(.pod-native-workbench):is(.px-4) {
  padding-inline: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .px-5,:where(.pod-native-workbench):is(.px-5) {
  padding-inline: calc(var(--spacing) * 5);
}
:where(.pod-native-workbench) .py-0\.5,:where(.pod-native-workbench):is(.py-0\.5) {
  padding-block: calc(var(--spacing) * 0.5);
}
:where(.pod-native-workbench) .py-1,:where(.pod-native-workbench):is(.py-1) {
  padding-block: calc(var(--spacing) * 1);
}
:where(.pod-native-workbench) .py-1\.5,:where(.pod-native-workbench):is(.py-1\.5) {
  padding-block: calc(var(--spacing) * 1.5);
}
:where(.pod-native-workbench) .py-2,:where(.pod-native-workbench):is(.py-2) {
  padding-block: calc(var(--spacing) * 2);
}
:where(.pod-native-workbench) .py-2\.5,:where(.pod-native-workbench):is(.py-2\.5) {
  padding-block: calc(var(--spacing) * 2.5);
}
:where(.pod-native-workbench) .py-3\.5,:where(.pod-native-workbench):is(.py-3\.5) {
  padding-block: calc(var(--spacing) * 3.5);
}
:where(.pod-native-workbench) .py-4,:where(.pod-native-workbench):is(.py-4) {
  padding-block: calc(var(--spacing) * 4);
}
:where(.pod-native-workbench) .py-8,:where(.pod-native-workbench):is(.py-8) {
  padding-block: calc(var(--spacing) * 8);
}
:where(.pod-native-workbench) .pt-1,:where(.pod-native-workbench):is(.pt-1) {
  padding-top: calc(var(--spacing) * 1);
}
:where(.pod-native-workbench) .pt-3,:where(.pod-native-workbench):is(.pt-3) {
  padding-top: calc(var(--spacing) * 3);
}
:where(.pod-native-workbench) .text-center,:where(.pod-native-workbench):is(.text-center) {
  text-align: center;
}
:where(.pod-native-workbench) .text-left,:where(.pod-native-workbench):is(.text-left) {
  text-align: left;
}
:where(.pod-native-workbench) .text-right,:where(.pod-native-workbench):is(.text-right) {
  text-align: right;
}
:where(.pod-native-workbench) .font-mono,:where(.pod-native-workbench):is(.font-mono) {
  font-family: var(--font-mono);
}
:where(.pod-native-workbench) .text-base,:where(.pod-native-workbench):is(.text-base) {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
:where(.pod-native-workbench) .text-lg,:where(.pod-native-workbench):is(.text-lg) {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
:where(.pod-native-workbench) .text-sm,:where(.pod-native-workbench):is(.text-sm) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
:where(.pod-native-workbench) .text-xs,:where(.pod-native-workbench):is(.text-xs) {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
:where(.pod-native-workbench) .text-\[10px\],:where(.pod-native-workbench):is(.text-\[10px\]) {
  font-size: 10px;
}
:where(.pod-native-workbench) .text-\[11px\],:where(.pod-native-workbench):is(.text-\[11px\]) {
  font-size: 11px;
}
:where(.pod-native-workbench) .leading-none,:where(.pod-native-workbench):is(.leading-none) {
  --tw-leading: 1;
  line-height: 1;
}
:where(.pod-native-workbench) .leading-relaxed,:where(.pod-native-workbench):is(.leading-relaxed) {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
:where(.pod-native-workbench) .font-bold,:where(.pod-native-workbench):is(.font-bold) {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
:where(.pod-native-workbench) .font-medium,:where(.pod-native-workbench):is(.font-medium) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
:where(.pod-native-workbench) .font-normal,:where(.pod-native-workbench):is(.font-normal) {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
:where(.pod-native-workbench) .font-semibold,:where(.pod-native-workbench):is(.font-semibold) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
:where(.pod-native-workbench) .tracking-tight,:where(.pod-native-workbench):is(.tracking-tight) {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
:where(.pod-native-workbench) .tracking-wide,:where(.pod-native-workbench):is(.tracking-wide) {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
:where(.pod-native-workbench) .break-all,:where(.pod-native-workbench):is(.break-all) {
  word-break: break-all;
}
:where(.pod-native-workbench) .whitespace-pre-wrap,:where(.pod-native-workbench):is(.whitespace-pre-wrap) {
  white-space: pre-wrap;
}
:where(.pod-native-workbench) .text-amber-600,:where(.pod-native-workbench):is(.text-amber-600) {
  color: var(--color-amber-600);
}
:where(.pod-native-workbench) .text-amber-700,:where(.pod-native-workbench):is(.text-amber-700) {
  color: var(--color-amber-700);
}
:where(.pod-native-workbench) .text-amber-800,:where(.pod-native-workbench):is(.text-amber-800) {
  color: var(--color-amber-800);
}
:where(.pod-native-workbench) .text-amber-900,:where(.pod-native-workbench):is(.text-amber-900) {
  color: var(--color-amber-900);
}
:where(.pod-native-workbench) .text-blue-700,:where(.pod-native-workbench):is(.text-blue-700) {
  color: var(--color-blue-700);
}
:where(.pod-native-workbench) .text-green-500,:where(.pod-native-workbench):is(.text-green-500) {
  color: var(--color-green-500);
}
:where(.pod-native-workbench) .text-green-600,:where(.pod-native-workbench):is(.text-green-600) {
  color: var(--color-green-600);
}
:where(.pod-native-workbench) .text-green-700,:where(.pod-native-workbench):is(.text-green-700) {
  color: var(--color-green-700);
}
:where(.pod-native-workbench) .text-muted-foreground,:where(.pod-native-workbench):is(.text-muted-foreground) {
  color: hsl(var(--muted-foreground));
}
:where(.pod-native-workbench) .text-muted-foreground\/40,:where(.pod-native-workbench):is(.text-muted-foreground\/40) {
  color: hsl(var(--muted-foreground));
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent);
  }
}
:where(.pod-native-workbench) .text-red-500,:where(.pod-native-workbench):is(.text-red-500) {
  color: var(--color-red-500);
}
:where(.pod-native-workbench) .text-red-600,:where(.pod-native-workbench):is(.text-red-600) {
  color: var(--color-red-600);
}
:where(.pod-native-workbench) .text-red-700,:where(.pod-native-workbench):is(.text-red-700) {
  color: var(--color-red-700);
}
:where(.pod-native-workbench) .text-white,:where(.pod-native-workbench):is(.text-white) {
  color: var(--color-white);
}
:where(.pod-native-workbench) .uppercase,:where(.pod-native-workbench):is(.uppercase) {
  text-transform: uppercase;
}
:where(.pod-native-workbench) .tabular-nums,:where(.pod-native-workbench):is(.tabular-nums) {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
:where(.pod-native-workbench) .underline,:where(.pod-native-workbench):is(.underline) {
  text-decoration-line: underline;
}
:where(.pod-native-workbench) .opacity-50,:where(.pod-native-workbench):is(.opacity-50) {
  opacity: 50%;
}
:where(.pod-native-workbench) .opacity-60,:where(.pod-native-workbench):is(.opacity-60) {
  opacity: 60%;
}
:where(.pod-native-workbench) .opacity-70,:where(.pod-native-workbench):is(.opacity-70) {
  opacity: 70%;
}
:where(.pod-native-workbench) .opacity-75,:where(.pod-native-workbench):is(.opacity-75) {
  opacity: 75%;
}
:where(.pod-native-workbench) .shadow-2xl,:where(.pod-native-workbench):is(.shadow-2xl) {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.pod-native-workbench) .shadow-lg,:where(.pod-native-workbench):is(.shadow-lg) {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.pod-native-workbench) .shadow-sm,:where(.pod-native-workbench):is(.shadow-sm) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
:where(.pod-native-workbench) .ring-2,:where(.pod-native-workbench):is(.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);
}
:where(.pod-native-workbench) .ring-offset-background,:where(.pod-native-workbench):is(.ring-offset-background) {
  --tw-ring-offset-color: hsl(var(--background));
}
:where(.pod-native-workbench) .backdrop-blur-sm,:where(.pod-native-workbench):is(.backdrop-blur-sm) {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
:where(.pod-native-workbench) .transition-all,:where(.pod-native-workbench):is(.transition-all) {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.pod-native-workbench) .transition-colors,:where(.pod-native-workbench):is(.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));
}
:where(.pod-native-workbench) .transition-opacity,:where(.pod-native-workbench):is(.transition-opacity) {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:where(.pod-native-workbench) .duration-200,:where(.pod-native-workbench):is(.duration-200) {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
:where(.pod-native-workbench) .hover\:border-primary\/50,:where(.pod-native-workbench):is(.hover\:border-primary\/50) {
  &:hover {
    @media (hover: hover) {
      border-color: hsl(var(--primary));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
      }
    }
  }
}
:where(.pod-native-workbench) .hover\:border-red-400,:where(.pod-native-workbench):is(.hover\:border-red-400) {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-red-400);
    }
  }
}
:where(.pod-native-workbench) .hover\:bg-muted,:where(.pod-native-workbench):is(.hover\:bg-muted) {
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--muted));
    }
  }
}
:where(.pod-native-workbench) .hover\:bg-muted\/20,:where(.pod-native-workbench):is(.hover\:bg-muted\/20) {
  &:hover {
    @media (hover: hover) {
      background-color: hsl(var(--muted));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, hsl(var(--muted)) 20%, transparent);
      }
    }
  }
}
:where(.pod-native-workbench) .hover\:bg-white\/20,:where(.pod-native-workbench):is(.hover\:bg-white\/20) {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
}
:where(.pod-native-workbench) .hover\:opacity-90,:where(.pod-native-workbench):is(.hover\:opacity-90) {
  &:hover {
    @media (hover: hover) {
      opacity: 90%;
    }
  }
}
:where(.pod-native-workbench) .hover\:opacity-100,:where(.pod-native-workbench):is(.hover\:opacity-100) {
  &:hover {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
:where(.pod-native-workbench) .focus\:ring-1,:where(.pod-native-workbench):is(.focus\:ring-1) {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.pod-native-workbench) .focus\:ring-2,:where(.pod-native-workbench):is(.focus\:ring-2) {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
:where(.pod-native-workbench) .focus\:ring-blue-400,:where(.pod-native-workbench):is(.focus\:ring-blue-400) {
  &:focus {
    --tw-ring-color: var(--color-blue-400);
  }
}
:where(.pod-native-workbench) .focus\:ring-primary\/50,:where(.pod-native-workbench):is(.focus\:ring-primary\/50) {
  &:focus {
    --tw-ring-color: hsl(var(--primary));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
    }
  }
}
:where(.pod-native-workbench) .focus\:ring-ring,:where(.pod-native-workbench):is(.focus\:ring-ring) {
  &:focus {
    --tw-ring-color: hsl(var(--ring));
  }
}
:where(.pod-native-workbench) .focus\:ring-offset-2,:where(.pod-native-workbench):is(.focus\:ring-offset-2) {
  &:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}
:where(.pod-native-workbench) .focus\:outline-none,:where(.pod-native-workbench):is(.focus\:outline-none) {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
:where(.pod-native-workbench) .disabled\:pointer-events-none,:where(.pod-native-workbench):is(.disabled\:pointer-events-none) {
  &:disabled {
    pointer-events: none;
  }
}
:where(.pod-native-workbench) .disabled\:opacity-40,:where(.pod-native-workbench):is(.disabled\:opacity-40) {
  &:disabled {
    opacity: 40%;
  }
}
:where(.pod-native-workbench) .disabled\:opacity-50,:where(.pod-native-workbench):is(.disabled\:opacity-50) {
  &:disabled {
    opacity: 50%;
  }
}
:where(.pod-native-workbench) .sm\:grid-cols-2,:where(.pod-native-workbench):is(.sm\:grid-cols-2) {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:where(.pod-native-workbench) .sm\:flex-row,:where(.pod-native-workbench):is(.sm\:flex-row) {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
:where(.pod-native-workbench) .sm\:justify-end,:where(.pod-native-workbench):is(.sm\:justify-end) {
  @media (width >= 40rem) {
    justify-content: flex-end;
  }
}
:where(.pod-native-workbench) .sm\:space-x-2,:where(.pod-native-workbench):is(.sm\:space-x-2) {
  @media (width >= 40rem) {
    :where(& > :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(.pod-native-workbench) .sm\:rounded-lg,:where(.pod-native-workbench):is(.sm\:rounded-lg) {
  @media (width >= 40rem) {
    border-radius: var(--radius);
  }
}
:where(.pod-native-workbench) .sm\:text-left,:where(.pod-native-workbench):is(.sm\:text-left) {
  @media (width >= 40rem) {
    text-align: left;
  }
}
:where(.pod-native-workbench) .md\:col-span-1,:where(.pod-native-workbench):is(.md\:col-span-1) {
  @media (width >= 48rem) {
    grid-column: span 1 / span 1;
  }
}
:where(.pod-native-workbench) .md\:col-span-2,:where(.pod-native-workbench):is(.md\:col-span-2) {
  @media (width >= 48rem) {
    grid-column: span 2 / span 2;
  }
}
:where(.pod-native-workbench) .md\:grid-cols-4,:where(.pod-native-workbench):is(.md\:grid-cols-4) {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
:where(.pod-native-workbench) .md\:grid-cols-5,:where(.pod-native-workbench):is(.md\:grid-cols-5) {
  @media (width >= 48rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
:where(.pod-native-workbench) .md\:p-5,:where(.pod-native-workbench):is(.md\:p-5) {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 5);
  }
}
:where(.pod-native-workbench) .lg\:grid-cols-2,:where(.pod-native-workbench):is(.lg\:grid-cols-2) {
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@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-space-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: 0px;
}
@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-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    :where(.pod-native-workbench) *,:where(.pod-native-workbench):is(*),:where(.pod-native-workbench) ::before,:where(.pod-native-workbench):is(::before),:where(.pod-native-workbench) ::after,:where(.pod-native-workbench):is(::after),:where(.pod-native-workbench) ::backdrop,:where(.pod-native-workbench):is(::backdrop) {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-space-x-reverse: 0;
    }
  }
}
